:root{
  --theme-bg:#f3f4f4;--theme-surface:#fff;--theme-surface-2:#f8f8f7;--theme-ink:#17191c;--theme-muted:#666b72;--theme-border:#e2e4e7;--theme-accent:#202328;--theme-radius:10px;
  --workspace-max:1380px;--ui-density:1;--side-w:286px;--top-h:60px;
  --soft-shadow:0 1px 2px rgba(16,24,40,.025);--float-shadow:0 14px 40px rgba(16,24,40,.08);
}
html{background:var(--theme-bg);color-scheme:light dark}
body{background:var(--theme-bg)!important;color:var(--theme-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;letter-spacing:-.006em}
.app-bg{display:none!important}
.shell{grid-template-columns:var(--side-w) minmax(0,1fr)!important;background:var(--theme-bg)}
.side{background:var(--theme-surface)!important;border-right:1px solid var(--theme-border)!important;backdrop-filter:none!important;padding:14px 12px!important;box-shadow:none!important}
.side-head{padding:2px 4px 14px!important}.brand-mark{background:var(--theme-ink)!important;color:var(--theme-surface)!important;border-radius:8px!important;box-shadow:none!important}.brand{color:var(--theme-ink)}.brand>div>span{color:var(--theme-muted)!important}
.side-search{background:var(--theme-surface-2)!important;border:1px solid var(--theme-border)!important;border-radius:8px!important;box-shadow:none!important;height:38px!important}.side-search input{color:var(--theme-ink)!important}.side-search input::placeholder{color:var(--theme-muted)!important}.side-search kbd,.side-nav kbd,.tool-pill kbd{background:transparent!important;border:1px solid var(--theme-border)!important;color:var(--theme-muted)!important;box-shadow:none!important}
.grp{color:var(--theme-muted)!important;font-size:9px!important;font-weight:600!important;letter-spacing:.14em!important;padding:18px 10px 6px!important}
.side-nav button{min-height:48px!important;border-radius:8px!important;border:1px solid transparent!important;color:var(--theme-muted)!important;background:transparent!important;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important}
.side-nav button:hover{background:var(--theme-surface-2)!important;color:var(--theme-ink)!important;border-color:var(--theme-border)!important}.side-nav button.on{background:var(--theme-ink)!important;color:var(--theme-surface)!important;border-color:var(--theme-ink)!important;box-shadow:none!important}.side-nav button.on small,.side-nav button.on kbd{color:color-mix(in srgb,var(--theme-surface) 65%,transparent)!important}.nav-icon{width:28px!important;height:28px!important;border-radius:7px!important;background:color-mix(in srgb,var(--theme-ink) 5%,transparent)!important}.side-nav button.on .nav-icon{background:color-mix(in srgb,var(--theme-surface) 10%,transparent)!important}.nav-copy b{font-weight:560!important}.nav-copy small{font-size:10px!important;color:var(--theme-muted)!important}
.side-foot{border-top:1px solid var(--theme-border)!important}.mini-health{color:var(--theme-ink)}.mini-health small{color:var(--theme-muted)!important}.live-dot{background:#5f8f73!important;box-shadow:none!important}
.main{background:var(--theme-bg)!important}.top{min-height:var(--top-h)!important;background:color-mix(in srgb,var(--theme-bg) 92%,transparent)!important;border-bottom:1px solid var(--theme-border)!important;backdrop-filter:blur(16px)!important;padding:8px 28px!important;box-shadow:none!important}.top .t,.crumb{color:var(--theme-ink)!important}.crumb-sep{color:var(--theme-muted)!important}.top-actions{gap:8px!important}
.tool-pill,.icon-btn,.btn,.chip,.kw,.tabs-h button{box-shadow:none!important}.tool-pill,.icon-btn{background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;color:var(--theme-ink)!important}.tool-pill:hover,.icon-btn:hover{background:var(--theme-surface-2)!important;border-color:color-mix(in srgb,var(--theme-ink) 22%,var(--theme-border))!important}
.workspace-head{max-width:var(--workspace-max)!important;padding:36px 36px 16px!important;align-items:end!important}.workspace-head h2{font-size:clamp(30px,3.3vw,48px)!important;letter-spacing:-1.5px!important;color:var(--theme-ink)!important}.workspace-metrics{gap:0!important;background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;border-radius:10px!important;overflow:hidden}.workspace-metrics span{padding:12px 18px!important;border-right:1px solid var(--theme-border)!important}.workspace-metrics span:last-child{border:0!important}.workspace-metrics b{color:var(--theme-ink)!important}.workspace-metrics small{color:var(--theme-muted)!important}
.work{padding:14px 36px 72px!important}.wrap{max-width:var(--workspace-max)!important}
h1{font-size:clamp(26px,2.2vw,36px)!important;line-height:1.06!important;letter-spacing:-.035em!important;font-weight:600!important;color:var(--theme-ink)!important}.lead{color:var(--theme-muted)!important;max-width:820px!important;font-size:14px!important;line-height:1.58!important}
.eyebrow{color:var(--theme-muted)!important;font-size:9px!important;font-weight:650!important;letter-spacing:.15em!important}.hero-inline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.engine-chip{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid var(--theme-border);border-radius:999px;background:var(--theme-surface);color:var(--theme-muted);font-size:10px;font-weight:600;white-space:nowrap}
.field label{color:var(--theme-muted)!important;font-size:9px!important;font-weight:650!important;letter-spacing:.12em!important}.field input,.field select,.field textarea,.inp,.edit,.code-editor{background:var(--theme-surface)!important;color:var(--theme-ink)!important;border:1px solid var(--theme-border)!important;border-radius:8px!important;box-shadow:none!important}.field input:focus,.field select:focus,.field textarea:focus,.inp:focus,.edit:focus,.code-editor:focus{border-color:color-mix(in srgb,var(--theme-ink) 38%,var(--theme-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-ink) 7%,transparent)!important}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--theme-muted) 70%,transparent)!important}
.btn{border:1px solid var(--theme-border)!important;background:var(--theme-surface)!important;color:var(--theme-ink)!important;border-radius:8px!important;min-height:38px!important;text-transform:none!important;letter-spacing:0!important;font-weight:560!important}.btn:hover{background:var(--theme-surface-2)!important;border-color:color-mix(in srgb,var(--theme-ink) 22%,var(--theme-border))!important}.btn-p{background:var(--theme-ink)!important;color:var(--theme-surface)!important;border-color:var(--theme-ink)!important}.btn-p:hover{background:color-mix(in srgb,var(--theme-ink) 88%,black)!important;color:var(--theme-surface)!important}.btn:active,.chip:active,.kw:active{transform:translateY(1px)!important}
.chip,.kw{background:var(--theme-surface)!important;color:var(--theme-muted)!important;border:1px solid var(--theme-border)!important}.chip:hover,.kw:hover{color:var(--theme-ink)!important;background:var(--theme-surface-2)!important}.chip.on,.kw.on{background:var(--theme-ink)!important;color:var(--theme-surface)!important;border-color:var(--theme-ink)!important}.kwbox{background:var(--theme-surface-2)!important;border:1px solid var(--theme-border)!important;border-radius:10px!important;max-height:280px!important;padding:14px!important}.library-filter-row{gap:6px!important}.selection-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;color:var(--theme-muted);font-size:11px}.text-action{border:0;background:transparent;color:var(--theme-ink);font-weight:600;cursor:pointer}.generator-actions{gap:8px!important}
.panel,.card,.pro-card,.code-shell,.serp-live,.preview-frame{background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;box-shadow:var(--soft-shadow)!important;border-radius:10px!important}.panel:hover,.card:hover{border-color:color-mix(in srgb,var(--theme-ink) 14%,var(--theme-border))!important}.panel-h,.code-head{background:var(--theme-surface-2)!important;border-bottom:1px solid var(--theme-border)!important;color:var(--theme-muted)!important}.panel-b{padding:16px!important}.title-out{color:var(--theme-ink)!important;font-size:18px!important}.desc-out,.item-b,.card p{color:var(--theme-muted)!important}.item{border-bottom:1px solid var(--theme-border)!important}
.stat{background:var(--theme-surface)!important;color:var(--theme-muted)!important;border:1px solid var(--theme-border)!important}.stat.ok{color:var(--theme-ink)!important;border-color:color-mix(in srgb,var(--theme-ink) 28%,var(--theme-border))!important}.badge-good{background:#edf4ef!important;color:#3d684e!important;border:1px solid #d7e8dc!important}.badge-warn{background:#f6f0ea!important;color:#8a5b38!important;border:1px solid #eadccd!important}
.engine-trace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0;background:var(--theme-border);border:1px solid var(--theme-border);border-radius:10px;overflow:hidden}.engine-trace>div{background:var(--theme-surface);padding:14px}.engine-trace b{display:block;margin-top:5px;font-size:14px;color:var(--theme-ink)}.engine-trace .good{color:#3d684e}.engine-trace .bad{color:#a24a4a}.ownership-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ownership-pill{display:inline-flex;flex-direction:column;gap:2px;padding:6px 9px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface)}.ownership-pill b{font-size:11px;color:var(--theme-ink);font-weight:600}.ownership-pill small{font-size:9px;color:var(--theme-muted);text-transform:uppercase;letter-spacing:.06em}
.pro-grid{gap:16px!important}.prompt-layout{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important}.html-pro-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:16px}.preview-stack{min-width:0}.code-shell{overflow:hidden}.code-editor.html-source{min-height:680px!important;border:0!important;border-radius:0!important;background:#111316!important;color:#e7e9ec!important;line-height:1.55!important;tab-size:2!important}.prompt-output{min-height:660px!important}.preview-frame{width:100%;min-height:500px;background:#fff!important}.meta-summary{display:grid;gap:8px;margin:12px 0}.meta-summary>div{padding:9px 10px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface-2)}.meta-summary small{display:block;font-size:8px;letter-spacing:.12em;color:var(--theme-muted);font-weight:700;margin-bottom:4px}.meta-summary b,.meta-summary span{display:block;color:var(--theme-ink);font-size:11px;line-height:1.45;word-break:break-word}
.seo-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.78fr);gap:16px}.seo-score,.score-orbit{color:var(--theme-ink)!important;background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;box-shadow:none!important}.score-orbit{display:flex;align-items:baseline;justify-content:center;min-width:86px;padding:14px 16px;border-radius:10px}.score-orbit b{font-size:28px;letter-spacing:-.04em}.score-orbit small{color:var(--theme-muted)}.serp-live .title{color:#1a0dab!important}.serp-live .url{color:#202124!important}.serp-live .desc{color:#4d5156!important}.seo-check{border-color:var(--theme-border)!important}.seo-check b{color:var(--theme-ink)!important}.seo-check p{color:var(--theme-muted)!important}.coverage-bars{display:grid;gap:12px;margin-top:14px}.coverage-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.coverage-bars span,.coverage-bars b{font-size:11px}.coverage-bars span{color:var(--theme-muted)}.coverage-bars b{color:var(--theme-ink)}.coverage-bars i{grid-column:1/-1;height:5px;border-radius:999px;background:var(--theme-border);overflow:hidden;position:relative}.coverage-bars i:after{content:"";display:block;width:var(--w);height:100%;background:var(--theme-ink);border-radius:inherit}
.svg-icon{width:17px;height:17px;display:block;flex:0 0 auto}.svg-icon.sm{width:14px;height:14px}.icon-text{display:inline-flex!important;align-items:center!important;gap:7px!important}.theme-switcher{display:flex;gap:6px;align-items:center}.theme-dot{background:var(--theme-ink)!important;box-shadow:none!important}
[data-mode="dark"] body,[data-mode="dark"] .main,[data-mode="dark"] .shell{background:var(--theme-bg)!important}[data-mode="dark"] .side,[data-mode="dark"] .top,[data-mode="dark"] .panel,[data-mode="dark"] .card,[data-mode="dark"] .pro-card,[data-mode="dark"] .code-shell{color:var(--theme-ink)}[data-mode="dark"] .badge-good{background:#1d2b22!important;color:#a8d1b5!important;border-color:#2b4434!important}[data-mode="dark"] .badge-warn{background:#30241c!important;color:#d7ad8c!important;border-color:#4a3628!important}
@media(max-width:1100px){.prompt-layout,.html-pro-layout,.seo-dashboard{grid-template-columns:1fr!important}.engine-trace{grid-template-columns:1fr 1fr}.workspace-head{padding-inline:22px!important}.work{padding-inline:22px!important}}
@media(max-width:860px){.top{padding-inline:14px!important}.workspace-head{padding:24px 16px 12px!important}.work{padding:12px 16px 56px!important}.hero-inline{align-items:flex-start;flex-direction:column}.engine-trace{grid-template-columns:1fr}.workspace-metrics{display:none!important}.selection-foot{align-items:flex-start;flex-direction:column}.html-pro-layout,.seo-dashboard{grid-template-columns:1fr!important}.code-editor.html-source{min-height:520px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}