:root{color:#edf2f4;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(62,86,104,.22),transparent 34%),linear-gradient(145deg,#111318,#17181d 52%,#101216)}button{border:1px solid #3d4652;border-radius:6px;background:#20242b;color:#edf2f4;min-height:38px;padding:0 12px;font:inherit;cursor:pointer}button:hover{border-color:#c5a75e;background:#282e36}select{width:100%;min-height:36px;border:1px solid #3d4652;border-radius:6px;background:#20242b;color:#edf2f4;padding:0 10px;font:inherit}input[type=file]{width:100%;color:#cfd9df;font:inherit}button:disabled{cursor:not-allowed;opacity:.45}.studio-shell{display:grid;grid-template-columns:minmax(220px,280px) 1fr;min-height:100vh}.rail{border-right:1px solid #2c323b;background:#101216e0;padding:24px 18px}.rail h1{margin:0 0 12px;color:#fff;font-size:22px;letter-spacing:0}.rail p{margin:0 0 22px;color:#b8c4cf;font-size:14px;line-height:1.5}.rail nav{display:grid;gap:8px}.rail nav span{border:1px solid #333b45;border-radius:6px;padding:8px 10px;color:#d9e3ea;background:#181c22;font-size:13px}.workspace{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-content:start;padding:14px}.panel{grid-column:span 4;min-height:190px;border:1px solid #303842;border-radius:8px;background:#181c22eb;padding:14px;overflow:hidden}.panel-wide{grid-column:span 8}.panel-render{min-height:420px;padding:10px}.render-host{position:relative;width:100%;height:min(58vh,560px);min-height:340px;border:1px solid #2f3a44;border-radius:6px;overflow:hidden;background:#07090c}.render-host:fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;background:#05070a}.render-canvas{display:block;width:100%;height:100%}.panel-scene{border-color:#5b6d78}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title span{color:#c5a75e;font-size:12px;font-weight:700;text-transform:uppercase}.panel-title b{color:#d8eef2;font-size:13px;font-weight:600;text-align:right}.title-action{min-height:28px;padding:0 9px;font-size:12px}.field-label{display:grid;gap:6px;margin-bottom:12px;color:#9dafba;font-size:12px;font-weight:600}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.segmented-three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button[aria-pressed=true]{border-color:#53c7d5;background:#263840;color:#fff}.audio-summary{display:grid;gap:4px;border:1px solid #313943;border-radius:6px;background:#171b21;margin-bottom:12px;padding:9px 10px;color:#aebac4;font-size:12px;line-height:1.35}.audio-summary b{color:#edf2f4;font-size:13px}dl{display:grid;grid-template-columns:128px 1fr;gap:8px 10px;margin:0}dt{color:#8ea0ad;font-size:12px}dd{margin:0;color:#eff5f6;font-size:13px}.meter-list{display:grid;gap:7px}.meter-row{display:grid;grid-template-columns:72px 1fr 44px;align-items:center;gap:8px;color:#d8e2e7;font-size:12px}.meter-row b{color:#fff;font-weight:600;text-align:right}.meter{height:8px;border-radius:999px;background:#2d333a;overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#53c7d5,#c5a75e 58%,#e76f51)}.raw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;color:#aebac4;font-size:12px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{border-bottom:1px solid #313943;padding:8px 6px;text-align:left}th{color:#8ea0ad;font-weight:600}td{color:#e7eef1}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-import-label{margin-top:12px}.preset-summary{display:grid;gap:4px;border:1px solid #313943;border-radius:6px;background:#171b21;margin-top:10px;padding:9px 10px;color:#aebac4;font-size:12px;line-height:1.35}.preset-summary b{color:#edf2f4;font-size:13px}.preset-editor{display:grid;gap:10px}.preset-manifest{grid-template-columns:90px 1fr;border-top:1px solid #313943;padding-top:10px}.mapping-summary{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;gap:10px;margin-bottom:10px}.mapping-summary dl{grid-template-columns:repeat(3,auto 1fr);border:1px solid #313943;border-radius:6px;background:#171b21;padding:9px 10px}.chip-row{display:flex;flex-wrap:wrap;align-content:start;gap:6px}.chip-row span{border:1px solid #344653;border-radius:999px;background:#18242a;color:#d9e4e9;padding:5px 8px;font-size:12px}.control-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.control-group{display:grid;gap:8px;margin-bottom:12px}.control-group h3{margin:0;color:#8ea0ad;font-size:12px;font-weight:700;text-transform:uppercase}.control-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid #303842;padding-bottom:8px}.control-list b{color:#d9e4e9;font-size:13px}.control-list span{display:grid;justify-items:end;gap:2px;color:#c5a75e;font-size:13px}.control-list em{color:#c5a75e;font-style:normal;white-space:nowrap}.control-list small{color:#8ea0ad;font-size:11px;white-space:nowrap}.control-list p{margin:3px 0 0;color:#9dafba;font-size:12px;line-height:1.35}.empty-panel-state{border:1px solid #313943;border-radius:6px;background:#171b21;color:#aebac4;padding:10px;font-size:12px}.console-panel ol{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#c8d5da;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.console-panel li{border-bottom:1px solid #303842;padding-bottom:7px;word-break:break-word}@media(max-width:980px){.studio-shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid #2c323b}.rail nav{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.panel-wide{grid-column:span 12}}@media(max-width:560px){.workspace{padding:8px}.rail nav{grid-template-columns:repeat(2,minmax(0,1fr))}dl,.button-grid,.raw-grid,.mapping-summary,.mapping-summary dl{grid-template-columns:1fr}}