:root{
  --bg:#080a10;--bg-soft:#0d1019;--panel:#111521;--panel-2:#151a29;--line:rgba(255,255,255,.085);
  --ink:#f5f7ff;--muted:#9098ad;--violet:#8b6dff;--mint:#38e2b0;--amber:#ffbd66;--danger:#ff6f87;
  --shadow:0 22px 70px rgba(0,0,0,.36);--radius:20px;
}

/* ACE Landing Studio v2.0 */
.form-actions,.asset-actions,.report-header-actions,.batch-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-actions{justify-content:flex-end}.asset-edit,.template-rename-form button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.template-rename-form{display:flex;gap:6px;align-items:center}.template-rename-form input{width:145px;padding:8px 9px;border-radius:9px}.batch-detail-row>td{padding:0 14px 16px!important;background:var(--panel-2)}.batch-history-items{display:grid;gap:8px}.batch-history-item{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:12px;align-items:center;padding:11px 13px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.batch-history-item small{display:block;color:var(--muted);overflow-wrap:anywhere}.batch-item-actions{margin-left:auto}.batch-item-actions a{font-size:12px;font-weight:900;color:var(--violet);text-decoration:none}.report-body{background:var(--bg);color:var(--ink);min-height:100vh}.report-shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:28px 0 64px}.report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.report-header h1{margin:4px 0;font-size:clamp(2rem,5vw,3.2rem)}.report-header p{color:var(--muted)}.report-section{margin-bottom:18px}.diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diff-card{border:1px solid var(--line);border-radius:15px;padding:16px;background:var(--panel-2)}.diff-card h3{text-transform:capitalize;margin:0 0 10px}.diff-card>div+div{margin-top:10px}.diff-card small{font-weight:900;letter-spacing:.09em;color:var(--muted)}.diff-card pre,.integration-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}.content-diff,.file-groups,.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-diff article,.file-groups article,.integration-grid article{border:1px solid var(--line);background:var(--panel-2);border-radius:15px;padding:16px}.content-diff ol,.file-groups ul{margin:10px 0 0;padding-left:20px}.content-diff li,.file-groups li,.integration-grid li{margin:7px 0;color:var(--muted);overflow-wrap:anywhere}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.report-stats span{padding:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:13px;text-align:center}.report-stats b{display:block;font-size:24px}.quality-check-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.quality-check-list article{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;min-width:0;max-width:100%}.quality-check-list article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:900;flex:none}.quality-check-list article>div{min-width:0;max-width:100%}.quality-check-list .pass>span{background:#dff9ed;color:#087a4c}.quality-check-list .warning>span{background:#fff1c8;color:#8a5b00}.quality-check-list .failed>span{background:#ffe1e6;color:#b31532}.quality-check-list p{margin:3px 0 0;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}
@media(max-width:780px){.diff-grid,.content-diff,.file-groups,.integration-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,1fr)}.report-header{flex-direction:column}.batch-history-item{grid-template-columns:1fr}.asset-actions{justify-content:flex-start}.template-rename-form input{width:130px}}

/* v2.4 production review editor */
.editorial-builder{margin-top:6px;padding:20px;border:1px solid color-mix(in srgb,var(--blue) 34%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 6%,var(--panel-2)),var(--panel-2))}.editorial-builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.editorial-builder-head h3{margin:4px 0 6px;font-size:20px;line-height:1.25}.editorial-builder-head p{margin:0;max-width:720px;color:var(--muted);font-size:13px;line-height:1.55}.editorial-kicker{color:var(--blue);font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.editorial-state{flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:10px;font-weight:900}.editorial-state.ai,.editorial-state.working{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));color:var(--blue)}.editorial-state.approved{border-color:rgba(0,214,163,.35);color:#00b98b}.editorial-state.error{color:#ef5268}.editorial-actions{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.editorial-actions button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;padding:10px 13px;background:var(--panel);color:var(--ink);font-weight:850;cursor:pointer}.editorial-actions button:first-child{background:var(--blue);border-color:var(--blue);color:#fff}.editorial-actions button:disabled{opacity:.45;cursor:not-allowed}.editorial-actions .ui-icon{width:16px;height:16px}.editorial-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.editorial-fields label{min-width:0}.editorial-fields .full{grid-column:1/-1}.editorial-fields textarea{resize:vertical;min-height:92px}.editorial-safety{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 13px;border-radius:12px;background:color-mix(in srgb,#00d6a3 8%,var(--panel));color:var(--muted);font-size:12px;line-height:1.5}.editorial-safety .ui-icon{width:18px;height:18px;flex:none;color:#00b98b}.human-approval{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:14px 0!important;padding:15px!important;border:1px solid color-mix(in srgb,#00d6a3 35%,var(--line))!important;border-radius:14px!important;background:color-mix(in srgb,#00d6a3 6%,var(--panel-2))!important}.human-approval input{width:19px!important;height:19px!important;margin-top:2px!important;accent-color:#00b98b}.human-approval span{display:grid;gap:3px}.human-approval small{color:var(--muted);font-weight:500;line-height:1.45}.generate-button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.5)}

/* v2.4 reviewed content studio */
.authorship-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;border:0}.authorship-mode label{position:relative;display:block;cursor:pointer}.authorship-mode input{position:absolute;opacity:0;pointer-events:none}.authorship-mode span{display:grid;gap:5px;min-height:82px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .18s ease,background .18s ease,transform .18s ease}.authorship-mode input:checked+span{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 30%,transparent)}.authorship-mode label:hover span{transform:translateY(-1px)}.authorship-mode b{font-size:13px}.authorship-mode em{margin-left:6px;padding:3px 6px;border-radius:999px;background:rgba(0,185,139,.13);color:#00b98b;font-size:9px;font-style:normal}.authorship-mode small{color:var(--muted);font-size:11px;line-height:1.45}.full-content-review{margin:12px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.full-content-review summary{display:flex;justify-content:space-between;gap:12px;padding:14px 15px;color:var(--ink);font-size:13px;font-weight:900;cursor:pointer}.full-content-review summary small{color:var(--muted);font-weight:650}.full-content-review[open] summary{border-bottom:1px solid var(--line)}.full-content-review .content-fields{padding:15px}.editorial-subhead{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.editorial-subhead span{font-size:13px;font-weight:950}.editorial-subhead small{color:var(--muted);font-size:10px;font-weight:750}.content-fields textarea{min-height:108px}
@media(max-width:760px){.authorship-mode,.editorial-fields{grid-template-columns:1fr}.editorial-fields .full{grid-column:auto}.editorial-builder-head{display:grid}.editorial-state{justify-self:start}}
.preflight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preflight-grid article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.preflight-grid article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,#00b98b 12%,var(--panel));color:#00b98b;font-weight:950}.preflight-grid article.warning>span{background:color-mix(in srgb,#f3a62e 14%,var(--panel));color:#d98b12}.preflight-grid article.failed>span{background:color-mix(in srgb,#ef5268 14%,var(--panel));color:#ef5268}.preflight-grid article div{display:grid;gap:3px;min-width:0}.preflight-grid article b{font-size:12px}.preflight-grid article small{color:var(--muted);font-size:10px;line-height:1.4}@media(max-width:900px){.preflight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.preflight-grid{grid-template-columns:1fr}}
@media(max-width:760px){.editorial-builder{padding:16px}.editorial-builder-head{flex-direction:column;gap:10px}.editorial-fields{grid-template-columns:1fr}.editorial-fields .full{grid-column:auto}}
.settings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.settings-actions .settings-save{margin:0}.settings-test-status{flex:1;min-width:240px;color:var(--muted);font-size:11px;line-height:1.45}
:root.light{--bg:#eef1f8;--bg-soft:#e7eaf3;--panel:#fff;--panel-2:#f7f8fc;--line:rgba(18,24,43,.09);--ink:#151827;--muted:#687087;--shadow:0 22px 60px rgba(35,42,75,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button,a{outline-color:var(--violet)}[hidden]{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% -10%,rgba(139,109,255,.11),transparent 27%),radial-gradient(circle at 40% 100%,rgba(56,226,176,.04),transparent 30%);z-index:-1}
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg-soft) 94%,transparent);padding:26px 18px;display:flex;flex-direction:column;z-index:10}.app-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:0 10px 28px}.app-brand b{font-size:20px;letter-spacing:.06em}.app-brand small{display:block;font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.16em}.brand-mark{width:42px;height:42px;border:1px solid rgba(139,109,255,.55);border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,109,255,.22),rgba(56,226,176,.08));box-shadow:inset 0 0 18px rgba(139,109,255,.15),0 9px 32px rgba(139,109,255,.12);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:30px;height:80px;transform:rotate(35deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 5s infinite}.brand-mark span{font-size:19px;font-weight:950;color:var(--violet)}@keyframes shine{0%,70%{left:-60px}100%{left:70px}}
.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:var(--muted);text-decoration:none;font-weight:750;padding:11px 12px;border-radius:11px;display:flex;gap:11px;align-items:center;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{color:var(--ink);background:var(--panel-2)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--violet)}.sidebar nav span{width:20px;color:var(--violet);text-align:center}.side-status{margin-top:auto;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);transition:.2s}.side-status:hover{border-color:rgba(139,109,255,.45);transform:translateY(-1px)}.side-status b{font-size:12px}.side-status small{display:block;color:var(--muted);font-size:9px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.status-dot{width:8px;height:8px;border-radius:50%;flex:none}.status-dot.online{background:var(--mint);box-shadow:0 0 12px var(--mint)}.status-dot.standby{background:var(--amber);box-shadow:0 0 12px var(--amber)}.logout{border:0;background:transparent;color:var(--muted);padding:15px 12px 0;cursor:pointer;font-size:12px;text-align:left}.logout:hover{color:var(--ink)}
.workspace{width:min(1260px,calc(100% - 64px));margin:0 auto;padding:34px 0 80px}.topbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.topbar h1{margin:3px 0 0;font-size:28px;letter-spacing:-.035em}.eyebrow-ui{margin:0;color:var(--violet);font-size:10px;letter-spacing:.18em;font-weight:900}.top-actions{display:flex;align-items:center;gap:10px}.secure-pill,.panel-tag{border:1px solid var(--line);background:var(--panel);border-radius:99px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em;padding:8px 12px}.secure-pill{color:var(--mint)}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel-2) 75%,transparent));padding:18px 20px;border-radius:16px}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:18px}.metric-icon.violet{background:rgba(139,109,255,.13);color:var(--violet)}.metric-icon.mint{background:rgba(56,226,176,.12);color:var(--mint)}.metric-icon.amber{background:rgba(255,189,102,.12);color:var(--amber)}.metric-card small{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em}.metric-card strong{font-size:22px;margin-right:7px}.metric-card p{display:inline;color:var(--muted);font-size:11px}
.panel{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-head>div{display:flex;align-items:center;gap:13px}.panel-head h2{font-size:17px;margin:0 0 2px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.panel-head.compact{margin:0 0 20px}.step-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(139,109,255,.13);color:var(--violet);font-weight:900;font-size:11px}.step-badge.neutral{background:var(--panel-2);color:var(--muted)}
.upload-zone{position:relative;min-height:145px;border:1px dashed color-mix(in srgb,var(--violet) 60%,var(--line));border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,rgba(139,109,255,.045),rgba(56,226,176,.02));transition:.2s}.upload-zone:hover,.upload-zone.dragging{transform:translateY(-1px);border-color:var(--violet);background:rgba(139,109,255,.075)}.upload-zone.has-file{border-color:var(--mint)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:38px;height:38px;border-radius:12px;background:rgba(139,109,255,.14);color:var(--violet);display:grid;place-items:center;font-size:21px;margin-bottom:8px}.upload-zone b{font-size:13px}.upload-zone span{color:var(--muted);font-size:11px}.upload-zone em{color:var(--mint);font-size:10px;font-style:normal;font-weight:750;margin-top:8px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:20px}.form-grid label,.stack label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:var(--muted)}.form-grid label>span{color:var(--violet)}.form-grid label>small{font-weight:500;float:right}.form-grid label.wide{grid-column:span 1}.form-grid label.full,.mode-select.full{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:11px;padding:11px 12px;transition:.2s;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,109,255,.12);outline:0}input[type=color]{padding:4px;height:42px;cursor:pointer}.counter{align-self:flex-end;color:var(--muted)}.counter.warn{color:var(--amber)}.divider{height:1px;background:var(--line);margin:26px 0}.mode-select{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-select legend{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:8px}.mode-select label{position:relative;display:block}.mode-select input{position:absolute;opacity:0;width:1px}.mode-select span{height:100%;display:block;border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;padding:12px;color:var(--muted);cursor:pointer;transition:.2s}.mode-select b{display:block;color:var(--ink);font-size:12px}.mode-select small{font-weight:500;font-size:10px}.mode-select input:checked+span{border-color:var(--violet);background:rgba(139,109,255,.09);box-shadow:inset 0 0 0 1px rgba(139,109,255,.18)}.output-spec{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.output-spec span{border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--muted);font-size:10px}.output-spec b{color:var(--ink)}
.generate-button{width:100%;position:relative;border:0;border-radius:14px;background:linear-gradient(110deg,var(--violet),#6d8fff 52%,var(--mint));color:#07100e;padding:14px 18px;cursor:pointer;font-weight:950;box-shadow:0 15px 38px rgba(139,109,255,.2);transition:.2s;display:flex;align-items:center;justify-content:center;gap:9px}.generate-button:hover{transform:translateY(-2px);box-shadow:0 19px 48px rgba(139,109,255,.3)}.generate-button small{font-weight:650;opacity:.65;margin-left:8px}.spark{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.25) rotate(12deg)}}
.result-panel{position:relative;overflow:hidden;border:1px solid rgba(56,226,176,.26);background:linear-gradient(115deg,rgba(56,226,176,.09),var(--panel) 50%,rgba(139,109,255,.09));border-radius:var(--radius);margin-top:18px;padding:28px;display:flex;gap:20px;align-items:center;box-shadow:var(--shadow);animation:reveal .5s ease both}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.result-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:var(--mint);filter:blur(90px);opacity:.08;right:-30px}.result-icon{width:54px;height:54px;border-radius:18px;background:rgba(56,226,176,.14);color:var(--mint);display:grid;place-items:center;font-size:25px;border:1px solid rgba(56,226,176,.24)}.result-panel h2{margin:3px 0}.result-panel p:not(.eyebrow-ui){margin:0;color:var(--muted);font-size:12px}.result-actions{display:flex;gap:9px;margin-top:14px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;font-weight:850;text-decoration:none;cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--violet),var(--mint));color:#08100f}.ghost-button{border:1px solid var(--line);color:var(--ink);background:var(--panel-2)}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.1em;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}td b{display:block;color:var(--ink);font-size:12px}td small{display:block;max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-pill{background:rgba(139,109,255,.1);color:var(--violet);border-radius:99px;padding:5px 8px}.table-link{color:var(--mint);text-decoration:none;font-weight:850}.empty-state{border:1px dashed var(--line);border-radius:14px;text-align:center;padding:35px;color:var(--muted);font-size:12px}.guardrail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.guardrail-grid article{border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--panel)}.guardrail-grid span{font-size:9px;color:var(--violet);font-weight:900}.guardrail-grid h3{font-size:13px;margin:6px 0}.guardrail-grid p{font-size:11px;color:var(--muted);margin:0}
.progress-overlay{position:fixed;inset:0;background:rgba(4,5,9,.82);backdrop-filter:blur(14px);z-index:100;display:grid;place-items:center;padding:20px}.progress-card{width:min(470px,100%);border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:34px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.6)}.loader-orbit{width:70px;height:70px;margin:0 auto 18px;border:1px solid rgba(139,109,255,.4);border-radius:50%;display:grid;place-items:center;animation:spin 3s linear infinite;box-shadow:inset 0 0 25px rgba(139,109,255,.16)}.loader-orbit:before{content:"";position:absolute;width:8px;height:8px;background:var(--mint);border-radius:50%;transform:translateY(-35px);box-shadow:0 0 14px var(--mint)}.loader-orbit span{color:var(--violet);font-size:24px;animation:spin 3s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-card h2{margin:7px 0}.progress-card>p:not(.eyebrow-ui){color:var(--muted);font-size:12px}.progress-track{height:5px;background:var(--bg-soft);border-radius:99px;overflow:hidden;margin:22px 0}.progress-track i{display:block;height:100%;width:22%;background:linear-gradient(90deg,var(--violet),var(--mint));transition:width .7s;border-radius:99px}.progress-card ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:5px}.progress-card li{color:var(--muted);font-size:9px}.progress-card li.active{color:var(--mint)}.toast{position:fixed;right:20px;bottom:20px;z-index:200;max-width:430px;border:1px solid rgba(255,111,135,.4);background:#21131a;color:#ffdce3;border-radius:13px;padding:13px 16px;box-shadow:var(--shadow);font-size:12px}
.login-body{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 18% 20%,rgba(139,109,255,.18),transparent 32%),var(--bg)}.login-shell{width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--panel);box-shadow:0 40px 120px rgba(0,0,0,.45)}.login-art{position:relative;overflow:hidden;padding:70px 58px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#0d1020,#0a0c14)}.login-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 24%,rgba(56,226,176,.13),transparent 22%),radial-gradient(circle at 15% 40%,rgba(139,109,255,.25),transparent 35%)}.login-art>*{position:relative}.brand-mark.large{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:130px;height:130px;border-radius:38px}.brand-mark.large span{font-size:62px}.login-art .kicker{font-size:11px;color:var(--mint);letter-spacing:.22em;font-weight:900}.login-art h1{font-size:40px;line-height:1.08;letter-spacing:-.05em;margin:8px 0 14px}.login-art>p:last-child{color:var(--muted);max-width:48ch}.orbit{position:absolute;border:1px solid rgba(139,109,255,.15);border-radius:50%}.orbit-a{width:440px;height:440px;left:-180px;top:-120px}.orbit-b{width:320px;height:320px;right:-170px;top:110px}.login-card{padding:85px 58px;display:flex;justify-content:center;flex-direction:column}.login-card h2{font-size:30px;margin:7px 0 0}.subtle{color:var(--muted);margin:4px 0 23px}.stack{display:grid;gap:16px}.stack .primary-button{width:100%;margin-top:5px;justify-content:space-between}.security-note{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}.security-note span{color:var(--mint)}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px;font-size:13px}.alert.error{background:rgba(255,111,135,.1);border:1px solid rgba(255,111,135,.25);color:#ffb4c0}.mobile-brand{display:none}

/* Readability and slash deployment */
body{font-size:16px;line-height:1.62}.app-shell{grid-template-columns:264px minmax(0,1fr)}.workspace{width:min(1360px,calc(100% - 64px));padding-top:38px}.sidebar nav a{font-size:15px;padding:13px}.side-status b{font-size:13px}.side-status small{font-size:11px}.topbar h1{font-size:32px}.eyebrow-ui{font-size:11px}.metric-card{padding:21px 22px}.metric-card small{font-size:11px}.metric-card strong{font-size:25px}.metric-card p{font-size:13px}.panel{padding:30px}.panel-head h2{font-size:20px}.panel-head p{font-size:14px}.panel-tag,.secure-pill{font-size:11px}.upload-zone{min-height:164px}.upload-zone b{font-size:15px}.upload-zone span{font-size:13px}.upload-zone em{font-size:12px}.form-grid{gap:19px 20px}.form-grid label,.stack label{font-size:13px;gap:8px}input,textarea,select{font-size:15px;padding:14px 15px;border-radius:12px}textarea{min-height:112px}input[type=color]{height:49px}.mode-select legend{font-size:13px}.mode-select span{padding:15px}.mode-select b{font-size:14px}.mode-select small{font-size:12px;line-height:1.45}.output-spec span{font-size:12px;padding:8px 11px}.generate-button{font-size:16px;padding:17px 20px}.result-panel h2{font-size:22px}.result-panel p:not(.eyebrow-ui){font-size:14px}.primary-button,.ghost-button{font-size:14px;padding:12px 18px}th{font-size:11px}td{font-size:13px}td b{font-size:14px}td small{font-size:12px}.empty-state{font-size:14px}.guardrail-grid h3{font-size:15px}.guardrail-grid p{font-size:13px}.slash-guide,.source-sync{display:flex;align-items:flex-start;gap:13px;border:1px solid rgba(56,226,176,.22);background:linear-gradient(110deg,rgba(56,226,176,.07),rgba(139,109,255,.055));border-radius:13px;padding:14px 16px}.slash-guide>span,.source-sync>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(56,226,176,.12);color:var(--mint);font-size:17px;flex:none}.slash-guide b,.source-sync b{font-size:13px;color:var(--ink)}.slash-guide p,.source-sync p{margin:3px 0 0;color:var(--muted);font-size:12px}.slash-guide code,.source-sync code{color:var(--mint);background:var(--bg-soft);border-radius:5px;padding:2px 5px}.source-sync{border-color:rgba(139,109,255,.25);background:linear-gradient(110deg,rgba(139,109,255,.075),rgba(56,226,176,.035))}.source-sync>span{background:rgba(139,109,255,.14);color:var(--violet)}.page-panel{min-height:420px}.table-actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.guardrail-grid.expanded{grid-template-columns:repeat(2,1fr);margin-top:0}.guardrail-grid.expanded article{padding:24px}.guardrail-grid.expanded h3{font-size:18px}.guardrail-grid.expanded p{font-size:14px}.settings-status{display:flex;align-items:center;gap:18px;border:1px solid rgba(255,189,102,.26);background:linear-gradient(115deg,rgba(255,189,102,.08),var(--panel));border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow)}.settings-status.enabled{border-color:rgba(56,226,176,.28);background:linear-gradient(115deg,rgba(56,226,176,.09),var(--panel))}.settings-status-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(255,189,102,.12);color:var(--amber);font-size:24px;font-weight:900;flex:none}.settings-status.enabled .settings-status-icon{background:rgba(56,226,176,.13);color:var(--mint)}.settings-status h2{margin:3px 0 0;font-size:22px}.settings-status p:not(.eyebrow-ui){margin:2px 0 0;color:var(--muted);font-size:14px}.settings-panel{max-width:1000px}.settings-form>label,.settings-grid label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.settings-form label small{font-weight:500;line-height:1.5}.secret-field>small{color:var(--mint)}.secret-input{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;overflow:hidden}.secret-input:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,109,255,.12)}.secret-input input{border:0;border-radius:0;box-shadow:none!important}.secret-input button{border:0;border-left:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:0 18px;cursor:pointer;font-weight:800}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.settings-grid input[readonly]{color:var(--muted)}.security-box{border:1px solid rgba(56,226,176,.2);background:rgba(56,226,176,.055);border-radius:13px;padding:15px 17px;align-self:end}.security-box b{font-size:13px;color:var(--ink)}.security-box p{font-size:12px;color:var(--muted);margin:3px 0 0}.settings-save{margin-top:22px}.remove-key-form{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.remove-key-form button{border:0;background:transparent;color:var(--danger);padding:0;cursor:pointer;font-weight:800}.alert.success,.alert.info{margin:18px 0 0}.alert.success{background:rgba(56,226,176,.09);border:1px solid rgba(56,226,176,.24);color:var(--mint)}.alert.info{background:rgba(139,109,255,.09);border:1px solid rgba(139,109,255,.24);color:#c9bdff}
.inline-delete{display:inline-flex}.inline-delete button{border:0;background:transparent;color:var(--danger);padding:0;cursor:pointer;font-weight:850}.inline-delete button:hover{text-decoration:underline}.provider-select{border:0;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.provider-select legend{font-size:13px;color:var(--muted);font-weight:800;margin-bottom:8px}.provider-select label{position:relative}.provider-select input{position:absolute;opacity:0;width:1px}.provider-select span{display:block;height:100%;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft);padding:14px 15px;cursor:pointer;transition:.2s}.provider-select b{display:block;color:var(--ink);font-size:14px}.provider-select small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.provider-select input:checked+span{border-color:var(--violet);background:rgba(139,109,255,.1);box-shadow:inset 0 0 0 1px rgba(139,109,255,.2)}.settings-grid .full-setting{grid-column:1/-1}.compatible-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px 20px;border-right:0;border-bottom:1px solid var(--line)}.app-brand{padding:0;margin-right:16px}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.sidebar nav a{white-space:nowrap}.side-status{display:none}.sidebar form{margin-left:8px}.logout{padding:0}.workspace{width:min(100% - 30px,900px);padding-top:24px}.metric-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;min-height:auto;max-width:520px}.login-art{display:none}.login-card{padding:50px}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:40px}}
@media(max-width:680px){.workspace{width:calc(100% - 20px)}.sidebar{grid-template-columns:1fr auto;gap:12px}.app-brand{margin:0}.sidebar nav{grid-column:1/-1;grid-row:2}.sidebar nav a{font-size:13px;padding:10px}.topbar{align-items:flex-start}.secure-pill{display:none}.panel{padding:18px}.panel-tag{display:none}.form-grid,.settings-grid{grid-template-columns:1fr}.mode-select{grid-template-columns:1fr}.guardrail-grid,.guardrail-grid.expanded{grid-template-columns:1fr}.result-panel,.settings-status{align-items:flex-start}.result-actions{flex-wrap:wrap}.generate-button small{display:none}.topbar h1{font-size:24px}.progress-card{padding:25px}.progress-card ol{grid-template-columns:1fr 1fr}.login-card{padding:38px 25px}.settings-status{padding:20px}.settings-status h2{font-size:19px}}
@media(max-width:680px){.provider-select{grid-template-columns:1fr}.settings-grid .full-setting{grid-column:auto}}

/* v1.8 — bright contemporary workspace */
:root,:root.light{
  --bg:#f4f7ff;--bg-soft:#f7f8fe;--panel:rgba(255,255,255,.88);--panel-2:#f0f3ff;
  --line:rgba(69,82,148,.13);--ink:#17203a;--muted:#68748f;--violet:#7659ff;--mint:#13c9a3;
  --amber:#ff9d43;--danger:#ee4e71;--shadow:0 20px 55px rgba(70,81,145,.13);--radius:22px;
}
:root.dark{
  --bg:#101424;--bg-soft:#151a2c;--panel:rgba(24,29,49,.9);--panel-2:#20263b;
  --line:rgba(203,211,255,.12);--ink:#f6f7ff;--muted:#aab2c9;--violet:#9a83ff;--mint:#35dbb5;
  --amber:#ffba6c;--danger:#ff7c96;--shadow:0 24px 65px rgba(0,0,0,.3);
}
body{background:linear-gradient(135deg,#f8faff 0%,#f1f4ff 42%,#eefbf8 100%);background-attachment:fixed}
:root.dark body{background:radial-gradient(circle at 80% 0%,rgba(118,89,255,.17),transparent 28%),linear-gradient(135deg,#0e1220,#14192b 55%,#101c22)}
body:before{background:radial-gradient(circle at 12% 8%,rgba(118,89,255,.15),transparent 27%),radial-gradient(circle at 92% 22%,rgba(19,201,163,.14),transparent 25%),radial-gradient(circle at 55% 100%,rgba(88,149,255,.11),transparent 32%)}
.sidebar{background:rgba(255,255,255,.76);border-right:1px solid rgba(118,89,255,.12);box-shadow:12px 0 45px rgba(69,82,148,.07);backdrop-filter:blur(24px)}
:root.dark .sidebar{background:rgba(15,19,34,.84)}
.app-brand b{font-size:22px;background:linear-gradient(100deg,#6547f5,#2889e8,#0fbd98);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-mark{width:46px;height:46px;border:1px solid rgba(118,89,255,.2);border-radius:16px;background:linear-gradient(145deg,#fff,rgba(221,214,255,.8));box-shadow:0 12px 28px rgba(118,89,255,.2)}
:root.dark .brand-mark{background:linear-gradient(145deg,rgba(118,89,255,.28),rgba(19,201,163,.1))}
.brand-mark span{font-size:23px;filter:drop-shadow(0 5px 8px rgba(72,59,156,.18))}.brand-mark:after{opacity:.55}
.sidebar nav{gap:9px}.sidebar nav a{border:1px solid transparent;border-radius:14px;padding:14px 13px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sidebar nav a:hover{transform:translateX(3px);background:rgba(118,89,255,.08);border-color:rgba(118,89,255,.12)}
.sidebar nav a.active{color:#fff;background:linear-gradient(110deg,#7155f6,#5e7df1 55%,#3eb8d8);box-shadow:0 12px 26px rgba(104,83,235,.25),inset 0 1px rgba(255,255,255,.25)}.sidebar nav a.active span{color:#fff}.sidebar nav span{font-size:17px}
.side-status{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(237,250,247,.92));border-color:rgba(19,201,163,.2);box-shadow:0 12px 28px rgba(45,119,130,.09)}
:root.dark .side-status{background:linear-gradient(135deg,var(--panel),rgba(19,201,163,.08))}.logout:hover{color:var(--danger)}
.topbar{padding:5px 2px}.topbar h1{font-size:34px;color:var(--ink);letter-spacing:-.045em}.eyebrow-ui{color:#7256f2}
.secure-pill{background:rgba(255,255,255,.8);border-color:rgba(19,201,163,.22);color:#07866d;box-shadow:0 8px 22px rgba(19,201,163,.09);backdrop-filter:blur(15px)}
:root.dark .secure-pill{background:var(--panel);color:var(--mint)}.icon-button{width:40px;height:40px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(70,81,145,.11);font-size:17px;transition:.2s}.icon-button:hover{transform:translateY(-2px) rotate(-8deg);border-color:var(--violet)}
.metric-grid{gap:18px}.metric-card{position:relative;overflow:hidden;border-color:rgba(118,89,255,.11);background:rgba(255,255,255,.84);box-shadow:0 15px 36px rgba(70,81,145,.09);backdrop-filter:blur(16px);transition:.22s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 21px 42px rgba(70,81,145,.15)}.metric-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-42px;top:-48px;opacity:.2}.metric-card:nth-child(1):after{background:#8b6dff}.metric-card:nth-child(2):after{background:#2ad3ad}.metric-card:nth-child(3):after{background:#ffad5c}
:root.dark .metric-card{background:var(--panel)}.metric-icon{width:48px;height:48px;font-size:22px;border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.35)}.metric-icon.violet{background:linear-gradient(145deg,#eee9ff,#dad2ff)}.metric-icon.mint{background:linear-gradient(145deg,#e4fff8,#c8f7eb)}.metric-icon.amber{background:linear-gradient(145deg,#fff5e8,#ffe2bd)}.metric-card strong{color:var(--ink)}
.panel{background:rgba(255,255,255,.82);border:1px solid rgba(118,89,255,.11);box-shadow:0 22px 58px rgba(70,81,145,.11);backdrop-filter:blur(20px)}
:root.dark .panel{background:var(--panel)}.panel-head h2{color:var(--ink)}.panel-tag{background:linear-gradient(110deg,rgba(118,89,255,.08),rgba(19,201,163,.08));border-color:rgba(118,89,255,.15);color:#615b7c}.step-badge{width:40px;height:40px;font-size:18px;border-radius:13px;background:linear-gradient(145deg,#eeeaff,#ddf8f1);box-shadow:0 9px 20px rgba(118,89,255,.12)}
.upload-zone{border:1.5px dashed rgba(118,89,255,.45);background:linear-gradient(135deg,rgba(118,89,255,.055),rgba(19,201,163,.06));min-height:180px}.upload-zone:hover,.upload-zone.dragging{background:linear-gradient(135deg,rgba(118,89,255,.1),rgba(19,201,163,.1));box-shadow:inset 0 0 0 1px rgba(118,89,255,.1),0 15px 32px rgba(91,78,173,.08)}.upload-icon{width:48px;height:48px;font-size:24px;border-radius:16px;background:linear-gradient(145deg,#e6e0ff,#d7f8f0);box-shadow:0 10px 24px rgba(91,78,173,.13)}
input,textarea,select{background:rgba(247,248,254,.92);border-color:rgba(73,85,143,.14);color:var(--ink);box-shadow:inset 0 1px 2px rgba(61,70,112,.025)}input:hover,textarea:hover,select:hover{border-color:rgba(118,89,255,.28)}:root.dark input,:root.dark textarea,:root.dark select{background:var(--bg-soft)}
.mode-select span,.provider-select span{background:rgba(248,249,255,.9);border-color:rgba(73,85,143,.13)}:root.dark .mode-select span,:root.dark .provider-select span{background:var(--bg-soft)}.mode-select input:checked+span,.provider-select input:checked+span{background:linear-gradient(135deg,rgba(118,89,255,.11),rgba(19,201,163,.075));border-color:#8065f4;box-shadow:0 9px 24px rgba(118,89,255,.1),inset 0 0 0 1px rgba(118,89,255,.14)}
.slash-guide,.source-sync{box-shadow:0 10px 26px rgba(70,81,145,.06)}.slash-guide>span,.source-sync>span{font-size:16px;background:rgba(255,255,255,.65)}.slash-guide code,.source-sync code{background:rgba(255,255,255,.65)}
.output-spec span{background:rgba(248,249,255,.85);border-color:rgba(118,89,255,.13)}:root.dark .output-spec span{background:var(--bg-soft)}
.generate-button{border-radius:16px;background:linear-gradient(105deg,#7255f5,#5d8bf3 49%,#21c9aa);color:#fff;box-shadow:0 17px 38px rgba(86,93,228,.27),inset 0 1px rgba(255,255,255,.3)}.generate-button:hover{box-shadow:0 22px 48px rgba(86,93,228,.34);filter:saturate(1.08)}
.result-panel{background:linear-gradient(118deg,rgba(221,251,244,.9),rgba(255,255,255,.92) 52%,rgba(235,230,255,.9));box-shadow:0 22px 54px rgba(54,137,132,.13)}:root.dark .result-panel{background:linear-gradient(115deg,rgba(19,201,163,.1),var(--panel),rgba(118,89,255,.1))}.result-icon{font-size:26px;background:#fff;box-shadow:0 10px 25px rgba(19,201,163,.16)}.primary-button{background:linear-gradient(120deg,#7559f6,#43b8dc,#20c8a7);color:#fff;box-shadow:0 10px 24px rgba(80,103,224,.2)}.ghost-button{background:rgba(255,255,255,.8)}:root.dark .ghost-button{background:var(--panel-2)}
tbody tr{transition:.18s}tbody tr:hover{background:rgba(118,89,255,.045)}.mode-pill{background:linear-gradient(110deg,rgba(118,89,255,.12),rgba(19,201,163,.11));color:#624bd0}.table-link{color:#2677d4}.inline-delete button{color:var(--danger)}
.guardrail-grid article{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,249,255,.9));box-shadow:0 13px 30px rgba(70,81,145,.07);transition:.22s}.guardrail-grid article:hover{transform:translateY(-4px);border-color:rgba(118,89,255,.22);box-shadow:0 19px 38px rgba(70,81,145,.12)}:root.dark .guardrail-grid article{background:var(--panel-2)}.guardrail-grid span{font-size:24px}
.settings-status{background:linear-gradient(120deg,rgba(255,247,231,.92),rgba(255,255,255,.88));box-shadow:0 18px 44px rgba(132,107,50,.1)}.settings-status.enabled{background:linear-gradient(120deg,rgba(222,252,244,.93),rgba(255,255,255,.9),rgba(239,235,255,.88))}:root.dark .settings-status,:root.dark .settings-status.enabled{background:var(--panel)}.settings-status-icon{background:#fff;box-shadow:0 10px 26px rgba(118,89,255,.13)}.secret-input{background:rgba(247,248,254,.92)}.secret-input button{background:linear-gradient(145deg,#f0edff,#e7f9f5);color:#5143a5}.security-box{background:linear-gradient(135deg,rgba(19,201,163,.08),rgba(118,89,255,.05));box-shadow:0 10px 26px rgba(46,137,126,.06)}
.progress-overlay{background:rgba(233,237,250,.76);backdrop-filter:blur(18px)}:root.dark .progress-overlay{background:rgba(7,9,17,.82)}.progress-card{background:rgba(255,255,255,.94);box-shadow:0 35px 90px rgba(68,76,131,.22)}:root.dark .progress-card{background:var(--panel)}.loader-orbit{background:linear-gradient(145deg,#f0ebff,#e2fbf5);font-size:23px}.toast{background:#fff2f5;color:#a32948}
.login-body{background:linear-gradient(135deg,#f3f5ff,#eefbf8)}.login-shell{background:rgba(255,255,255,.9);border-color:rgba(118,89,255,.13);box-shadow:0 35px 95px rgba(69,82,148,.17)}.login-art{background:linear-gradient(145deg,#6950eb,#527fe9 52%,#20bd9d)}.login-art>p:last-child,.login-art .kicker{color:rgba(255,255,255,.83)}.login-card{background:rgba(255,255,255,.88)}
@media(max-width:980px){.sidebar{background:rgba(255,255,255,.88);box-shadow:0 12px 35px rgba(70,81,145,.1)}:root.dark .sidebar{background:rgba(15,19,34,.93)}}
.form-grid>.full{grid-column:1/-1}.slash-guide,.source-sync{width:100%}:root.dark .slash-guide,:root.dark .source-sync{background:linear-gradient(115deg,rgba(53,219,181,.07),rgba(154,131,255,.07));border-color:rgba(154,131,255,.24)}:root.dark .slash-guide>span,:root.dark .source-sync>span{background:rgba(154,131,255,.14)}:root.dark .slash-guide code,:root.dark .source-sync code{background:#111729;color:#6ee7c5}:root.dark .panel-tag{color:#c4cbe0;background:rgba(32,38,59,.9)}:root.dark .icon-button,:root.dark .result-icon,:root.dark .settings-status-icon{background:var(--panel-2)}:root.dark .secret-input{background:var(--bg-soft)}:root.dark .secret-input button{background:var(--panel-2);color:#d8d2ff}

/* v1.11 — focused login */
.login-body{position:relative;overflow-x:hidden;padding:32px;background:#edf1f8!important;color:#11182b}
.login-body:before{z-index:0;background:radial-gradient(circle at 8% 15%,rgba(105,80,235,.16),transparent 27%),radial-gradient(circle at 92% 84%,rgba(17,194,157,.13),transparent 25%)}
.login-v2{position:relative;z-index:1;width:min(1120px,100%);min-height:660px;grid-template-columns:1.08fr .92fr;border:1px solid rgba(24,32,62,.09);border-radius:30px;background:#fff;box-shadow:0 38px 110px rgba(45,57,96,.17)}
.login-v2 .login-art{position:relative;display:flex;min-width:0;padding:46px 50px;background:linear-gradient(145deg,#0a0f1d 0%,#121b32 55%,#102b32 100%);color:#fff;isolation:isolate}
.login-v2 .login-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(109,82,246,.2),transparent 42%),radial-gradient(circle at 78% 72%,rgba(23,209,169,.2),transparent 27%)}
.login-art-grid{position:absolute;inset:0;z-index:-1;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 72%)}
.login-art-glow{position:absolute;width:340px;height:340px;right:-100px;bottom:-120px;border:1px solid rgba(89,231,201,.24);border-radius:50%;box-shadow:0 0 0 70px rgba(89,231,201,.035),0 0 0 140px rgba(109,82,246,.025)}
.login-art-brand{position:absolute;top:45px;left:50px;display:flex;align-items:center;gap:14px}.login-emblem{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(116,86,255,.52),rgba(21,204,166,.24));box-shadow:0 14px 34px rgba(0,0,0,.25);font-size:22px;font-weight:950}.login-art-brand strong{display:block;font-size:22px;letter-spacing:.12em}.login-art-brand span{display:block;margin-top:1px;color:#8e9bb7;font-size:9px;font-weight:850;letter-spacing:.22em}
.login-hero{position:relative;margin-top:auto}.login-kicker{color:#52e4c5;font-size:10px;font-weight:900;letter-spacing:.27em}.login-hero h1{margin:16px 0 28px;color:#fff;font-size:clamp(48px,5vw,68px);font-weight:950;line-height:.9;letter-spacing:-.065em}.login-signature{display:flex;align-items:center;gap:13px;color:#97a5bf;font-size:10px;font-weight:850;letter-spacing:.2em}.login-signature i{display:block;width:58px;height:2px;background:linear-gradient(90deg,#7a5cff,#36dbb8)}
.login-v2 .login-card{display:flex;padding:78px 70px;background:#fff;color:#151c31}.login-card-head{margin-bottom:38px}.login-access{display:flex;align-items:center;gap:9px;color:#6d56ee;font-size:10px;font-weight:900;letter-spacing:.2em}.login-access i{width:7px;height:7px;border-radius:50%;background:#24cda8;box-shadow:0 0 0 5px rgba(36,205,168,.11)}.login-card-head h2{margin:13px 0 0;color:#11182b;font-size:46px;font-weight:950;line-height:1;letter-spacing:-.055em}
.login-form{display:grid;gap:23px}.login-form label{display:grid;gap:9px}.login-form label>span{color:#6a748d;font-size:10px;font-weight:900;letter-spacing:.15em}.login-input{display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:60px;border:1px solid #d8deeb;border-radius:15px;background:#f5f7fb;transition:border-color .2s,box-shadow .2s,transform .2s}.login-input:hover{border-color:#bac3d6}.login-input:focus-within{border-color:#7055f6;box-shadow:0 0 0 4px rgba(112,85,246,.11);transform:translateY(-1px)}.login-input>b{display:grid;place-items:center;height:28px;border-right:1px solid #d8deeb;color:#9aa4b9;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.login-input input{height:58px;padding:0 17px;border:0!important;border-radius:0;background:transparent!important;color:#11182b!important;box-shadow:none!important;font-size:15px;font-weight:750;outline:0}
.login-submit{height:60px;margin-top:7px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 23px;border:0;border-radius:15px;background:linear-gradient(105deg,#7152f3,#527fe8 55%,#18bea0);color:#fff;box-shadow:0 16px 34px rgba(83,91,219,.25);cursor:pointer;font-size:13px;font-weight:950;letter-spacing:.13em;transition:transform .2s,box-shadow .2s,filter .2s}.login-submit b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.16);font-size:20px;font-weight:500}.login-submit:hover{transform:translateY(-2px);box-shadow:0 21px 42px rgba(83,91,219,.32);filter:saturate(1.08)}.login-submit:active{transform:translateY(0)}.login-v2 .alert.error{margin:0 0 22px;padding:12px 14px;border-color:rgba(222,55,90,.2);background:#fff0f3;color:#b9294b;font-size:12px;font-weight:750}
@media(prefers-color-scheme:dark){.login-body{background:#070a12!important;color:#f5f7ff}.login-body:before{background:radial-gradient(circle at 8% 15%,rgba(109,82,246,.2),transparent 27%),radial-gradient(circle at 92% 84%,rgba(17,194,157,.12),transparent 25%)}.login-v2{border-color:rgba(255,255,255,.09);background:#0f1421;box-shadow:0 42px 120px rgba(0,0,0,.5)}.login-v2 .login-card{background:#0f1421;color:#f5f7ff}.login-card-head h2{color:#f8f9ff}.login-form label>span{color:#9ca8bf}.login-input{border-color:#293249;background:#151c2b}.login-input:hover{border-color:#3c4862}.login-input:focus-within{border-color:#8b73ff;box-shadow:0 0 0 4px rgba(139,115,255,.13)}.login-input>b{border-color:#293249;color:#77849e}.login-input input{color:#f7f8ff!important}.login-v2 .alert.error{border-color:rgba(255,111,135,.25);background:rgba(255,111,135,.1);color:#ffb4c0}}
@media(max-width:840px){.login-body{padding:18px}.login-v2{width:min(520px,100%);min-height:0;grid-template-columns:1fr;border-radius:24px}.login-v2 .login-art{min-height:190px;padding:28px 32px}.login-art-brand{top:27px;left:30px}.login-emblem{width:42px;height:42px}.login-art-brand strong{font-size:18px}.login-art-glow{width:220px;height:220px}.login-hero h1{margin:10px 0 0;font-size:39px;line-height:.92}.login-kicker,.login-signature{display:none}.login-v2 .login-card{padding:42px 34px 46px}.login-card-head{margin-bottom:28px}.login-card-head h2{font-size:38px}}
@media(max-width:480px){.login-body{padding:10px}.login-v2{border-radius:20px}.login-v2 .login-art{min-height:150px;padding:22px}.login-art-brand{top:20px;left:22px}.login-hero h1{font-size:31px}.login-v2 .login-card{padding:34px 22px 38px}.login-input{grid-template-columns:46px 1fr}.login-card-head h2{font-size:34px}}

/* v2.0 — batch, reusable assets, change report, and quality gate */
.quick-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,rgba(118,89,255,.055),rgba(19,201,163,.045))}.quick-select-grid label,.compact-form>label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:850}.quick-select-grid small,.compact-form small{font-weight:550;font-size:11px}.panel-link{color:#5f50d6;font-size:12px;font-weight:850;text-decoration:none}.panel-link:hover{text-decoration:underline}:root.dark .panel-link{color:#b9acff}.generate-button:disabled,.secondary-action:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.batch-file input{padding:11px}.batch-file input::file-selector-button,.simple-upload input::file-selector-button{margin-right:12px;border:0;border-radius:9px;padding:8px 12px;background:rgba(118,89,255,.12);color:var(--ink);font-weight:800;cursor:pointer}.batch-live{align-items:flex-start}.batch-live-copy{width:100%}.batch-progress{height:8px;margin:16px 0;border-radius:99px;background:var(--bg-soft);overflow:hidden}.batch-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),#4e9ee9,var(--mint));transition:width .35s}.batch-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;overflow:auto}.batch-item{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--bg-soft);font-size:11px}.batch-item b{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item span{color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item.ready{border-color:rgba(19,201,163,.25)}.batch-item.blocked,.batch-item.failed{border-color:rgba(238,78,113,.3)}.batch-item.processing{border-color:rgba(118,89,255,.34);box-shadow:inset 3px 0 var(--violet)}.status-pill,.quality-pill,.quality-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.status-pill.completed,.quality-pill.pass,.quality-badge.pass{border-color:rgba(19,201,163,.3);background:rgba(19,201,163,.1);color:#07856d}.status-pill.queued,.status-pill.processing,.quality-pill.warning,.quality-badge.warning{border-color:rgba(255,157,67,.32);background:rgba(255,157,67,.1);color:#b96816}.status-pill.completed_with_issues,.quality-pill.failed,.quality-badge.failed{border-color:rgba(238,78,113,.32);background:rgba(238,78,113,.1);color:#c62f52}:root.dark .status-pill.completed,:root.dark .quality-pill.pass,:root.dark .quality-badge.pass{color:#56e9c8}:root.dark .status-pill.queued,:root.dark .status-pill.processing,:root.dark .quality-pill.warning,:root.dark .quality-badge.warning{color:#ffc382}:root.dark .status-pill.completed_with_issues,:root.dark .quality-pill.failed,:root.dark .quality-badge.failed{color:#ff9bad}.quality-badge{margin:8px 0}.blocked-copy{color:var(--danger);font-weight:850}.retry-button{color:#5f50d6!important}:root.dark .retry-button{color:#b9acff!important}
.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.library-grid>.panel{margin-top:0}.compact-form{display:grid;gap:16px}.compact-form .form-grid{margin-top:0}.simple-upload{border:1px dashed rgba(118,89,255,.35);border-radius:13px;padding:14px;background:rgba(118,89,255,.04)}.secondary-action{width:100%;border:0;border-radius:13px;padding:14px 16px;background:linear-gradient(110deg,#7055f5,#527fe8,#18bea0);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(83,91,219,.2);transition:.2s}.secondary-action:hover{transform:translateY(-2px)}.asset-list-panel{min-height:0}.asset-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.asset-columns h3{margin:0 0 13px;font-size:15px}.asset-cards{display:grid;gap:8px}.asset-cards article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--bg-soft)}.asset-cards article>i{width:13px;height:36px;border-radius:99px;background:var(--preset-color);box-shadow:0 0 14px color-mix(in srgb,var(--preset-color) 45%,transparent)}.asset-cards article>span{font-size:20px}.asset-cards b{display:block;font-size:12px;color:var(--ink)}.asset-cards small{display:block;font-size:10px;color:var(--muted)}.asset-cards button{border:0;background:transparent;color:var(--danger);font-size:11px;font-weight:850;cursor:pointer}.empty-state.compact{padding:20px}
.inline-help-link{color:var(--violet);font-weight:850;text-decoration:none}.inline-help-link:hover{text-decoration:underline}.preset-detection{display:grid;gap:12px;padding:15px;border:1px solid rgba(99,91,255,.2);border-radius:15px;background:linear-gradient(135deg,rgba(99,91,255,.07),rgba(14,189,159,.055))}.preset-detection>div:first-child{display:flex;gap:10px;align-items:flex-start}.preset-detection>div:first-child>span{font-size:22px}.preset-detection b{display:block;color:var(--ink);font-size:13px}.preset-detection p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.preset-detection>button{border:0;border-radius:12px;padding:12px;background:linear-gradient(110deg,#6359ef,#4f88df,#18b99c);color:#fff;font-weight:900;cursor:pointer}.preset-detection>button:disabled{opacity:.45;cursor:not-allowed}.preset-detection-result{display:grid!important;gap:5px;padding:12px;border:1px solid rgba(14,189,159,.23);border-radius:11px;background:var(--panel)}.preset-detection-result[hidden]{display:none!important}.preset-detection-result small{color:var(--amber);font-weight:700;line-height:1.4}
.quality-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quality-summary{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:16px;padding:17px 19px;background:var(--panel);box-shadow:0 12px 28px rgba(70,81,145,.07)}.quality-summary>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:19px;font-weight:950}.quality-summary b{font-size:13px}.quality-summary p{margin:2px 0 0;color:var(--muted);font-size:11px}.quality-summary.pass>span{background:rgba(19,201,163,.12);color:var(--mint)}.quality-summary.warning>span{background:rgba(255,157,67,.12);color:var(--amber)}.quality-summary.failed>span{background:rgba(238,78,113,.12);color:var(--danger)}
@media(max-width:1180px){.sidebar{padding-left:12px;padding-right:12px}.sidebar nav a{font-size:13px;padding:11px 10px}.library-grid{grid-template-columns:1fr}.asset-columns{grid-template-columns:1fr}.quality-summary-grid{grid-template-columns:1fr}.batch-items{grid-template-columns:1fr}}
@media(max-width:680px){.quick-select-grid,.library-grid,.asset-columns{grid-template-columns:1fr}.batch-items{grid-template-columns:1fr}.quality-summary{padding:14px}.panel-link{display:none}}

/* v2.0 premium workspace refresh */
:root,:root.light{
  --bg:#f1f4fb;--bg-soft:#f6f8fc;--panel:#ffffff;--panel-2:#f2f5fb;
  --line:rgba(39,51,89,.11);--ink:#11182b;--muted:#69758f;--violet:#635bff;
  --mint:#0ebd9f;--amber:#f59e43;--danger:#e7486d;--shadow:0 20px 55px rgba(34,47,88,.09);--radius:22px;
}
:root.dark{
  --bg:#0c1120;--bg-soft:#12192a;--panel:#141c2e;--panel-2:#1a2337;
  --line:rgba(208,218,255,.12);--ink:#f7f9ff;--muted:#a7b1c8;--violet:#9488ff;
  --mint:#35d9ba;--amber:#ffbd72;--danger:#ff7893;--shadow:0 24px 65px rgba(0,0,0,.28);
}
html{scroll-behavior:auto}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;background:linear-gradient(135deg,#f7f9fe 0%,#f0f3fb 54%,#ecf8f5 100%);background-attachment:fixed}
:root.dark body{background:radial-gradient(circle at 85% 0%,rgba(99,91,255,.15),transparent 27%),linear-gradient(140deg,#0b101e,#11182a 58%,#0d1e21)}
body:before{background:radial-gradient(circle at 7% 5%,rgba(99,91,255,.10),transparent 24%),radial-gradient(circle at 94% 14%,rgba(14,189,159,.10),transparent 25%)}
.app-shell{grid-template-columns:292px minmax(0,1fr)}
.sidebar{padding:24px 18px 20px;background:rgba(250,251,255,.92);border-right-color:rgba(60,71,114,.09);box-shadow:10px 0 34px rgba(42,55,96,.055);backdrop-filter:blur(20px)}
:root.dark .sidebar{background:rgba(12,17,31,.94)}
.app-brand{gap:13px;padding:0 8px 26px}.app-brand b{font-size:23px;letter-spacing:.08em}.app-brand small{font-size:9px;color:#7e88a0}.app-brand small em{margin-left:5px;padding:3px 6px;border-radius:99px;background:rgba(99,91,255,.1);color:var(--violet);font-style:normal;letter-spacing:.04em}
.brand-mark{width:48px;height:48px;border-radius:16px;border:1px solid rgba(99,91,255,.18);background:linear-gradient(145deg,#fff,#eceaff);box-shadow:0 12px 28px rgba(99,91,255,.16)}
:root.dark .brand-mark{background:linear-gradient(145deg,rgba(99,91,255,.34),rgba(14,189,159,.11))}.brand-mark span{font-size:25px;color:var(--violet);filter:none}.brand-mark:after{display:none}
.sidebar nav{gap:7px}.sidebar nav a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;min-height:58px;padding:9px 11px;border:1px solid transparent;border-radius:15px;color:var(--muted);transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;transform:none!important}
.sidebar nav a:hover{background:rgba(99,91,255,.055);border-color:rgba(99,91,255,.10);transform:none}
.sidebar nav a.active{color:var(--ink);background:linear-gradient(120deg,rgba(99,91,255,.13),rgba(14,189,159,.07));border-color:rgba(99,91,255,.17);box-shadow:inset 3px 0 #635bff,0 10px 24px rgba(71,66,174,.08)}
:root.dark .sidebar nav a.active{color:#fff;background:linear-gradient(120deg,rgba(99,91,255,.24),rgba(14,189,159,.10));border-color:rgba(148,136,255,.22)}
.sidebar nav .nav-emoji{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-size:18px;line-height:1;text-align:center;color:inherit}
.sidebar nav a.active .nav-emoji{color:inherit;background:linear-gradient(145deg,#6b63ff,#5e7fea 58%,#30b7b4);border-color:transparent;box-shadow:0 8px 18px rgba(82,83,213,.2)}
.nav-label{display:block!important;width:auto!important;text-align:left!important}.nav-label b{display:block;color:var(--ink);font-size:13px;line-height:1.25}.nav-label small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.25}.sidebar nav a.active .nav-label b{color:var(--ink)}:root.dark .sidebar nav a.active .nav-label b{color:#fff}
.side-status{margin-top:auto;border-color:rgba(14,189,159,.18);background:linear-gradient(135deg,#f7fffd,#f5f6ff);box-shadow:none;transition:border-color .16s}.side-status:hover{transform:none;border-color:rgba(14,189,159,.35)}:root.dark .side-status{background:linear-gradient(135deg,var(--panel),rgba(14,189,159,.07))}
.account-menu{margin:10px 0 0}.logout{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid transparent;border-radius:13px;color:var(--muted);text-align:left;transition:background-color .16s,border-color .16s}.logout>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--panel-2);font-size:15px}.logout b{display:block;color:var(--ink);font-size:11px}.logout small{display:block;font-size:9px}.logout i{font-style:normal}.logout:hover{background:rgba(231,72,109,.055);border-color:rgba(231,72,109,.12);color:var(--danger)}
.workspace{width:min(1320px,calc(100% - 64px));padding-top:30px}
.topbar{align-items:center;margin-bottom:14px;padding:0}.topbar-identity{display:flex;align-items:center;gap:15px;min-width:0}.page-avatar{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid rgba(99,91,255,.14);border-radius:17px;background:linear-gradient(145deg,#fff,#e9e7ff);box-shadow:0 12px 30px rgba(65,67,137,.1);font-size:23px}:root.dark .page-avatar{background:linear-gradient(145deg,var(--panel-2),rgba(99,91,255,.18))}.topbar h1{margin:2px 0 0;font-size:32px;line-height:1.12;letter-spacing:-.04em}.page-subtitle{margin:4px 0 0;color:var(--muted);font-size:12px}.eyebrow-ui{font-size:9px;letter-spacing:.2em;color:#6258e9}.top-actions{flex:none}.secure-pill{background:#fff;border-color:rgba(14,189,159,.22);box-shadow:none;color:#09836f}.icon-button{width:42px;height:42px;background:#fff;box-shadow:none;transition:border-color .16s,background-color .16s}.icon-button:hover{transform:none;border-color:rgba(99,91,255,.3)}:root.dark .secure-pill,:root.dark .icon-button{background:var(--panel)}
.workspace-signal{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:0 0 20px;padding:8px;border:1px solid rgba(58,72,116,.09);border-radius:14px;background:rgba(255,255,255,.62);box-shadow:0 8px 25px rgba(41,54,94,.045);scrollbar-width:none}.workspace-signal::-webkit-scrollbar{display:none}.workspace-signal span{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 10px;border-radius:9px;color:var(--muted);font-size:10px;font-weight:750}.workspace-signal span:first-child{background:#fff;color:#16816e}:root.dark .workspace-signal{background:rgba(20,28,46,.72)}:root.dark .workspace-signal span:first-child{background:var(--panel-2);color:var(--mint)}.signal-live{width:7px;height:7px;border-radius:50%;background:#14b89b;box-shadow:0 0 0 4px rgba(20,184,155,.11)}
.metric-grid{gap:14px}.metric-card{min-height:108px;padding:20px;border:1px solid rgba(55,68,110,.09);border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(36,49,89,.07);backdrop-filter:none;transition:border-color .16s,box-shadow .16s;transform:none!important}.metric-card:hover{transform:none;border-color:rgba(99,91,255,.18);box-shadow:0 16px 36px rgba(36,49,89,.095)}.metric-card:after{width:88px;height:88px;right:-38px;top:-42px;opacity:.13}.metric-icon{width:48px;height:48px;border-radius:15px;font-size:21px}.metric-card small{font-size:9px;letter-spacing:.14em}.metric-card strong{font-size:23px}.metric-card p{font-size:11px}
.panel{border:1px solid rgba(48,61,103,.09);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(35,48,87,.075);backdrop-filter:none}:root.dark .panel{background:rgba(20,28,46,.96)}.panel-head{margin-bottom:20px}.panel-head h2{font-size:19px}.panel-head p{font-size:12px;line-height:1.5}.step-badge{width:42px;height:42px;border:1px solid rgba(99,91,255,.12);border-radius:14px;background:linear-gradient(145deg,#eeecff,#e7fbf7);box-shadow:none;font-size:18px}.panel-tag,.secure-pill{letter-spacing:.06em}.panel-tag{background:var(--panel-2);border-color:var(--line);color:var(--muted)}
.quick-select-grid{padding:18px;border-radius:17px;background:linear-gradient(125deg,rgba(99,91,255,.06),rgba(14,189,159,.04))}.upload-zone{min-height:172px;border-color:rgba(99,91,255,.35);border-radius:18px;background:linear-gradient(135deg,rgba(99,91,255,.045),rgba(14,189,159,.04));transition:border-color .16s,background-color .16s;transform:none!important}.upload-zone:hover,.upload-zone.dragging{transform:none;border-color:#7067ff;box-shadow:none}.upload-icon{background:linear-gradient(145deg,#e9e7ff,#dcf7f1);box-shadow:none}
input,textarea,select{border-color:rgba(56,69,109,.14);border-radius:13px;background:#f7f8fc;box-shadow:none;transition:border-color .16s,box-shadow .16s}:root.dark input,:root.dark textarea,:root.dark select{background:#101727}.form-grid label,.stack label,.quick-select-grid label{color:#5f6b83}.form-grid label>span{color:#6b61ff}:root.dark .form-grid label,:root.dark .stack label,:root.dark .quick-select-grid label{color:var(--muted)}
.mode-select span,.provider-select span{border-radius:14px;background:#f8f9fd;transition:border-color .16s,background-color .16s,box-shadow .16s}.mode-select input:checked+span,.provider-select input:checked+span{border-color:#6e65ff;background:linear-gradient(135deg,rgba(99,91,255,.10),rgba(14,189,159,.06));box-shadow:inset 0 0 0 1px rgba(99,91,255,.10)}
.slash-guide,.source-sync{border-radius:14px;box-shadow:none}.generate-button,.secondary-action{border-radius:15px;background:linear-gradient(105deg,#6258ee,#5579e8 54%,#16b99c);box-shadow:0 14px 30px rgba(74,82,198,.20);transition:filter .16s,box-shadow .16s;transform:none!important}.generate-button:hover,.secondary-action:hover{transform:none;filter:saturate(1.05);box-shadow:0 17px 34px rgba(74,82,198,.25)}
.primary-button{background:linear-gradient(110deg,#6359ef,#4f88df,#18b99c);box-shadow:none}.ghost-button{border-color:var(--line);box-shadow:none}.result-panel{border-radius:22px;background:linear-gradient(115deg,#edfbf7,#fff 56%,#f0edff);box-shadow:0 16px 42px rgba(38,77,101,.08)}
.asset-cards article,.quality-summary,.guardrail-grid article{border-radius:15px;background:#f8f9fd;box-shadow:none;transition:border-color .16s;transform:none!important}.asset-cards article:hover,.quality-summary:hover,.guardrail-grid article:hover{transform:none;border-color:rgba(99,91,255,.20);box-shadow:none}:root.dark .asset-cards article,:root.dark .quality-summary,:root.dark .guardrail-grid article{background:var(--panel-2)}
.table-wrap{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:auto}th{background:var(--panel-2)}tbody tr{transition:background-color .16s}.table-link{color:#4c6fdb}.status-pill,.quality-pill,.quality-badge{font-size:9px;padding:6px 9px}.empty-state{background:rgba(247,248,252,.65)}:root.dark .empty-state{background:rgba(16,23,39,.5)}
.login-v2{border-radius:28px;box-shadow:0 35px 95px rgba(31,42,79,.15)}.login-v2 .login-art{background:linear-gradient(145deg,#0a1020,#17213a 56%,#102f33)}.login-emblem{font-size:25px;color:#c8c3ff}.login-perks{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 25px}.login-perks span{padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.055);color:#cbd4e7;font-size:10px;font-weight:750}.login-card-head{margin-bottom:30px}.login-card-head>p{margin:9px 0 0;color:#727e96;font-size:12px}.login-input{transition:border-color .16s,box-shadow .16s;transform:none!important}.login-input:focus-within{transform:none}.login-submit{transition:filter .16s,box-shadow .16s;transform:none!important}.login-submit:hover{transform:none}
@media(max-width:1180px){.app-shell{grid-template-columns:264px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar nav a{grid-template-columns:38px minmax(0,1fr);gap:9px}.sidebar nav .nav-emoji{width:38px;height:38px}.workspace{width:calc(100% - 38px)}}
@media(max-width:980px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;height:auto;padding:12px 15px;z-index:50}.app-brand{padding:0;margin-right:10px}.app-brand .brand-mark{width:42px;height:42px}.app-brand small{display:none}.sidebar nav{display:flex;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{display:flex;min-height:44px;padding:5px 10px;white-space:nowrap}.sidebar nav .nav-emoji{width:32px;height:32px;border-radius:10px;font-size:15px}.nav-label b{font-size:11px}.nav-label small{display:none}.side-status{display:none}.account-menu{margin:0 0 0 8px}.logout{width:42px;height:42px;display:grid;grid-template-columns:1fr;padding:4px}.logout>span:first-child{width:32px;height:32px}.logout>span:nth-child(2),.logout i{display:none}.workspace{width:min(100% - 30px,920px);padding-top:24px}.topbar{margin-bottom:12px}
}
@media(max-width:680px){
  .sidebar{grid-template-columns:1fr auto;gap:9px;padding:10px}.sidebar nav{grid-column:1/-1;grid-row:2;margin:0 -2px}.app-brand b{font-size:18px}.brand-mark{width:40px!important;height:40px!important}.brand-mark span{font-size:20px}.sidebar nav a{padding:5px 9px}.workspace{width:calc(100% - 20px);padding-top:18px}.topbar{align-items:flex-start;gap:12px}.topbar-identity{gap:11px}.page-avatar{width:43px;height:43px;border-radius:14px;font-size:18px}.topbar h1{font-size:24px}.page-subtitle{font-size:11px;max-width:40ch}.top-actions{gap:6px}.secure-pill{display:none}.icon-button{width:38px;height:38px}.workspace-signal{margin-bottom:16px;padding:6px}.workspace-signal span{padding:5px 8px}.panel{padding:18px;border-radius:20px}.metric-card{min-height:94px}.panel-head>div{align-items:flex-start}.panel-head p{font-size:11px}.login-perks{display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v2.1 calm production workspace */
:root,:root.light{--bg:#f4f6fa;--bg-soft:#f7f8fb;--panel:#fff;--panel-2:#f1f3f8;--line:rgba(27,39,68,.12);--ink:#172033;--muted:#68748b;--violet:#6157df;--mint:#159f87;--shadow:0 14px 38px rgba(30,43,76,.07)}
:root.dark{--bg:#0f1420;--bg-soft:#141b2a;--panel:#182030;--panel-2:#20293b;--line:rgba(225,232,255,.12);--ink:#f5f7fc;--muted:#a9b3c7;--violet:#9a91ff;--mint:#46d7bc;--shadow:0 18px 44px rgba(0,0,0,.24)}
body{background:var(--bg)}body:before{display:none}.sidebar{background:var(--panel);box-shadow:none}.workspace{width:min(1240px,calc(100% - 56px))}.panel,.metric-card{background:var(--panel);box-shadow:var(--shadow)}
.production-steps{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 8px 24px rgba(30,43,76,.045);overflow-x:auto;scrollbar-width:none}.production-steps::-webkit-scrollbar{display:none}.production-steps span{display:flex;align-items:center;gap:7px;flex:none;color:var(--muted);font-size:11px;font-weight:800}.production-steps span:first-child{color:var(--ink)}.production-steps b{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--panel-2);color:var(--violet);font-size:10px}.production-steps span:first-child b{background:var(--violet);color:#fff}.production-steps i{width:20px;height:1px;flex:none;background:var(--line)}
.visual-mode-select{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-mode-select b{display:flex!important;align-items:center;gap:7px}.visual-mode-select em{padding:3px 6px;border-radius:7px;background:rgba(21,159,135,.12);color:var(--mint);font-size:8px;font-style:normal;letter-spacing:.06em}.locked-action-note{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid rgba(21,159,135,.22);border-radius:14px;background:rgba(21,159,135,.055)}.locked-action-note>span{font-size:20px}.locked-action-note b{display:block;color:var(--ink);font-size:12px}.locked-action-note p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.advanced-settings{border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);overflow:hidden}.advanced-settings summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:after{content:"＋";color:var(--violet);font-size:15px}.advanced-settings[open] summary:after{content:"−"}.advanced-settings summary small{margin-left:auto;margin-right:12px;color:var(--muted);font-size:9px;font-weight:650}.advanced-settings-body{display:grid;gap:12px;padding:0 14px 14px}.advanced-settings-body label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:800}
.result-panel{display:grid;grid-template-columns:auto minmax(280px,1fr) minmax(340px,.9fr);align-items:center;background:var(--panel)}.result-copy{min-width:0}.asset-preview-strip{display:grid;grid-template-columns:.7fr 1.35fr 1fr;gap:8px}.asset-preview-strip[hidden]{display:none}.asset-preview-strip figure{display:grid;grid-template-rows:96px auto;min-width:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft)}.asset-preview-strip img{width:100%;height:96px;object-fit:contain;border-radius:9px;background:repeating-conic-gradient(rgba(99,91,255,.055) 0 25%,transparent 0 50%) 50%/12px 12px}.asset-preview-strip figure:last-child img{object-fit:cover}.asset-preview-strip figcaption{padding-top:7px;color:var(--ink);font-size:10px;font-weight:900}.asset-preview-strip small{display:block;overflow:hidden;color:var(--muted);font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.result-actions{flex-wrap:wrap}
.seo-autofill{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;padding:14px;border:1px solid rgba(97,87,223,.2);border-radius:16px;background:linear-gradient(135deg,rgba(97,87,223,.065),rgba(21,159,135,.04))}.seo-keyword{min-width:0}.seo-suggest-button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:10px 13px;border:1px solid rgba(97,87,223,.24);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(30,43,76,.06);transition:transform .18s ease,border-color .18s ease}.seo-suggest-button:hover{transform:translateY(-1px);border-color:var(--violet)}.seo-suggest-button:disabled{cursor:wait;opacity:.65;transform:none}.seo-suggest-button>span{grid-row:1/3;font-size:21px}.seo-suggest-button b{font-size:11px}.seo-suggest-button small{color:var(--muted);font-size:8px}.seo-suggest-status{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.45}.seo-output{border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);overflow:hidden}.seo-output summary{display:flex;align-items:center;padding:12px 14px;color:var(--ink);font-size:11px;font-weight:850;cursor:pointer;list-style:none}.seo-output summary::-webkit-details-marker{display:none}.seo-output summary small{margin-left:auto;color:var(--muted);font-size:9px}.seo-output summary:after{content:"＋";margin-left:10px;color:var(--violet);font-size:14px}.seo-output[open] summary:after{content:"−"}.seo-output-fields{display:grid;gap:12px;padding:0 14px 14px}.seo-output-fields label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:800}
@media(max-width:1120px){.result-panel{grid-template-columns:auto 1fr}.asset-preview-strip{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.production-steps{margin-bottom:12px}.production-steps i{width:10px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:auto}.visual-mode-select{grid-template-columns:1fr}.seo-autofill{grid-template-columns:1fr}.seo-suggest-status{grid-column:auto}.result-panel{grid-template-columns:1fr}.result-icon{display:none}.asset-preview-strip{grid-column:auto;grid-template-columns:1fr 1.5fr 1fr}.asset-preview-strip figure{grid-template-rows:76px auto}.asset-preview-strip img{height:76px}}

/* v2.4 Focus UI — Ocean Pro */
:root,:root.light{
  --bg:#f3f7fb;--bg-soft:#f7faff;--panel:#fff;--panel-2:#eef4fa;--line:#dbe5ef;
  --ink:#112033;--muted:#66768a;--primary:#1677dc;--primary-strong:#095fbd;--primary-soft:#e9f3ff;
  --violet:#1677dc;--mint:#0b9f87;--amber:#b76b09;--danger:#d8445f;--shadow:0 12px 34px rgba(20,55,88,.07)
}
:root.dark{
  --bg:#07111f;--bg-soft:#0a1726;--panel:#0d1b2a;--panel-2:#102238;--line:#243a52;
  --ink:#f4f8ff;--muted:#a5b2c8;--primary:#258bff;--primary-strong:#4da3ff;--primary-soft:rgba(37,139,255,.13);
  --violet:#258bff;--mint:#21d4b4;--amber:#ffc36b;--danger:#ff718b;--shadow:0 16px 38px rgba(0,0,0,.22)
}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body{background:var(--bg);font-size:14px;line-height:1.55}body:before{display:none}button,a{outline-color:var(--primary)}
.app-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:22px 14px 16px;background:var(--panel);border-right:1px solid var(--line);box-shadow:none}.app-brand{gap:11px;padding:0 8px 22px}.app-brand b{font-size:22px;letter-spacing:.045em}.app-brand small{font-size:11px;letter-spacing:.11em}.app-brand small em{margin-left:5px;padding:2px 6px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-style:normal;letter-spacing:0}.brand-mark{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--primary) 48%,var(--line));border-radius:13px;background:var(--primary-soft);box-shadow:none}.brand-mark:after{display:none}.brand-mark .ui-icon{width:23px;height:23px;color:var(--primary)}
.sidebar nav{display:grid;gap:4px}.sidebar nav .nav-group{margin:16px 10px 5px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.sidebar nav a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:46px;padding:6px 9px;border:1px solid transparent;border-radius:11px;color:var(--muted);font-size:14px;transform:none!important}.sidebar nav a:hover{color:var(--ink);background:var(--panel-2);border-color:var(--line)}.sidebar nav a.active{color:var(--ink);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));box-shadow:inset 3px 0 var(--primary)}.sidebar nav .nav-icon{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:currentColor}.sidebar nav a.active .nav-icon{background:var(--primary);color:#fff;box-shadow:none}.sidebar nav .nav-icon .ui-icon{width:19px;height:19px}.nav-label b,.sidebar nav a.active .nav-label b,:root.dark .sidebar nav a.active .nav-label b{color:currentColor;font-size:14px;font-weight:760}.account-menu{margin-top:auto}.logout{grid-template-columns:36px 1fr 20px;min-height:52px;padding:7px 8px;border:1px solid var(--line);border-radius:12px;background:transparent}.logout .account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--panel-2);color:var(--ink);font-size:13px}.logout b{font-size:13px}.logout small{font-size:11px}.logout>.ui-icon{width:18px;height:18px}.logout:hover{background:var(--panel-2);border-color:var(--line)}
.workspace{width:min(1380px,calc(100% - 48px));padding:28px 0 72px}.topbar{align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.035em}.page-subtitle{margin-top:6px;font-size:14px;line-height:1.45}.page-avatar{width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--primary-soft);box-shadow:none;color:var(--primary)}.page-avatar .ui-icon{width:22px;height:22px}.secure-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--mint) 34%,var(--line));background:var(--panel);color:var(--mint);font-size:12px;letter-spacing:0;text-decoration:none}.secure-pill:hover{border-color:var(--mint)}.secure-pill .status-dot{width:7px;height:7px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-color:var(--line);background:var(--panel)}.icon-button:hover{border-color:var(--primary)}.icon-button .ui-icon{width:18px;height:18px}
.production-steps{position:sticky;top:12px;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 16px;padding:0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 10px 28px rgba(4,18,35,.08);backdrop-filter:blur(14px);overflow:hidden}.production-steps a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:11px 14px;border-right:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:750;text-decoration:none;transition:background-color .16s,color .16s}.production-steps a:last-child{border-right:0}.production-steps a:hover{color:var(--ink);background:var(--panel-2)}.production-steps a.active{color:#fff;background:var(--primary)}.production-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel-2);color:var(--muted);font-size:12px}.production-steps a.active b{background:rgba(255,255,255,.17);color:#fff}.production-steps span{width:auto;color:inherit;font-size:inherit;text-align:left}
.generator-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.generator-flow{min-width:0}.wizard-card{scroll-margin-top:92px;margin:0 0 16px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:none}.wizard-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.wizard-card-head>div{display:flex;align-items:center;gap:12px}.wizard-card-head h2{margin:0;font-size:20px;line-height:1.25}.wizard-card-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.wizard-number{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:900}.panel-tag{padding:7px 10px;background:var(--panel-2);border-color:var(--line);color:var(--muted);font-size:11px;letter-spacing:0;text-transform:none}.required-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.required-legend i{width:7px;height:7px;border-radius:50%;background:var(--primary)}
.quick-select-grid{gap:14px;padding:0;border:0;background:transparent}.quick-select-grid label,.form-grid label,.stack label{position:relative;gap:7px;color:var(--muted);font-size:13px}.quick-select-grid label>small,.form-grid label>small,.seo-keyword>small{font-size:12px;line-height:1.45}.inline-help-link{color:var(--primary)}input,textarea,select{padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);color:var(--ink);font-size:14px;box-shadow:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.upload-zone{min-height:175px;margin-top:16px;border-color:color-mix(in srgb,var(--primary) 60%,var(--line));border-radius:13px;background:var(--bg-soft);transform:none!important}.upload-zone:hover,.upload-zone.dragging{border-color:var(--primary);background:var(--primary-soft)}.upload-zone.has-file{border-color:var(--mint)}.upload-icon{width:48px;height:48px;margin-bottom:10px;border-radius:13px;background:var(--primary-soft);color:var(--primary);box-shadow:none}.upload-icon .ui-icon{width:25px;height:25px}.upload-zone b{font-size:14px}.upload-zone span,.upload-zone em{font-size:12px}.wizard-form-grid{margin-top:0}.field-required{position:absolute;top:0;right:0;color:var(--primary)!important;font-size:11px;font-weight:750}.form-grid{gap:16px}.form-grid>.full{grid-column:1/-1}
.seo-autofill{grid-template-columns:minmax(0,1fr) 235px;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:13px;background:var(--primary-soft)}.seo-suggest-button{grid-template-columns:28px 1fr;column-gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--line));border-radius:10px;background:var(--panel);color:var(--ink);box-shadow:none}.seo-suggest-button:hover{border-color:var(--primary);transform:none}.seo-suggest-button>.ui-icon{grid-row:1/3;width:22px;height:22px;color:var(--primary)}.seo-suggest-button b{font-size:13px}.seo-suggest-button small{font-size:11px}.seo-suggest-status{font-size:12px}.seo-output,.advanced-settings{border-color:var(--line);border-radius:11px;background:var(--bg-soft)}.seo-output summary,.advanced-settings summary{padding:12px 14px;font-size:13px}.seo-output summary small,.advanced-settings summary small{font-size:11px}.seo-output summary:after,.advanced-settings summary:after{color:var(--primary)}.seo-output-fields,.advanced-settings-body{padding:0 14px 14px}.seo-output-fields label,.advanced-settings-body label{font-size:13px}.counter{font-size:11px!important}
.mode-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-select legend{font-size:13px}.mode-select label>span,.provider-select label>span{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft)}.mode-select b{font-size:13px}.mode-select small{font-size:12px;line-height:1.45}.mode-select input:checked+span,.provider-select input:checked+span{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}.visual-mode-select em{padding:3px 7px;background:color-mix(in srgb,var(--mint) 13%,transparent);color:var(--mint);font-size:10px}.slash-guide,.source-sync{border-color:var(--line);background:var(--panel);border-radius:11px}.slash-guide>span,.source-sync>span{background:var(--primary-soft);color:var(--primary)}.slash-guide .ui-icon,.source-sync .ui-icon{width:18px;height:18px}
.wizard-actions{display:flex;justify-content:flex-end;margin-top:18px}.wizard-next,.summary-next{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;padding:11px 14px;font-size:13px;font-weight:800;cursor:pointer}.wizard-next:hover,.summary-next:hover{background:var(--primary-strong)}.wizard-next .ui-icon,.summary-next .ui-icon{width:18px;height:18px}.review-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.review-checks article{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft)}.review-checks>.ui-icon,.review-checks article>.ui-icon{width:21px;height:21px;flex:none;color:var(--primary)}.review-checks b{font-size:13px}.review-checks p{margin:3px 0 0;color:var(--muted);font-size:12px}.review-rating{margin-top:0}.locked-action-note{gap:11px;padding:13px 14px;border-color:color-mix(in srgb,var(--mint) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--mint) 7%,var(--panel))}.locked-action-note>.ui-icon{width:21px;height:21px;flex:none;color:var(--mint)}.locked-action-note b{font-size:13px}.locked-action-note p{font-size:12px}.output-spec{margin:14px 0}.output-spec span{padding:7px 9px;border-color:var(--line);font-size:11px}
.generate-button,.secondary-action,.primary-button{background:var(--primary);color:#fff;box-shadow:none;transform:none!important}.generate-button{min-height:50px;border-radius:11px;padding:12px 16px}.generate-button:hover,.secondary-action:hover,.primary-button:hover{background:var(--primary-strong);filter:none;box-shadow:none}.generate-button .ui-icon,.primary-button .ui-icon{width:20px;height:20px}.generate-button small{font-size:11px}.production-summary{position:sticky;top:92px;padding:22px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:none}.production-summary h2{margin:0 0 13px;font-size:17px}.summary-item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.summary-item>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--primary)}.summary-item .ui-icon{width:19px;height:19px}.summary-item b{display:block;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.summary-item small{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.summary-next{width:100%;margin-top:18px;min-height:46px}
.result-panel{border-color:color-mix(in srgb,var(--mint) 30%,var(--line));border-radius:16px;background:var(--panel);box-shadow:none}.result-icon{background:color-mix(in srgb,var(--mint) 14%,var(--panel));color:var(--mint)}.result-icon .ui-icon{width:25px;height:25px}.result-kicker{margin:0 0 2px!important;color:var(--mint)!important;font-size:12px!important;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.result-panel h2{font-size:20px}.result-panel p:not(.result-kicker){font-size:12px}.primary-button,.ghost-button{gap:7px;border-radius:9px;font-size:12px}.asset-preview-strip small{font-size:11px}.quality-badge,.quality-pill,.status-pill{font-size:11px}
.loader-orbit{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));box-shadow:inset 0 0 25px color-mix(in srgb,var(--primary) 14%,transparent)}.loader-orbit .ui-icon{width:25px;height:25px;color:var(--primary);animation:spin 3s linear reverse infinite}.progress-track i{background:linear-gradient(90deg,var(--primary),var(--mint))}.progress-card li{font-size:11px}.progress-card li.active{color:var(--mint)}
.panel{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow)}.panel-head h2{font-size:18px}.panel-head p{font-size:13px}.panel-head .step-badge{border-color:var(--line);background:var(--primary-soft);color:var(--primary)}.metric-card{border-color:var(--line);background:var(--panel);box-shadow:none}.metric-card small{font-size:11px}.metric-card p{font-size:12px}.table-wrap{border-color:var(--line)}th{font-size:11px}td{font-size:12px}td b{font-size:13px}td small{font-size:11px}.secondary-action{border-radius:10px}.simple-upload{border-color:color-mix(in srgb,var(--primary) 34%,var(--line));background:var(--primary-soft)}.settings-status,.settings-status.enabled{background:var(--panel);border-color:var(--line);box-shadow:none}.settings-status-icon{background:var(--primary-soft);color:var(--primary)}.secret-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.table-link{color:var(--primary)}.alert.info{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--line));color:var(--primary)}

@media(max-width:1180px){.app-shell{grid-template-columns:214px minmax(0,1fr)}.workspace{width:calc(100% - 34px)}.generator-layout{grid-template-columns:1fr}.production-summary{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.production-summary h2,.production-summary .summary-next{grid-column:1/-1}.summary-item:nth-of-type(3),.summary-item:nth-of-type(4){border-bottom:0}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;height:auto;padding:10px 12px;z-index:50}.app-brand{padding:0;margin-right:8px}.app-brand small{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;padding:0}.sidebar nav .nav-group{display:none}.sidebar nav a{display:flex;min-height:42px;padding:4px 8px;white-space:nowrap}.sidebar nav .nav-icon{width:30px;height:30px}.nav-label b{font-size:12px!important}.account-menu{margin:0 0 0 6px}.logout{display:grid;grid-template-columns:34px;width:40px;height:40px;min-height:0;padding:2px}.logout>span:nth-child(2),.logout>.ui-icon{display:none}.logout .account-avatar{width:34px;height:34px}.workspace{width:min(100% - 24px,900px);padding-top:22px}.production-steps{top:8px}}
@media(max-width:760px){.topbar{align-items:flex-start}.topbar h1{font-size:24px}.page-subtitle{font-size:12px}.secure-pill{display:none}.production-steps{grid-template-columns:repeat(4,minmax(108px,1fr));overflow-x:auto}.production-steps a{min-height:54px;padding:8px;font-size:11px}.production-steps b{width:24px;height:24px}.wizard-card{padding:18px;scroll-margin-top:78px}.wizard-card-head{align-items:flex-start}.wizard-card-head h2{font-size:18px}.wizard-card-head p{font-size:12px}.panel-tag,.required-legend{display:none}.quick-select-grid,.form-grid,.seo-autofill,.mode-select,.review-checks{grid-template-columns:1fr}.seo-suggest-status{grid-column:auto}.production-summary{grid-template-columns:1fr}.production-summary .summary-item{border-bottom:1px solid var(--line)!important}.summary-item:last-of-type{border-bottom:0!important}.generator-layout{display:block}.wizard-next{width:100%}.generate-button{display:grid;grid-template-columns:22px 1fr}.generate-button small{display:none}.result-panel{grid-template-columns:1fr}.result-icon{display:none}.asset-preview-strip{grid-column:auto}.output-spec{display:grid;grid-template-columns:1fr}.output-spec span{text-align:center}}