:root{color:#ecf3f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#071219cc;--panel-strong:#040d13eb;--panel-soft:#ffffff09;--panel-border:#9cc6c029;--panel-border-strong:#9cc6c047;--muted:#98adb2;--accent:#8ee4d1;--accent-strong:#f5a623;--accent-danger:#f47c65;--text-dark:#041217;--shadow:0 28px 80px #00000057;background:radial-gradient(circle at 0 0,#0ca5a538,#0000 28%),radial-gradient(circle at 100% 0,#ed89362e,#0000 24%),linear-gradient(#071116 0%,#0c1820 52%,#101f28 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#eef4f5;background:#19323c;border:0;border-radius:999px;padding:.85rem 1.15rem;transition:transform .14s,opacity .14s,background .14s,border-color .14s}button:hover:not(:disabled){background:#21424f;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}button.accent{background:var(--accent-strong);color:#281600}button.ghost{border:1px solid var(--panel-border);background:0 0}button.compact{padding:.72rem .95rem}input,textarea,select{border:1px solid var(--panel-border);width:100%;color:inherit;background:#ffffff0a;border-radius:14px;padding:.95rem 1rem}textarea{resize:vertical;min-height:118px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:#edf3f5;background:#112028}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #8ee4d173}code,pre{font-family:IBM Plex Mono,SFMono-Regular,monospace}h1,h2,h3,p{margin:0}#app{width:min(1320px,100% - 1.5rem);margin:0 auto;padding:1rem 0 1.5rem}.studio-shell{gap:1rem;display:grid}.studio-header,.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px}.studio-header{justify-content:space-between;align-items:start;gap:1rem;min-width:0;padding:1.2rem 1.3rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:.65rem;font-size:.76rem}h1{max-width:14ch;font-size:clamp(1.5rem,2.2vw,2.4rem);line-height:1}.header-status{gap:.65rem;min-width:0;max-width:min(30rem,100%);display:grid}.status-stack{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.status-detail{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem}.session-banner{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:20px;padding:.95rem 1.2rem}.session-banner[data-state=error]{color:#ffd0c7;background:#f47c651f;border-color:#f47c6547}.session-banner[data-state=warning]{color:#ffd48b;background:#f5a6231f;border-color:#f5a6234d}.studio-grid{grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(270px,340px);align-items:start;gap:.85rem;min-width:0;display:grid}.studio-column,.monitor-panel,.diagnostics-panel{min-width:0;padding:1rem}.studio-column{gap:.85rem;min-width:0;display:grid}.section-header,.block-header{gap:.25rem;display:grid}.section-header p,.block-header p,.subtle,.field small,.toggle-field small,.empty-state{color:var(--muted);font-size:.9rem}.field{gap:.45rem;display:grid}.field span{color:var(--muted);font-size:.9rem}.field-label{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.help-mode .field-label,.help-mode .collapsible-copy>.field-label{color:#dff8f1}.tooltip-wrap{align-items:center;display:inline-flex;position:relative}.tooltip-trigger{width:1.15rem;min-width:1.15rem;height:1.15rem;color:var(--accent);background:#ffffff0a;border:1px solid #9cc6c033;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.tooltip-trigger:hover:not(:disabled),.tooltip-trigger:focus-visible{background:#ffffff14;transform:none}.tooltip-bubble{z-index:20;border:1px solid var(--panel-border-strong);color:#e7f0f2;white-space:normal;opacity:0;pointer-events:none;background:#030a0ff5;border-radius:12px;width:min(18rem,70vw);padding:.65rem .75rem;font-size:.82rem;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%,.2rem);box-shadow:0 16px 36px #00000059}.tooltip-wrap:hover .tooltip-bubble,.tooltip-wrap:focus-within .tooltip-bubble{opacity:1;transform:translate(-50%)}.help-mode .tooltip-trigger{color:#ffd48b;background:#f5a62324;border-color:#f5a62359}.help-mode .tooltip-bubble{opacity:1;pointer-events:auto;transform:translate(-50%)}.field-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem;min-width:0;display:grid}.field-row.double{grid-template-columns:repeat(2,minmax(0,1fr))}.field.grow,.section-header,.block-header,.meta-header,.output-header,.mini-header,.monitor-stack,.remote-panel,.input-panel,.control-block,.meta-card{min-width:0}.meta-card,.control-block,.remote-panel,.input-panel{border:1px solid var(--panel-border);background:var(--panel-soft);border-radius:20px;padding:1rem}.mode-toggle-row{gap:.65rem;margin-top:.9rem;display:flex}.active-mode-toggle{color:#cbf8ef;background:#8ee4d11f!important;border-color:#8ee4d14d!important}.preset-grid{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.preset-chip{color:#edf3f5;background:#ffffff0b;border:1px solid #9cc6c024;border-radius:999px;padding:.55rem .85rem}.preset-chip:hover:not(:disabled){background:#ffffff14}.active-preset{color:#ffd48b;background:#f5a62329;border-color:#f5a62359}.meta-header,.output-header,.mini-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.85rem;display:grid}.meta-item{background:#ffffff08;border:1px solid #9cc6c014;border-radius:14px;padding:.8rem .9rem}.meta-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.72rem;display:block}.meta-item strong{overflow-wrap:anywhere;font-size:.96rem}.inline-status-banner{color:#dce9ec;overflow-wrap:anywhere;background:#ffffff08;border:1px solid #9cc6c01f;border-radius:14px;margin-top:.85rem;padding:.8rem .9rem;font-size:.88rem;line-height:1.45}.inline-status-banner strong{color:#f4fafb}.inline-status-banner[data-state=warning]{color:#ffd48b;background:#f5a6231f;border-color:#f5a62347}.inline-status-banner[data-state=success]{color:#c8f6ec;background:#8ee4d11a;border-color:#8ee4d13d}.control-grid{gap:.8rem;margin-top:.85rem;display:grid}.looks-block{margin-bottom:.9rem}.look-actions{margin-top:.9rem}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.75rem;display:grid}.look-card{text-align:left;background:#ffffff09;border:1px solid #9cc6c01f;border-radius:18px;min-width:0;padding:.75rem .85rem}.look-card strong{margin-bottom:.2rem;font-size:.9rem;display:block}.look-card span{color:var(--muted);font-size:.78rem;line-height:1.35;display:block}.look-recommendation{text-transform:uppercase;letter-spacing:.06em;color:#cfdcde;overflow-wrap:anywhere;margin-top:.55rem;font-size:.74rem;font-style:normal;display:inline-block}.look-recommendation[data-state=matched]{color:#bcefe3}.look-recommendation[data-state=recommended]{color:#ffd48b}.active-look-card{color:#fff2d3;background:radial-gradient(circle at 100% 0,#f5a6232e,#0000 40%),#ffffff0d;border-color:#f5a62359}.range-stack{gap:.5rem;display:grid}.range-meta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.range-meta strong{color:#f2f7f8;font-size:.95rem}input[type=range]{accent-color:var(--accent-strong);background:0 0;border:0;padding:0}.toggle-field{background:#ffffff08;border:1px solid #9cc6c014;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem .85rem;display:flex}.toggle-field span{gap:.2rem;min-width:0;display:grid}.toggle-field strong{font-size:.95rem}.toggle-field input{width:1.2rem;height:1.2rem;accent-color:var(--accent-strong)}.action-cluster{flex-wrap:wrap;gap:.75rem;display:flex}.action-cluster.tight{justify-content:flex-end}.studio-stage{gap:.85rem;min-width:0;display:grid}.collapsible-header{justify-content:space-between;align-items:start;gap:.85rem;display:flex}.collapsible-toggle{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:start;gap:1rem;padding:0;display:flex}.collapsible-toggle:hover:not(:disabled){background:0 0;transform:none}.collapsible-copy{gap:.25rem;min-width:0;display:grid}.collapsible-copy strong{font-size:1.02rem;font-weight:600}.collapsible-copy small{color:var(--muted);font-size:.9rem}.collapsible-chevron{border:1px solid var(--panel-border);width:1.8rem;min-width:1.8rem;height:1.8rem;color:var(--accent);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.collapsible-actions{flex-wrap:wrap;align-items:start;gap:.6rem;display:flex}.collapsible-body{margin-top:.9rem}.monitor-stack{gap:.9rem;margin-top:1rem;display:grid}.remote-panel{background:radial-gradient(circle at top,#8ee4d114,#0000 24%),linear-gradient(#ffffff05,#0000001a);padding:1rem}.hidden{display:none!important}.status-pill{color:var(--accent);text-transform:lowercase;white-space:nowrap;background:#8ee4d11f;border-radius:999px;padding:.42rem .8rem;font-size:.83rem}.status-pill[data-state=loaded],.status-pill[data-state=downloaded]{color:#c4f4e9;background:#8ee4d12e}.status-pill[data-state=loading],.status-pill[data-state=downloading]{color:#ffd184;background:#f5a62329}.status-pill[data-state=error]{color:#ffcec4;background:#f47c6529}.status-pill[data-state=not\ loaded],.status-pill[data-state=unknown],.status-pill[data-state=other\ loaded],.status-pill[data-state=missing]{color:#d8e5e9;background:#ffffff14}.diagnostics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.diagnostics-panel{gap:.25rem;display:grid}.diagnostics-panel .collapsible-body{gap:.9rem;max-height:min(42vh,26rem);padding-right:.25rem;display:grid;overflow-y:auto}.diagnostics-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;max-height:18rem;margin:0;overflow:auto}.diagnostics-panel details{min-width:0}.diagnostics-panel summary{cursor:pointer;color:var(--muted)}.diagnostic{background:#ffffff0a;border:1px solid #9cc6c014;border-radius:14px;padding:.8rem .9rem}.diagnostic span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.72rem;display:block}.diagnostic strong{overflow-wrap:anywhere;font-size:.95rem;font-weight:600;display:block}#video,#local-video{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%;display:block}#video{background:radial-gradient(circle at 50% 30%,#f5a62333,#0000 22%),linear-gradient(#071117 0%,#020609 100%)}#local-video{background:radial-gradient(circle at 50% 30%,#8ee4d12e,#0000 22%),linear-gradient(#071117 0%,#020609 100%)}#output{background:var(--panel-strong);color:#d8e5e9;white-space:pre-wrap;word-break:break-word;border:1px solid #9cc6c014;border-radius:18px;min-height:220px;max-height:420px;margin:1rem 0 0;padding:1rem;overflow:auto}@media (width<=1220px){.studio-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.studio-stage{grid-column:span 1}.studio-grid>:last-child{grid-column:1/-1}}@media (width<=860px){#app{width:min(100%,100% - 1rem);padding-top:1rem}.studio-header,.panel{border-radius:22px}.studio-header{grid-template-columns:1fr;display:grid}.header-status{min-width:0}.studio-grid,.field-row,.field-row.double,.diagnostics,.meta-grid{grid-template-columns:1fr}.action-cluster,.action-cluster.tight,.collapsible-actions{flex-direction:column;justify-content:stretch}button{width:100%}}