:root{--ink:#101827;--muted:#5d6979;--line:#dce3eb;--soft:#f4f7fa;--blue:#1f4f8f;--gold:#c79b42;--green:#15745a;--danger:#9d392f}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.cb-header{height:72px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.cb-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;line-height:.9}.cb-brand img{border-radius:8px}.cb-brand span span{color:var(--gold)}.cb-header nav{display:flex;gap:24px;align-items:center}.cb-header nav>a{color:#354358;text-decoration:none;font-size:14px}.primary-action,.secondary-action{border:0;border-radius:9px;padding:12px 18px;font:700 14px inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-action{background:var(--blue);color:#fff}.secondary-action{background:#fff;border:1px solid #bdc8d4;color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #94b8df;outline-offset:2px}.cb-hero{padding:72px max(24px,calc((100vw - 1120px)/2)) 50px;background:linear-gradient(180deg,#f5f8fc 0,#fff 100%);text-align:center}.breadcrumbs{font-size:12px;display:flex;gap:8px;justify-content:center;margin-bottom:28px;color:#667487}.breadcrumbs a{color:inherit}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cb-hero h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.045em;line-height:1.02;margin:8px auto 18px}.lead{max-width:780px;margin:0 auto;color:#4c5a6d;font-size:18px}.scan-form{max-width:820px;margin:34px auto 20px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 14px 44px rgba(25,52,85,.1)}.scan-form>label{font-size:13px;font-weight:750}.scan-form>div{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:8px}.scan-form input{width:100%;border:1px solid #b9c4d0;border-radius:9px;padding:13px 14px;font-size:16px}.scan-form p{margin:10px 0 0;color:var(--muted);font-size:12px}.scan-form p span{color:var(--green)}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.trust-row span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#546174;font-size:11px;background:#fff}.scan-summary{max-width:1440px;margin:22px auto 0;padding:14px 22px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:20px}.scan-summary>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.scan-summary small{grid-column:2;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);grid-row:1/3}.summary-counts{display:flex;gap:8px;flex:1}.summary-counts span{font-size:11px;border-radius:999px;padding:5px 9px;background:var(--soft)}.generator{max-width:1600px;margin:22px auto 70px;display:grid;grid-template-columns:300px minmax(500px,1fr) 350px;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:720px;background:#fff}.settings-panel,.results-panel{background:#f9fbfd}.settings-panel{border-right:1px solid var(--line)}.results-panel{border-left:1px solid var(--line)}.panel-title{height:62px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.panel-title>div{display:flex;align-items:center;gap:9px}.panel-title span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8eef7;color:var(--blue);font-size:12px;font-weight:800}.panel-title h2{font-size:15px;margin:0}.settings-content{padding:17px;display:grid;gap:15px;max-height:760px;overflow:auto}.settings-content label,.settings-content fieldset{display:grid;gap:6px;font-size:12px;font-weight:750;border:0;margin:0;padding:0}.settings-content input,.settings-content textarea,.settings-content select,.filter-row select{border:1px solid #c8d1dc;border-radius:8px;background:#fff;padding:9px 10px;color:var(--ink);font:400 13px inherit;resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.choice-grid button,.viewport-buttons button,.result-tabs button{border:1px solid #cad3dd;background:#fff;color:#4e5c70;padding:7px;font-size:11px;cursor:pointer}.choice-grid .is-active,.viewport-buttons .is-active,.result-tabs .is-active{border-color:var(--blue);background:#eaf1fa;color:var(--blue);font-weight:800}.premium-setting{border:1px solid #e7d5af!important;background:#fffaf0;border-radius:8px;padding:10px!important}.premium-setting>span{display:flex;gap:6px;align-items:center}.premium-setting b,.full span{color:var(--gold)}.full{width:100%}.preview-panel{min-width:0;background:#f2f5f8}.viewport-buttons{display:flex}.site-preview{width:calc(100% - 40px);max-width:900px;aspect-ratio:16/10;margin:26px auto;background:#fff;border:1px solid #cbd5df;border-radius:11px;overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(21,42,67,.12)}.site-preview.mobile{max-width:390px;aspect-ratio:9/16}.mock-browser{height:34px;background:#eff3f7;border-bottom:1px solid #d9e1e9;display:flex;align-items:center;gap:5px;padding:0 10px;color:#748194;font-size:10px}.mock-browser i{width:7px;height:7px;border-radius:50%;background:#b7c0ca}.mock-browser span{margin-left:7px;padding:3px 18px;background:#fff;border-radius:5px;flex:1}.mock-site{padding:20px}.mock-nav{height:10px;background:#d7e0e9;width:60%;border-radius:10px}.mock-hero{display:grid;gap:8px;margin:50px auto 35px;width:70%}.mock-hero span{height:12px;background:#e5eaf0;border-radius:8px}.mock-hero span:first-child{height:24px;background:#c7d4e3;width:68%}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mock-cards i{height:70px;background:#eef2f6;border-radius:8px}.banner-preview{--accent:#1f4f8f;position:absolute;background:#fff;border:1px solid #cbd4df;box-shadow:0 9px 25px rgba(19,35,55,.2);padding:15px;z-index:2;font-size:10px}.banner-preview.bottom{left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:12px}.banner-preview.bottom-left,.banner-preview.bottom-right{width:min(330px,calc(100% - 24px));bottom:12px}.banner-preview.bottom-left{left:12px}.banner-preview.bottom-right{right:12px}.banner-preview.center{width:min(390px,calc(100% - 24px));left:50%;top:50%;transform:translate(-50%,-40%)}.banner-preview.rounded{border-radius:15px}.banner-preview.compact{padding:10px}.preview-copy{display:flex;gap:8px;flex:1}.preview-copy img{width:30px;height:30px;object-fit:contain}.preview-copy strong{font-size:12px}.preview-copy p{margin:3px 0;color:#596678;line-height:1.35}.preview-actions{display:flex;gap:5px}.preview-actions button{border:1px solid #bfc9d5;background:#fff;border-radius:6px;padding:7px;font-size:9px}.preview-actions .preview-accept{background:var(--accent);border-color:var(--accent);color:#fff}.preview-close{position:absolute;right:6px;top:4px;border:0;background:none;color:#687587}.configuration-note{margin:0 20px 18px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);padding:12px 15px;font-size:12px}.configuration-note p{color:var(--muted);margin:4px 0 0}.generate-button{margin:0 auto 25px;display:flex}.result-tabs{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px 0}.filter-row{padding:12px 14px;display:flex;gap:8px;align-items:center}.filter-row select{min-width:0;flex:1}.filter-row span{font-size:11px;color:var(--muted)}.detected-list{padding:0 14px 16px;display:grid;gap:9px;max-height:610px;overflow:auto}.detected-item{background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px}.detected-head{display:flex;gap:8px;justify-content:space-between}.detected-head strong{font-size:12px;overflow-wrap:anywhere}.confidence{font-size:9px;text-transform:uppercase;color:#6c7786}.detected-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tag{font-size:9px;border-radius:999px;padding:3px 7px;background:#e9eff6}.tag.other{background:#fff0d7;color:#79510c}.detected-item label{display:grid;gap:4px;font-size:10px;color:var(--muted)}.detected-item select,.detected-item input{width:100%;border:1px solid #c7d0da;border-radius:6px;padding:6px;font-size:11px}.reason-warning{color:var(--danger);font-size:10px;margin:6px 0 0}.checklist{list-style:none;margin:0;padding:15px;display:grid;gap:9px}.checklist li{display:flex;gap:9px;background:#fff;border:1px solid var(--line);padding:11px;border-radius:8px;font-size:12px}.checklist li span{color:var(--green);font-weight:900}.checklist li.pending span{color:#a36c13}.checklist-note{font-size:11px;color:var(--muted);padding:0 15px}.code-result,.method-section,.pricing-section,.legal-section,.faq-section{max-width:1120px;margin:80px auto;padding:0 24px}.code-result{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fbfcfe}.code-result h2,.method-section h2,.pricing-section h2,.legal-section h2,.faq-section h2{font-size:clamp(27px,4vw,40px);letter-spacing:-.03em;margin:5px 0 14px}.code-box{margin:20px 0;border:1px solid #cfd8e2;border-radius:10px;background:#101827;overflow:hidden}.code-box>div{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#eef2f6;color:var(--ink);font-size:12px}.copy-button{border:1px solid #b6c1ce;border-radius:6px;background:#fff;padding:5px 9px;cursor:pointer}.code-box pre{margin:0;padding:16px;color:#dce7f3;overflow:auto;font-size:12px;white-space:pre-wrap}.installation-grid,.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.installation-grid article{padding:18px;border:1px solid var(--line);border-radius:10px}.installation-grid span,.method-section li>span{width:28px;height:28px;display:grid;place-items:center;background:#e8eef7;border-radius:50%;font-size:12px;color:var(--blue);font-weight:800}.generated-table{margin:24px 0;overflow:auto}.generated-table table{width:100%;border-collapse:collapse;font-size:12px}.generated-table th,.generated-table td{padding:9px;border:1px solid var(--line);text-align:left}.method-section{display:grid;grid-template-columns:1fr 1fr;gap:35px}.method-section ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}.method-section li{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.method-section li p{grid-column:2;margin:2px 0;color:var(--muted)}.limits{grid-column:1/-1;background:#fff8e9;border:1px solid #ead7aa;border-radius:11px;padding:18px}.limits h3{margin:0 0 5px}.limits p{margin:0;color:#665836}.pricing-section>div:first-child{text-align:center;max-width:700px;margin:auto}.pricing-grid{margin-top:30px}.pricing-grid article{border:1px solid var(--line);border-radius:13px;padding:25px}.pricing-grid article>strong{font-size:36px}.pricing-grid li{margin:8px 0}.premium-card{border:2px solid var(--gold)!important;box-shadow:0 12px 35px rgba(119,86,20,.1)}.premium-card>span{font-size:10px;background:var(--gold);color:#fff;border-radius:999px;padding:4px 8px;text-transform:uppercase;font-weight:800}.premium-card small{font-size:13px}.legal-section{background:#f4f7fa;border-radius:13px;padding:28px}.legal-section a{color:var(--blue)}.faq-section details{border-top:1px solid var(--line);padding:16px 0}.faq-section summary{font-weight:750;cursor:pointer}.scan-dialog,.premium-dialog,.projects-dialog{border:0;border-radius:14px;padding:28px;max-width:500px;box-shadow:0 22px 70px rgba(15,28,45,.3)}dialog::backdrop{background:rgba(12,23,37,.58)}.scan-dialog{text-align:center;width:min(420px,calc(100% - 28px))}.scan-spinner{width:46px;height:46px;border:4px solid #d9e3ed;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:auto}.progress-track{height:6px;background:#e5eaf0;border-radius:8px;overflow:hidden}.progress-track span{display:block;width:15%;height:100%;background:var(--blue);transition:width .4s}.scan-dialog small{display:block;margin-top:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:24px;cursor:pointer}.premium-crown{color:var(--gold);font-size:30px}.projects-dialog{width:min(620px,calc(100% - 28px))}.project-row{padding:12px;border:1px solid var(--line);border-radius:8px;margin:8px 0;display:flex;justify-content:space-between;gap:10px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#101827;color:#fff;border-radius:8px;padding:10px 15px;font-size:12px;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-panel{display:none}.icon-button{border:0;background:none;cursor:pointer}
@media(max-width:1100px){.generator{margin:20px 14px 60px;grid-template-columns:260px 1fr}.results-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.detected-list{grid-template-columns:repeat(2,1fr);max-height:none}.scan-summary{margin:20px 14px 0}}@media(max-width:760px){.cb-header{height:auto;padding:12px 16px}.cb-header nav>a{display:none}.cb-header nav{gap:8px}.cb-hero{padding:45px 16px}.scan-form>div{grid-template-columns:1fr}.scan-form button{width:100%}.scan-summary{align-items:flex-start;flex-wrap:wrap}.summary-counts{order:3;width:100%;overflow:auto}.generator{display:block;overflow:visible}.settings-panel{border-right:0}.settings-content{max-height:none}.preview-panel{padding-bottom:1px}.panel-title{position:sticky;top:0;z-index:4}.site-preview{width:calc(100% - 20px);margin:16px auto}.banner-preview.bottom{display:block}.preview-actions{margin-top:8px}.preview-actions button{flex:1}.detected-list{grid-template-columns:1fr}.installation-grid,.pricing-grid,.method-section{grid-template-columns:1fr}.limits{grid-column:auto}.code-result,.method-section,.pricing-section,.legal-section,.faq-section{margin:55px auto;padding-left:16px;padding-right:16px}.code-result{margin-left:12px;margin-right:12px}.mobile-panel{display:block}}

.category-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.category-controls label{display:flex;grid-template-columns:none;align-items:center;gap:6px;font-weight:600}.category-controls input{width:auto}.category-controls input:disabled{opacity:.55}