/* Reference-led creator workspace. Neutral black surfaces + one amber accent.
   Shape scale: panels 16px, inputs/buttons 9px, status pills full. */
:root {
  color-scheme: dark;
  --ivory:#0a0a0c; --paper:#121214; --paper-2:#18181b; --desk:#080809;
  --ink:#f4f4f5; --ink-2:#d3d3da; --muted:#a1a1ab;
  --line:#2a2a2f; --line-2:#414148;
  --sage:#f5a623; --sage-deep:#ffad1f; --sage-soft:#30230e;
  --clay:#e5756e; --clay-soft:#351b1b; --amber:#ffb12d; --amber-soft:#2f230f;
  --focus:#ffb12d; --shadow:0 2px 16px #0002; --radius:16px; --radius-sm:9px;
  --font-serif:var(--font-sans); --topbar-h:64px;
}
::selection{background:#76500f;color:#fff}
body{background:var(--ivory)}
button{transition:background .15s,border-color .15s,transform .12s}
button:active:not(:disabled){transform:translateY(1px)}
.btn-primary{background:#ffad1f;color:#171007;border-color:#ffad1f}
.btn-primary:hover{background:#ffc051;color:#171007;border-color:#ffc051}
.btn:hover{background:#222226;border-color:#676770;color:#fff}
.btn-primary:hover{background:#ffc051;color:#171007}
.input,.title-input:focus,.scene-card,.scene-title:hover{background:#0c0c0e;color:var(--ink)}
.input:hover{border-color:#66666f}
.input:focus{border-color:#ffad1f;box-shadow:0 0 0 3px #ffad1f18}
.input::placeholder,textarea::placeholder{color:#898994;opacity:1}
.topbar{padding:0 22px;background:#111113}
.brand-name{font-size:18px;letter-spacing:-.6px}
.brand-mark rect{fill:#ffad1f}.brand-mark path{stroke:#111}.brand-mark path:last-child{fill:#111;stroke:none}
.avatar{background:#2b2113;color:#ffb12d}
.ai-connect-chip,.ai-connect-chip.is-ready{border:1px solid #56401d;background:#241c0f;color:#ffc261}
.body{grid-template-columns:258px minmax(0,1fr)}
.library{background:#101012;padding:20px 14px;gap:10px}
.studio-home-link{border:0;background:none;color:#d1d1d8;display:flex;gap:9px;align-items:center;padding:8px 10px 16px;text-align:left;font-weight:600;font-size:13px;cursor:pointer;border-bottom:1px solid var(--line);margin-bottom:5px}
.studio-nav-title{font-size:11px;letter-spacing:.08em;color:#90909b;padding:5px 10px;font-weight:600}
.studio-tool-nav{display:grid;gap:4px}
.studio-tool-link{display:flex;align-items:center;gap:11px;width:100%;text-align:left;min-height:42px;border:1px solid transparent;border-radius:9px;padding:9px 10px;background:transparent;color:#c1c1ca;cursor:pointer;font-size:13px;font-weight:500}
.studio-tool-link .icon{color:#92929e}.studio-tool-link:hover{background:#1a1a1f;color:#fff}
.studio-tool-link.is-active{color:#ffc055;background:#30230f;border-color:#62451a}.studio-tool-link.is-active .icon{color:#ffb42b}
.studio-detail-link{margin-bottom:16px}
.studio-additional{margin-left:auto;font-size:10px;color:#a1a1ab;border:1px solid #414148;border-radius:5px;padding:1px 5px}
.lib-head{border-top:1px solid var(--line);padding-top:17px;margin-top:4px}.lib-title{font-size:12px}
.lib-head .btn{min-height:28px;font-size:11px;padding:4px 7px}.lib-head .icon{width:12px;height:12px}
.filter-row{gap:4px}.filter-chip{height:23px;font-size:10px;padding:0 7px;border-color:#303036}
.filter-chip[aria-pressed="true"]{background:#332711;border-color:#74521c;color:#ffc055}
.project-list{min-height:85px}.list-empty{font-size:12px;line-height:1.7}.pi-title{font-size:12px}.pi-meta{font-size:10px}
.project-item.is-active{box-shadow:inset 2px 0 0 #ffad1f;background:#202024}
.lib-foot{margin-top:auto}.lib-note{font-size:10px}
.project-head{padding:15px 26px 12px}.title-input{font-size:20px}.ph-meta{font-size:11px}
.project-top{background:#0e0e10}.tabs{padding:0 20px;gap:2px}.tab{height:40px;font-size:12px;padding:0 10px}.tab[aria-selected="true"]{color:#ffbc48}
.tab-panel{padding:22px 26px 42px}.tab-panel:has(.feature-studio){padding:20px 24px 36px}
.save-status.is-saved{color:#ffc26a;background:#2d230f;border-color:#5c4520}.save-status.is-dirty{border-color:#70501d}.save-status.is-error{color:#ffb3aa;border-color:#763c36}
.badge-on{background:#ffad1f;color:#171007}.type-tag{color:#d8ac6b;background:#302514}
.dialog{background:#141417}.dialog-backdrop{background:#000b}.form-error{color:#ffa69e}.toast{background:#232328;color:#f4f4f5}
.auth-wrap{background:#0c0c0f}.script-input{background:#0c0c0e}.scene-title:hover{background:#19191d}
.editor-grid .stage{background:repeating-conic-gradient(#222226 0% 25%,#18181c 0% 50%) 0 0/18px 18px}
/* All legacy modules remain available, with dark readable form surfaces. */
:is(.detail-page,.dp-root,.prompt-lab,.story-grid,.editor-grid) input:not([type="color"]):not([type="range"]),
:is(.detail-page,.dp-root,.prompt-lab,.story-grid,.editor-grid) textarea,
:is(.detail-page,.dp-root,.prompt-lab,.story-grid,.editor-grid) select{background:#0c0c0e;color:#eee}
.studio-home{max-width:1390px;margin:0 auto;padding:36px 38px 28px;display:grid;gap:26px}
.studio-welcome{display:grid;gap:10px;padding:4px 0 3px}
.studio-welcome-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}
.studio-home-kicker{color:#ffc055;font-size:12px;font-weight:600;letter-spacing:.03em}
.studio-local{display:flex;gap:6px;align-items:center;color:#92929f;font-size:11px}
.studio-local .icon{width:13px;height:13px}
.studio-welcome h1{font-size:32px;letter-spacing:-1.3px;font-weight:750;line-height:1.3}
.studio-welcome>p{font-size:13px;color:#a5a5b0;line-height:1.8;max-width:710px}
.studio-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.studio-tool-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;text-align:left;padding:22px;min-height:225px;border:1px solid #303035;border-radius:16px;background:#141416;color:#f4f4f5;cursor:pointer;overflow:hidden}
.studio-tool-card:nth-child(1),.studio-tool-card:nth-child(5){background:linear-gradient(140deg,#1e1a14,#131315 75%)}
.studio-tool-card:hover{border-color:#a46e1c;background:#1d1a16;box-shadow:0 6px 28px #0004;transform:translateY(-2px)}
.studio-tool-card:active{transform:translateY(0)}
.studio-card-top{display:flex;align-items:center;gap:9px;margin-bottom:3px}
.studio-card-icon,.studio-extra-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#2b2112;color:#ffb331;border:1px solid #4a3617;flex:none}
.studio-card-tag{font-size:10px;color:#a9a5a0;line-height:1.45}
.studio-card-number{margin-left:auto;align-self:flex-start;color:#75717a;font-size:11px;font-variant-numeric:tabular-nums}
.studio-tool-card h2{font-size:18px;letter-spacing:-.6px;line-height:1.4}
.studio-tool-card>p{font-size:12px;line-height:1.8;color:#a5a5af;max-width:34ch}
.studio-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #2c2926;padding-top:14px;margin-top:7px}
.studio-card-bottom>.icon{color:#d5a153}.studio-card-details{font-size:10px;color:#b4aaa0}
.studio-extra{display:flex;gap:16px;align-items:center;padding:20px 22px;border:1px solid #39302a;border-radius:16px;background:#171513}
.studio-extra-icon{background:#211e1b;border-color:#443b32;color:#d1b087}
.studio-extra h2{font-size:15px;margin-bottom:5px}.studio-extra p{font-size:11px;color:#aaa5a1;line-height:1.7}
.studio-extra>div{flex:1}.studio-extra-tag{font-size:10px;color:#cdb391;border:1px solid #544635;border-radius:5px;padding:3px 7px;white-space:nowrap}
.studio-extra .btn{min-height:33px;font-size:12px}
.studio-recent{display:grid;gap:12px}.studio-section-head{display:flex;align-items:center;gap:15px;justify-content:space-between}.studio-section-head h2{font-size:15px}.studio-section-head>span{font-size:10px;color:#83838e}
.studio-empty{padding:22px;display:flex;gap:14px;align-items:center;border:1px dashed #35353c;border-radius:12px;background:#101012}.studio-empty>.icon{color:#7d7d89}.studio-empty strong{font-size:12px;font-weight:500;color:#c4c4cf}.studio-empty p{margin-top:4px;font-size:11px;color:#9494a0}
.studio-recent-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.studio-recent-list button{display:flex;gap:12px;align-items:center;width:100%;padding:12px 14px;background:transparent;border:0;border-bottom:1px solid #27272d;color:#d0d0da;cursor:pointer;text-align:left}.studio-recent-list button:hover{background:#17171b}.studio-recent-list button>span{flex:1;font-size:12px}.studio-recent-list time{font-size:10px;color:#91919f}.studio-recent-list .icon{color:#a68c67}
.studio-home-footer{display:flex;align-items:flex-start;gap:8px;color:#858592;font-size:10px;line-height:1.8;padding-bottom:8px}.studio-home-footer .icon{margin-top:2px;flex:none}
@media(min-width:1700px){.studio-home{padding-top:50px}.studio-tool-card{min-height:245px;padding:25px}.studio-tool-card h2{font-size:20px}}
@media(max-width:1250px){.body{grid-template-columns:232px minmax(0,1fr)}.studio-home{padding:30px 26px}.studio-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tool-card{min-height:205px}.studio-tool-card h2{font-size:17px}.studio-extra-tag{display:none}}
@media(max-width:900px){.body{grid-template-columns:210px minmax(0,1fr)}.library{padding:16px 10px}.studio-tool-link{font-size:12px;gap:8px}.studio-home{padding:25px 20px;gap:22px}.studio-tool-card{padding:17px}.studio-card-tag{font-size:9px}.studio-card-number{display:none}.studio-welcome h1{font-size:27px}.studio-extra{padding:16px;gap:12px}.tab-panel:has(.feature-studio){padding:16px}.topbar{padding:0 16px}}
@media(max-width:760px){.body{grid-template-columns:minmax(0,1fr)}.menu-btn{display:inline-grid}.library{position:fixed;top:var(--topbar-h);bottom:0;left:0;width:258px;z-index:25;transform:translateX(-100%);transition:transform .2s}.drawer-open .library{transform:translateX(0)}.studio-home{padding:24px 18px}.studio-tool-grid{gap:12px}.studio-tool-card{min-height:205px}.studio-card-details{font-size:9px}.studio-extra p{max-width:40ch}.studio-local{display:none}.brand-name{font-size:16px}.topbar{padding:0 10px;gap:5px}.user-name{display:none}.user-chip{padding-right:4px}.studio-welcome>p{font-size:12px}.studio-extra-icon{display:none}.project-head{padding:12px 16px}.title-input{font-size:18px}.tabs{padding:0 8px}}
@media(max-width:480px){.studio-tool-grid{grid-template-columns:1fr}.studio-tool-card{min-height:180px}.studio-extra{align-items:flex-start}.studio-extra .btn{align-self:center}.studio-extra p{font-size:10px}.studio-recent-list time{display:none}.studio-welcome h1{font-size:26px}.studio-card-tag{font-size:10px}.studio-card-details{font-size:10px}.studio-home-footer{font-size:10px}.topbar-settings{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Legacy controls only; exported product canvas retains its own palette. */
.dp-thumb,.dp-pick,.dp-way,.dp-secbtn,.dp-layer{background:#141417}
.dp-step:hover:not(:disabled),.dp-chip:hover,.dp-card:hover{background:#242429}
.dp-step.is-current .dp-step-num{color:#171007}
.dp :is(input,textarea,select).input{background:#0c0c0e;color:#f0f0f5}
.ai-provider,.ai-warning{background:#1d1b17;color:#d7d3c9}

.studio-safe-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid #5a4318;border-radius:16px;background:#1a150d;color:#e8d9b8}
.studio-safe-note .icon{color:#ffb331;margin-top:3px;flex:none}
.studio-safe-note strong{font-size:13px;color:#ffd48a}
.studio-safe-note p{margin-top:5px;font-size:11.5px;line-height:1.8;color:#cbbd9f}

/* AI settings dialog: ai-settings.css falls back to a cream surface when a theme variable is missing; keep it dark. */
.ai-settings .ai-warning{background:#1d1b17;color:#d7d3c9;border-color:#3a352b}
.ai-settings .ai-warning.ai-risk{background:#351b1b;border-color:#a8513a;color:#ffd9d2}
.ai-settings .ai-provider{background:#16151a;border-color:#34333b;color:#e4e4ea}
.ai-settings .ai-key-status{color:#a9a9b4}