/* Quiet, task-focused surfaces; no continuously repainted decorative gradients. */
:root{--accent:#bbd7ec;--muted:#a0a6b2;--border:#ffffff14}
header{background:#101216;border-bottom:1px solid #ffffff12}
.brand strong{font-size:16px}.brand span{font-size:9px;letter-spacing:1.4px}
header>.quiet{font-size:11px}#reset{color:#a4a8b0}
.controls,.export-panel{background:#111317;overscroll-behavior:contain;scrollbar-gutter:stable}
.workspace{position:relative;background:radial-gradient(ellipse at 50% 45%,#25304038,transparent 70%),#0c0e12}
.intro{margin:8px 0 16px}.intro h1{font-size:18px;line-height:1.5}.intro h1 br{display:none}.intro p{color:#9199a6;line-height:1.7}
.intro .eyebrow{font-size:8px;letter-spacing:1.8px}
.workspace-nav{position:sticky;top:0;z-index:4;padding:9px 0;background:#111317;border-bottom:1px solid #ffffff12;margin-bottom:12px}
.workspace-nav button{flex:1;background:#1b1f26;color:#bdc5d0}
.workspace-group{background:#15181e;border-color:#ffffff12;border-radius:10px}
.workspace-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:12px}
#currentStyleName{font-size:10px;font-weight:400;color:#bbd7ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.style-search{padding:0 0 12px}.style-search label{font-size:10px;color:#a1a9b7}.style-search input{background:#0f1217;border-color:#ffffff18;font-size:12px;padding:10px}
#styleEmpty{font-size:11px;color:#a0a6b2;line-height:1.7}
.style-grid{gap:8px}.style-grid>.style{border-radius:9px;background:#191d24;box-shadow:none;padding:6px 6px 8px;transition:background-color .15s,border-color .15s}
.style-grid>.style .style-art{height:46px;box-shadow:none}.style-grid>.style strong{font-size:11px;margin:7px 2px 2px}.style-grid>.style small{font-size:9px;color:#9da6b4;margin:0 2px}
.style-grid>.style:hover{transform:none;box-shadow:none;background:#222936;border-color:#7e9ab1}
.style-grid>.style.active{background:#263342;border-color:#a7cde7;box-shadow:inset 3px 0 #a7cde7}
.style-grid>.style.active::after{width:15px;height:15px;top:9px;right:9px;background:#c1dff3}
#timelineDock::before,.primary::before,.style.active::before,.primary::after{display:none;animation:none}
.primary{background:#c4ddef;color:#142230;border-color:#c4ddef;box-shadow:none;font-weight:600}
.primary:hover{background:#deedfa;color:#142230;box-shadow:none}
.parameter-card,.luminous-card{box-shadow:none;background:#171b22;border-color:#ffffff12;border-radius:10px}
.field-help{color:#929ba9;line-height:1.65}.section-title h2{font-size:12px}.section-title>span{color:#8e9aaa}
input[type=number],select{min-height:32px;background:#11151c;border-color:#ffffff1c}
button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b8dcf5;outline-offset:3px}
.preview-head h2{font-size:19px;letter-spacing:.5px}.preview-head .eyebrow{color:#8b9aaf}
.size-chip{background:#18212c;border-color:#314051;color:#c0d3e5}
#timelineDock{background:#161c25;border-color:#ffffff16;box-shadow:none}
.preview-quality{gap:10px}.preview-quality select{max-width:100%}
.export-panel h2{font-size:17px}.advanced-export{margin-top:14px;border-top:1px solid #ffffff15;padding-top:12px}.advanced-export>summary{font-size:11px;color:#a0b4c8;cursor:pointer}
#modeSwitchStatus{position:absolute;inset:70px 12px auto;z-index:12;background:none;display:flex;justify-content:center;pointer-events:none}
.mode-switch-card{gap:9px;padding:10px 14px;border-radius:9px;background:#17212ff5;border:1px solid #43596d;box-shadow:0 8px 24px #0004;max-width:100%}
.mode-switch-card strong{font-size:12px}.mode-switch-spinner{width:15px;height:15px;border-top-color:#b8dcf5}
#bootStatus{position:fixed;z-index:15;top:35%;left:50%;transform:translateX(-50%);width:min(380px,calc(100vw - 40px));box-sizing:border-box;text-align:center;display:grid;justify-items:center;gap:12px;padding:24px;background:#17202d;border:1px solid #33465a;border-radius:12px}
#bootStatus strong{font-size:15px}#bootStatus span{font-size:12px;color:#a6b5c8}#bootStatus button{padding:8px 16px}
.app-loading main{pointer-events:none}.app-loading #bootStatus{pointer-events:auto}.app-loading header button{pointer-events:none}
.mobile-workbench-tabs{display:none}
@media(max-width:660px){
 header{padding:12px 16px}.brand strong{font-size:16px}
 .mobile-workbench-tabs{display:flex;position:sticky;top:0;z-index:15;padding:8px 12px;gap:6px;background:#10151d;border-bottom:1px solid #ffffff14}
 .mobile-workbench-tabs button{flex:1;border:1px solid transparent;border-radius:7px;padding:10px 4px;font-size:12px;color:#a6b2c3;transition:none}
 .mobile-workbench-tabs button[aria-pressed=true]{background:#24374a;color:#d5eaff;border-color:#405b73}
 body[data-mobile-view=preview] main>.controls,body[data-mobile-view=preview] main>.export-panel,body[data-mobile-view=edit] main>.workspace,body[data-mobile-view=edit] main>.export-panel,body[data-mobile-view=export] main>.workspace,body[data-mobile-view=export] main>.controls{display:none!important}
 main{min-height:calc(100dvh - 175px)}.controls,.export-panel{padding:16px}.workspace{padding:16px 12px;min-width:0}.workspace-nav{top:47px}
 .style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-grid>.style .style-art{height:64px}.style-grid>.style strong{font-size:12px}
 .style-grid>.style small{font-size:10px}.preview-head h2{font-size:17px}.preview-quality{flex-wrap:wrap}
 body[data-mobile-view=preview] .workspace .phone{height:clamp(210px,calc(100svh - 510px),480px);width:auto;max-width:80vw;margin-inline:auto}
 #modeSwitchStatus{position:fixed;inset:auto 12px 20px}
 .advanced-export{margin-bottom:20px}
 body[data-mobile-view=export] main>.export-panel{display:flex!important;flex-direction:column;gap:0}
 .export-panel>*,.export-panel>#colorWorkspace{order:5}.export-panel>.eyebrow,.export-panel>h2{order:0}.export-panel>.export-fields{order:1}.export-panel>.export-bottom{order:2}.export-panel>.render-queue-card{order:3}.export-panel>.advanced-export{order:4}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}