:root{--bg:#17191c;--sidebar-bg:#1c1e22;--surface:#22252a;--surface-2:#2a2e34;--surface-solid:#22252a;--border:#ffffff16;--border-bright:#c1a57577;--accent:#c1a575;--accent2:#a6b5a6;--accent-glow:transparent;--accent-gradient:linear-gradient(#c1a575,#c1a575);--text:#e4e4e1;--text-muted:#afb3ba;--text-dim:#90969f;--success:#9ebaa5;--warning:#c1a575;--radius:6px;--radius-lg:8px;--blur:none;--blur-sm:none}
body{background:var(--bg);font-size:13px}body:before,body:after{display:none}.app-sidebar{background:#1c1e22!important;box-shadow:none!important;border-right:1px solid var(--border);width:230px;backdrop-filter:none}.logo-section{padding:28px 22px!important;border-bottom:1px solid var(--border);gap:12px}.logo-text h1{color:var(--text)!important;background:none!important;-webkit-text-fill-color:var(--text);font-size:22px!important;letter-spacing:-.7px}.logo-text p{font-size:10px!important;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.logo-icon-wrapper{background:#c1a575!important;color:#1c1e22!important;box-shadow:none!important;border-radius:5px!important}.tab-nav{padding:23px 12px!important;gap:6px}.tab-nav:before{content:'WORKSPACE';font:10px 'Space Mono',monospace;color:var(--text-dim);padding:0 12px 12px;letter-spacing:1.5px}.tab-btn{border-radius:5px!important;padding:13px 14px!important;color:#afb3ba!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;font-size:12px!important}.tab-btn.active{background:#333029!important;border-color:#c1a57535!important;color:#e0c79e!important}.tab-btn:hover{background:#292c31!important}.tab-btn.active:before{display:none}.sidebar-footer{font-size:10px;color:var(--text-dim);border-color:var(--border)}.sidebar-footer a{display:block;color:#c1a575;text-decoration:none;margin-bottom:16px}.app-main{margin-left:230px;padding:0 32px 32px!important;min-width:0}.workspace-header{height:92px;margin-bottom:26px!important;border-bottom:1px solid var(--border);background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.workspace-header h2{font-size:23px!important;font-weight:600!important;letter-spacing:-.6px;background:none!important;-webkit-text-fill-color:var(--text);color:var(--text)}.system-status{background:#252b28!important;border:1px solid #9ebaa528!important;color:#a8b9ae!important;font-size:10px!important;box-shadow:none!important}.status-indicator{background:#9ebaa5!important;box-shadow:none!important;animation:none!important}.panel-layout{gap:22px!important;grid-template-columns:300px minmax(0,1fr)!important}.controls-card{background:#22252a!important;border:1px solid var(--border)!important;box-shadow:none!important;padding:22px!important;backdrop-filter:none!important}.controls-card h3{font-size:10px!important;letter-spacing:1.3px;color:#c1a575!important;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:20px!important}.upload-zone{background:#1b1e22!important;border:1px dashed #69717c!important;border-radius:5px!important;padding:24px 12px!important;box-shadow:none!important}.upload-zone:hover{border-color:var(--accent)!important;background:#292820!important}.upload-zone svg{color:#c1a575!important}.upload-zone strong{color:var(--text)!important;font-size:12px!important}.upload-zone p{font-size:10px!important;color:var(--text-dim)!important}.control-row{margin-bottom:19px!important}.control-row label{font-size:11px!important}.val{background:#15171a!important;color:#d5bd96!important;border-radius:3px!important;padding:2px 7px!important}input[type=range]{accent-color:#c1a575}input[type=range]::-webkit-slider-thumb{background:#c1a575!important;box-shadow:none!important}input[type=range]::-webkit-slider-runnable-track{background:#42464d!important}.btn{border-radius:4px!important;box-shadow:none!important;font-size:11px!important;padding:10px 13px!important}.btn-primary{background:#c1a575!important;color:#1b1d20!important;border:1px solid #c1a575!important}.btn-secondary{background:#30343b!important;color:var(--text)!important;border:1px solid #ffffff20!important}.btn-danger{background:#392a2d!important;color:#d8a4ad!important;border-color:#67434a!important}.btn:disabled{opacity:.38!important}.preview-card{background-color:#141619!important;background-image:linear-gradient(45deg,#ffffff03 25%,transparent 25%),linear-gradient(-45deg,#ffffff03 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff03 75%),linear-gradient(-45deg,transparent 75%,#ffffff03 75%)!important;background-size:24px 24px!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:6px!important;min-height:330px}.preview-label{background:#262a30!important;font-size:10px!important;letter-spacing:.3px;border:1px solid var(--border);padding:12px!important;color:var(--text-muted)!important}.empty-state{opacity:1!important;color:#9ba2ac!important}.empty-state svg{color:#747d8a!important;opacity:.7}.empty-state h3{font-size:14px!important;color:#b9bec6!important}.empty-state p{font-size:11px!important;color:#858e9a!important}.preview-wrapper h3{font-size:13px!important}.preview-wrapper p{color:var(--text-dim)!important;font-size:11px!important}select,input[type=number],input[type=text]{background:#191c20!important;color:#d9dbdf!important;border:1px solid #ffffff25!important;border-radius:4px!important}.script-editor-container{border:1px solid var(--border)!important;box-shadow:none!important}.script-output{background:#141619!important}.info-tip{background:#34383f!important;color:#eef0f2!important;z-index:30}.toast{background:#30343b!important;color:var(--text)!important;border-color:var(--border)!important}.workbench-note{font-size:11px;color:#969da8;margin:-9px 0 24px;max-width:760px;line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c1a575;outline-offset:3px}
@media(max-width:1200px){.panel-layout{grid-template-columns:270px minmax(0,1fr)!important}.dual-preview{grid-template-columns:1fr!important}.preview-card{min-height:260px}.app-main{padding-inline:22px!important}}
@media(max-width:800px){.app-container{display:block!important}.app-sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;border-right:0;border-bottom:1px solid var(--border)}.logo-section{padding:16px 20px!important}.logo-text h1{font-size:20px!important}.tab-nav{display:flex!important;flex-direction:row!important;overflow-x:auto;padding:10px 14px!important;gap:6px}.tab-nav:before{display:none}.tab-btn{flex:0 0 auto!important;white-space:nowrap;font-size:10px!important;padding:10px!important}.sidebar-footer{display:none}.app-main{margin-left:0!important;padding:0 16px 24px!important}.workspace-header{height:78px!important;gap:10px}.workspace-header h2{font-size:19px!important}.system-status{font-size:8px!important;padding:5px 7px!important}.panel-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.controls-card{padding:18px!important;min-width:0}.preview-wrapper,.dual-preview{min-width:0}.preview-card{min-height:250px}.workbench-note{font-size:10px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.logo-text p{white-space:nowrap;font-size:9px!important;letter-spacing:1px}.control-row input[type=range]{height:18px;background:transparent}.control-row input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px}.control-row input[type=range]::-webkit-slider-thumb{margin-top:-6px;width:16px;height:16px}.panel.active{animation:none}