:root{--text:#ffffff;--muted:#c8c7cf;--soft:#92939e;--page:#090a0e;--board:#101116;--card:#191a20;--card-raised:#202128;--field:#111218;--edge:rgba(255,255,255,.095)}
html,body,#root{background:var(--page)}body{background:radial-gradient(circle at 10% 3%,rgba(100,77,182,.17),transparent 25%),radial-gradient(circle at 92% 18%,rgba(41,128,143,.1),transparent 27%),var(--page)}
.nav-link{color:#aaaab4}.promo-bar{color:#e0dfe5}.credit-pill small{color:#aaa9b2}.hero-copy>p{color:#c1c0c8}.hero-proof{color:#a0a1aa}.hero-proof b{color:#f0eff3}.section-title>p,.studio-head p,.library-head p{color:#b8b7c1}.creation-card p,.media-copy p{color:#aaaab4}.panel-head p,.block-label p{color:#aaaab4}.prompt-shell textarea::placeholder{color:#999aa5}.prompt-footer small,.prompt-footer small b{color:#9697a1}.cost-copy span,.cost-copy small{color:#a2a3ad}.preview-empty p{color:#9fa0aa}.insight-head small,.insight-body small{color:#999aa4}.model-row>div:nth-child(2) span{color:#9d9ea7}.model-tags span{color:#a2a3ad}

.studio-shell{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:30px;background:linear-gradient(145deg,#111217,#0d0e13);box-shadow:0 30px 100px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035)}
.creation-panel,.preview-panel{border-color:var(--edge);background:linear-gradient(155deg,#1a1b22,#16171d);box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055)}
.panel-head{padding:16px 17px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:var(--card-raised);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.14)}.creation-panel:after{top:68px}
.prompt-shell{border-color:rgba(255,255,255,.09);background:var(--field);box-shadow:inset 0 1px rgba(255,255,255,.025),0 11px 30px rgba(0,0,0,.22)}
.settings-block{padding:22px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px;background:var(--field);box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.16)}.block-label{padding:2px 2px 15px}.parameter-dock{margin-top:10px}.parameter-toolbar{border-color:rgba(255,255,255,.08);background:#1a1b21}.parameter-pill:hover,.parameter-pill.open,.parameter-pill.active{background:#252630}.model-row{border-color:rgba(255,255,255,.09);background:var(--card-raised);box-shadow:inset 0 1px rgba(255,255,255,.045),0 9px 24px rgba(0,0,0,.15)}
.generation-footer{margin-top:18px!important;padding:20px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:18px;background:var(--card-raised);box-shadow:inset 0 1px rgba(255,255,255,.035),0 11px 30px rgba(0,0,0,.17)}
.preview-head{padding:13px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:var(--card-raised)}.preview-canvas{border-color:rgba(255,255,255,.09);background:radial-gradient(circle at 50% 40%,rgba(125,95,211,.18),transparent 31%),#0e0f14;box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 36px rgba(0,0,0,.25)}.director-insight{border-color:rgba(255,255,255,.085);background:var(--card-raised);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)}
.studio-model-badge,.studio-head .system-mode{border-color:rgba(255,255,255,.09);background:var(--card-raised)}

.quick-section,.projects-preview{margin-left:24px;margin-right:24px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(150deg,#111217,#0e0f14);box-shadow:0 26px 75px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03)}.quick-section{border-radius:32px}.projects-preview{margin-top:24px;margin-bottom:34px;border-radius:32px}.creation-card{border-color:rgba(255,255,255,.085);background:var(--card);box-shadow:0 12px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}.creation-card:hover{background:#202129}.media-card{padding:10px;border:1px solid rgba(255,255,255,.075);background:#16171d}.media-card:hover{background:var(--card-raised)}

.library-head{padding:20px 22px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:var(--card);box-shadow:0 15px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}.filter-bar{padding:5px 12px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:var(--board)}.task-card{padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:var(--card)}.task-card:hover{background:var(--card-raised)}.asset-summary article{background:var(--card-raised)}.asset-library-grid article{padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:var(--card)}.asset-add{border-color:rgba(255,255,255,.12);background:var(--card)}

.parameter-popover{border-color:rgba(255,255,255,.11);background:#202128}.popover-option,.count-option{border-radius:10px}.resolution-tabs button,.ratio-picker button,.seed-label input,.seed-label button{background:#17181e}.reference-counts span{background:var(--card-raised)}.reference-drop,.frame-slot{background:var(--field)}.reference-mention-menu{background:#202128}
.app-modal{background:linear-gradient(145deg,#202128,#18191f)}.modal-content .modal-row{background:#25262e}.modal-actions .modal-secondary{background:#292a33}

@media(max-width:720px){.studio-shell{padding:7px;border-radius:22px}.creation-panel,.preview-panel{background:#191a20}.panel-head{padding:13px}.settings-block{padding:15px!important}.generation-footer{padding:16px!important}.quick-section,.projects-preview{margin-left:8px;margin-right:8px;border-radius:24px}.library-head{padding:16px}}