:root{--void: #020505;--black: #050a0a;--panel: #071111;--panel-2: #0a1718;--panel-3: #0d2021;--line: #1e4548;--line-soft: rgba(75, 214, 224, .2);--cyan: #6ee7f2;--cyan-rgb: 110 231 242;--cyan-bright-rgb: 154 249 255;--cyan-soft: rgb(var(--cyan-rgb) / .18);--lime: #a8ff3e;--lime-rgb: 168 255 62;--lime-soft: rgb(var(--lime-rgb) / .18);--red: #ff5f56;--red-rgb: 255 95 86;--amber: #f2c86b;--text: #dff8f7;--text-bright: #f4ffff;--muted: #7ea9ad;--dim: #45686c;--bevel-high: rgba(161, 250, 255, .22);--bevel-low: rgba(0, 0, 0, .78);--edge-strong: #2a6e74;--edge-rgb: 58 135 142;--groove: #020707;--surface-dark: #040808;--app-bg-a: #030606;--app-bg-b: #081111;--app-bg-c: #030506;--logo-dark: #05222a;--logo-mid: #2b454e;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #d9fbfb;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Roboto Mono", "Cascadia Code", ui-monospace, monospace;color:var(--text);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility}.sanaApp[data-theme=phosphor-depths]{--void: #020505;--black: #050a0a;--panel: #071111;--panel-2: #0a1718;--panel-3: #0d2021;--line: #1e4548;--cyan: #6ee7f2;--cyan-rgb: 110 231 242;--cyan-bright-rgb: 154 249 255;--lime: #a8ff3e;--lime-rgb: 168 255 62;--red: #ff5f56;--red-rgb: 255 95 86;--amber: #f2c86b;--text: #dff8f7;--text-bright: #f4ffff;--muted: #7ea9ad;--dim: #45686c;--edge-strong: #2a6e74;--edge-rgb: 58 135 142;--surface-dark: #040808;--app-bg-a: #030606;--app-bg-b: #081111;--app-bg-c: #030506;--logo-dark: #05222a;--logo-mid: #2b454e;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #d9fbfb}.sanaApp[data-theme=signal-magenta]{--void: #05040d;--black: #070712;--panel: #0a0b18;--panel-2: #0d1424;--panel-3: #121d31;--line: #203b58;--cyan: #39c7ff;--cyan-rgb: 57 199 255;--cyan-bright-rgb: 128 226 255;--lime: #ff4fd8;--lime-rgb: 255 79 216;--red: #ff6b8d;--red-rgb: 255 107 141;--amber: #f7b35a;--text: #ecdefc;--text-bright: #fff6ff;--muted: #8ea9c3;--dim: #526277;--edge-strong: #245070;--edge-rgb: 36 80 112;--surface-dark: #050712;--app-bg-a: #05040d;--app-bg-b: #0b1020;--app-bg-c: #03040b;--logo-dark: #170926;--logo-mid: #3b214f;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #f6dfff}.sanaApp[data-theme=amber-glass]{--void: #070604;--black: #0b0906;--panel: #12100a;--panel-2: #171209;--panel-3: #221a0f;--line: #4b351c;--cyan: #d09a45;--cyan-rgb: 208 154 69;--cyan-bright-rgb: 255 210 124;--lime: #ffb02e;--lime-rgb: 255 176 46;--red: #ff745e;--red-rgb: 255 116 94;--amber: #ffcc6b;--text: #f5ead4;--text-bright: #fff7e6;--muted: #b19c78;--dim: #6f624c;--edge-strong: #73522a;--edge-rgb: 115 82 42;--surface-dark: #080704;--app-bg-a: #070604;--app-bg-b: #141007;--app-bg-c: #050403;--logo-dark: #251807;--logo-mid: #5a3b17;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #ffe8bd}.sanaApp[data-theme=icefall]{--void: #020710;--black: #030913;--panel: #061120;--panel-2: #07182a;--panel-3: #0a2238;--line: #173d5c;--cyan: #4bc8ff;--cyan-rgb: 75 200 255;--cyan-bright-rgb: 157 232 255;--lime: #4aa8ff;--lime-rgb: 74 168 255;--red: #ff7a1a;--red-rgb: 255 122 26;--amber: #ff9a36;--text: #e8f7ff;--text-bright: #f8fdff;--muted: #8cafc3;--dim: #526f82;--edge-strong: #1f5b7d;--edge-rgb: 31 91 125;--surface-dark: #030912;--app-bg-a: #020710;--app-bg-b: #081527;--app-bg-c: #02050c;--logo-dark: #07152a;--logo-mid: #12395b;--logo-primary: var(--cyan);--logo-accent: var(--red);--logo-text: #dff5ff}*{box-sizing:border-box}body{background:var(--void);margin:0}body.resizingControlPanel{cursor:col-resize;-webkit-user-select:none;user-select:none}button,input,textarea,select,a{font:inherit}button,a{align-items:center;background:linear-gradient(180deg,var(--panel-3) 0,var(--panel-2) 48%,var(--black) 49%),linear-gradient(90deg,rgb(var(--cyan-rgb) / .12),transparent 68%),var(--panel-2);border:1px solid var(--edge-strong);border-radius:0;box-shadow:inset 2px 2px 0 var(--bevel-high),inset -2px -2px 0 var(--bevel-low),2px 2px #00000094,0 0 0 1px #0000008c;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:10px;font-weight:700;gap:7px;justify-content:center;letter-spacing:.12em;min-height:32px;padding:0 10px;text-decoration:none;text-transform:uppercase}button:hover:not(:disabled),a:hover{background:linear-gradient(180deg,var(--edge-strong) 0,var(--panel-3) 48%,var(--black) 49%),linear-gradient(90deg,rgb(var(--cyan-rgb) / .18),transparent 72%),var(--panel-3);border-color:var(--cyan);color:var(--text-bright)}button:active:not(:disabled),a:active{box-shadow:inset 2px 2px #000000ad,inset -1px -1px rgb(var(--cyan-bright-rgb) / .12);transform:translate(1px,1px)}button:disabled{color:var(--dim);cursor:not-allowed;opacity:.65}input,textarea,select{background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(rgb(var(--cyan-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),var(--surface-dark);background-size:auto,12px 12px,12px 12px,auto;border:1px solid var(--edge-strong);border-radius:0;box-shadow:inset 3px 3px #000000c7,inset -2px -2px rgb(var(--cyan-rgb) / .1),1px 1px rgb(var(--cyan-rgb) / .08);color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:inset 2px 2px #000000b8,0 0 0 1px rgb(var(--cyan-rgb) / .35)}.sanaApp{background:radial-gradient(circle at 74% 38%,rgb(var(--cyan-rgb) / .09),transparent 28%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(rgb(var(--cyan-rgb) / .034) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .026) 1px,transparent 1px),linear-gradient(135deg,var(--app-bg-a),var(--app-bg-b) 46%,var(--app-bg-c));background-size:auto,auto,12px 12px,12px 12px,auto;color:var(--text);display:grid;grid-template-areas:"header header header" "controls resize stage";grid-template-columns:var(--control-panel-width, 348px) 12px minmax(0,1fr);grid-template-rows:62px minmax(0,1fr);height:100vh;min-width:0;overflow:hidden;position:relative}.sanaApp:before{background:linear-gradient(90deg,transparent,rgb(var(--cyan-rgb) / .08),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);content:"";top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;position:absolute;z-index:0}.labHeader,.controlPanel,.panelResizeHandle,.stage{position:relative;z-index:1}.labHeader{align-items:stretch;border-bottom:1px solid rgb(var(--cyan-rgb) / .26);display:grid;gap:8px;grid-area:header;grid-template-columns:360px minmax(220px,1fr);min-width:0;padding:2px 14px;z-index:4}.labBrand{align-items:center;display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.brandLogo{align-items:center;display:flex;filter:drop-shadow(0 0 10px rgb(var(--cyan-rgb) / .22));gap:12px;height:58px;max-width:100%;min-width:0;width:360px}.brandMark{color:var(--logo-primary);flex:0 0 auto;height:50px;overflow:visible;width:50px}.brandFacet{stroke:var(--logo-primary);stroke-linejoin:bevel;stroke-width:1.4}.brandFacetTop{fill:color-mix(in srgb,var(--logo-primary) 62%,var(--text-bright) 14%)}.brandFacetLeft{fill:var(--logo-mid)}.brandFacetRight{fill:var(--logo-dark)}.brandWire,.brandInnerWire{fill:none;stroke:var(--logo-primary);stroke-linecap:square;stroke-linejoin:bevel}.brandWire{filter:drop-shadow(0 0 8px rgb(var(--cyan-rgb) / .42));stroke-width:1.7}.brandInnerWire{opacity:.78;stroke-width:1}.brandFragments rect{fill:var(--logo-accent);filter:drop-shadow(0 0 6px rgb(var(--lime-rgb) / .62))}.brandCopy{display:grid;gap:2px;min-width:0}.labBrand h1{color:var(--logo-text);font-family:var(--font-mono);font-size:clamp(17px,1.85vw,23px);letter-spacing:.08em;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.brandSubtitle{color:var(--logo-accent);filter:drop-shadow(0 0 7px rgb(var(--lime-rgb) / .58));font-family:var(--font-mono);font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1;text-transform:none}.headerStatus span,.panelBlock h2,.field>span,.previewPane>span{color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.headerStatus{align-items:center;background:transparent;border:0;box-shadow:none;display:flex;gap:12px;justify-content:flex-end;min-width:0;padding:0;position:relative}.socialLinks{display:inline-flex;gap:6px}.iconLink{color:var(--cyan);min-height:32px;padding:0;width:34px}.xIconLink{color:var(--lime)}.xLogo{display:block;height:13px;width:13px}.themeShell{display:inline-flex;position:relative}.themeTrigger{color:var(--cyan);min-height:32px}.themeTrigger.active{border-color:var(--lime);color:var(--lime)}.themePopover{background:linear-gradient(90deg,rgb(var(--lime-rgb) / .08),transparent 38%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(rgb(var(--cyan-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),color-mix(in srgb,var(--surface-dark) 96%,transparent);background-size:auto,auto,12px 12px,12px 12px,auto;border:2px solid var(--edge-strong);box-shadow:inset 2px 2px 0 var(--bevel-high),inset -3px -3px 0 var(--bevel-low),4px 4px #0000008c,0 18px 40px #0000007a;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));display:grid;gap:9px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);width:min(286px,calc(100vw - 28px));z-index:5}.themePopover h2{color:var(--lime);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}.themeOptions{display:grid;gap:6px}.themeOptions button{justify-content:flex-start;min-height:34px}.themeOptions button.active{border-color:var(--lime);color:var(--lime)}.themeSwatches{display:inline-grid;gap:2px;grid-template-columns:repeat(4,9px)}.themeSwatches span{border:1px solid rgb(var(--cyan-rgb) / .24);height:13px;width:9px}.themePopover p{color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.tutorialShell{display:inline-flex;position:relative}.tutorialTab{color:var(--cyan);min-height:32px}.tutorialTab.active{border-color:var(--lime);color:var(--lime)}.keyTrigger{color:var(--cyan);min-height:32px}.headerStatus.disconnected .keyTrigger,.headerStatus.error .keyTrigger{color:var(--red)}.headerStatus.ready .keyTrigger,.headerStatus .keyTrigger.keyReady{color:var(--lime)}.headerStatus .keyTrigger.keyMissing{color:var(--red)}.tutorialPopover{background:linear-gradient(90deg,rgb(var(--lime-rgb) / .08),transparent 38%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(rgb(var(--cyan-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),var(--surface-dark);background-size:auto,auto,12px 12px,12px 12px,auto;border:2px solid var(--edge-strong);box-shadow:inset 2px 2px 0 var(--bevel-high),inset -3px -3px 0 var(--bevel-low),4px 4px #0000008c,0 18px 40px #0000007a;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));display:grid;gap:9px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);width:min(390px,calc(100vw - 28px));z-index:5}.tutorialPopover h2{color:var(--lime);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}.tutorialPopover ol{color:var(--text);display:grid;font-family:var(--font-mono);font-size:11px;gap:5px;line-height:1.35;margin:0;padding-left:18px}.tutorialPopover p{color:var(--muted);font-family:var(--font-mono);font-size:10px;line-height:1.35;margin:0}.tutorialPopover a{color:var(--lime);justify-self:start}.keyPopover{background:linear-gradient(90deg,rgb(var(--cyan-rgb) / .1),transparent 38%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(rgb(var(--cyan-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),var(--surface-dark);background-size:auto,auto,12px 12px,12px 12px,auto;border:2px solid var(--edge-strong);box-shadow:inset 2px 2px 0 var(--bevel-high),inset -3px -3px 0 var(--bevel-low),4px 4px #0000008c,0 18px 40px #0000007a;display:grid;gap:8px;padding:10px;position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 28px));z-index:5}.controlPanel{background:linear-gradient(90deg,rgb(var(--cyan-rgb) / .1),transparent 28%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .026) 1px,transparent 1px),var(--panel);background-size:auto,auto,12px 12px,12px 12px,auto;border:2px solid rgb(var(--edge-rgb) / .7);box-shadow:inset 2px 2px rgb(var(--cyan-bright-rgb) / .14),inset -4px -4px #00000094,4px 4px #0000006b;display:flex;flex-direction:column;gap:10px;grid-area:controls;margin:6px 0 6px 14px;min-height:0;overflow:hidden;padding:10px 12px}.panelResizeHandle{align-self:stretch;background:transparent;border:0;box-shadow:none;cursor:col-resize;display:block;grid-area:resize;justify-self:stretch;margin:6px 0;min-height:0;min-width:12px;padding:0;width:12px;z-index:3}button.panelResizeHandle:hover,button.panelResizeHandle:focus-visible{background:rgb(var(--cyan-rgb) / .06);border:0;box-shadow:none;outline:none}button.panelResizeHandle:active:not(:disabled){box-shadow:none;transform:none}.panelResizeHandle span{background:repeating-linear-gradient(0deg,var(--lime) 0 5px,transparent 5px 10px),linear-gradient(180deg,rgb(var(--cyan-rgb) / .12),rgb(var(--cyan-rgb) / .02));border-left:1px solid rgb(var(--cyan-rgb) / .58);border-right:1px solid rgb(var(--cyan-rgb) / .24);box-shadow:0 0 10px rgb(var(--cyan-rgb) / .22),2px 0 #00000073;display:block;height:min(188px,calc(100% - 52px));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.panelResizeHandle:before,.panelResizeHandle:after{background:rgb(var(--cyan-rgb) / .48);content:"";height:34px;left:50%;position:absolute;transform:translate(-50%);width:1px}.panelResizeHandle:before{top:14px}.panelResizeHandle:after{bottom:14px}.panelBlock{display:grid;gap:4px;min-width:0;position:relative}.panelBlock h2{color:var(--muted);margin:0}.blockTitleRow{align-items:start;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;position:relative}.helpTrigger{color:var(--lime);font-size:9px;min-height:24px;padding:0 8px}.helpPopover{background:linear-gradient(90deg,rgb(var(--cyan-rgb) / .12),transparent 42%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),linear-gradient(rgb(var(--cyan-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),var(--surface-dark);background-size:auto,auto,12px 12px,12px 12px,auto;border:2px solid var(--edge-strong);box-shadow:inset 2px 2px rgb(var(--cyan-bright-rgb) / .14),inset -3px -3px #000000b8,4px 4px #00000094,0 18px 40px #00000085;color:var(--text);display:grid;font-family:var(--font-mono);font-size:10px;gap:8px;grid-column:1 / -1;line-height:1.45;padding:10px;position:absolute;right:0;top:calc(100% + 7px);width:min(318px,calc(100vw - 44px));z-index:8}.helpPopover strong{color:var(--lime);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.helpPopover p{margin:0}.panelBlock:before{background:var(--cyan);box-shadow:0 0 10px rgb(var(--cyan-rgb) / .65);content:"";height:9px;left:-6px;position:absolute;top:1px;width:2px}.styleBlock,.settingsBlock{background:linear-gradient(180deg,var(--panel-2),var(--panel)),repeating-linear-gradient(90deg,rgb(var(--cyan-rgb) / .02) 0 1px,transparent 1px 18px);border-left:1px solid rgb(var(--cyan-rgb) / .18);border-top:1px solid rgb(var(--cyan-rgb) / .16);box-shadow:inset 2px 0 rgb(var(--cyan-rgb) / .05),inset -2px -2px #00000059;padding:8px}.field{display:grid;gap:4px;min-width:0}.field input{height:32px;min-width:0;padding:0 10px;width:100%}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,var(--panel-3) 0,var(--panel-2) 48%,var(--black) 49%),linear-gradient(rgb(var(--cyan-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .03) 1px,transparent 1px),var(--surface-dark);background-size:auto,12px 12px,12px 12px,auto;color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:800;height:34px;letter-spacing:.08em;min-width:0;padding:0 30px 0 10px;text-transform:uppercase;width:100%}.field textarea{display:block;font-family:var(--font-mono);font-size:11px;line-height:1.35;max-height:116px;min-height:66px;padding:8px 10px 17px;resize:vertical;width:100%}.keyInputWrap{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 34px}.iconButton{min-height:32px;padding:0;width:32px}.keyActions,.row{display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.row{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid,.compactActions{display:grid;gap:5px}.styleBlock{display:flex;flex-direction:column;flex:1;gap:4px;min-height:0}.promptField{flex:1;grid-template-rows:auto minmax(0,1fr)}.promptField textarea{height:auto;max-height:none;min-height:0;resize:vertical}.promptLibrary{background:linear-gradient(180deg,var(--panel-2),var(--panel)),repeating-linear-gradient(90deg,rgb(var(--cyan-rgb) / .025) 0 1px,transparent 1px 16px);border:1px solid rgb(var(--edge-rgb) / .52);box-shadow:inset 2px 2px rgb(var(--cyan-bright-rgb) / .08),inset -2px -2px #00000080;display:grid;gap:5px;padding:7px}.libraryTopline{align-items:center;display:flex;justify-content:space-between}.libraryTopline span{color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.libraryTopline span:last-child{color:var(--lime)}.promptLibrary input,.promptLibrary select{font-family:var(--font-mono);font-size:10px;font-weight:800;height:30px;letter-spacing:.08em;min-width:0;padding:0 8px;text-transform:uppercase;width:100%}.libraryField{gap:3px}.promptLibrary input{font-size:11px;letter-spacing:.04em;text-transform:none}.libraryActions{display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.libraryActions button{font-size:9px;min-height:28px;padding:0 6px}.libraryActions .savePromptButton{grid-column:1 / -1}.promptActions{align-items:center;display:flex;justify-content:flex-start;min-height:20px}.promptActions span{color:var(--lime);font-family:var(--font-mono);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.settingsBlock{border-top:1px solid rgb(var(--cyan-rgb) / .18);padding-top:9px}.sliderStack{display:grid;gap:8px}.seedInputField,.sliderField{background:linear-gradient(180deg,var(--panel-2),var(--panel)),repeating-linear-gradient(90deg,rgb(var(--cyan-rgb) / .026) 0 1px,transparent 1px 12px);border:1px solid rgb(var(--edge-rgb) / .62);box-shadow:inset 2px 2px rgb(var(--cyan-bright-rgb) / .1),inset -2px -2px #00000094;display:grid;gap:6px;padding:7px}.seedInputField>span,.sliderField>span,.anchorNumberField>span{align-items:center;color:var(--muted);display:flex;font-family:var(--font-mono);font-size:9px;font-weight:800;justify-content:space-between;letter-spacing:.12em;text-transform:uppercase}.anchorNumberField{display:grid;gap:6px}.anchorNumberField>span{justify-content:center;text-align:center}.seedInputField input{color:var(--text);font-family:var(--font-mono);font-size:18px;font-weight:800;height:38px;letter-spacing:0;padding:0 10px}.anchorNumberField input{color:var(--text);font-family:var(--font-mono);font-size:18px;font-weight:800;height:36px;letter-spacing:0;padding:0 10px;text-align:center}.sliderField output{color:var(--text);font-size:17px;letter-spacing:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;height:22px;padding:0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(180deg,var(--panel-3),var(--black));border:1px solid rgb(var(--cyan-rgb) / .6);box-shadow:inset 2px 2px #0000008c,inset -1px -1px rgb(var(--cyan-bright-rgb) / .12);height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lime);border:1px solid var(--text-bright);box-shadow:0 0 10px rgb(var(--lime-rgb) / .58),2px 2px #000000b3;height:22px;margin-top:-6px;width:18px}input[type=range]::-moz-range-track{background:linear-gradient(180deg,var(--panel-3),var(--black));border:1px solid rgb(var(--cyan-rgb) / .6);height:12px}input[type=range]::-moz-range-thumb{background:var(--lime);border:1px solid var(--text-bright);border-radius:0;box-shadow:0 0 10px rgb(var(--lime-rgb) / .58);height:22px;width:18px}.compactActions{grid-template-columns:repeat(2,minmax(0,1fr))}.error{background:rgb(var(--red-rgb) / .12);border:1px solid rgb(var(--red-rgb) / .58);color:var(--red);font-family:var(--font-mono);font-size:11px;line-height:1.35;padding:7px 8px}.stage{display:grid;gap:10px;grid-area:stage;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0;min-width:0;padding:6px 14px 6px 10px}.previewPane{background:radial-gradient(circle at 50% 50%,rgb(var(--cyan-rgb) / .045),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px),linear-gradient(rgb(var(--cyan-rgb) / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--cyan-rgb) / .023) 1px,transparent 1px),linear-gradient(135deg,var(--black) 0,var(--surface-dark) 48%,var(--black) 100%);background-size:auto,auto,16px 16px,16px 16px,auto;border:2px solid rgb(var(--edge-rgb) / .78);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:inset 2px 2px rgb(var(--cyan-bright-rgb) / .16),inset -4px -4px #000000b8,5px 5px #00000075,0 0 24px #00000057;display:grid;grid-template-rows:42px minmax(0,1fr);min-height:0;overflow:hidden;position:relative}.previewPane:before{background:linear-gradient(135deg,transparent 0 10px,rgb(var(--cyan-rgb) / .9) 10px 12px,transparent 12px) top right / 34px 34px no-repeat,linear-gradient(315deg,transparent 0 10px,rgb(var(--cyan-rgb) / .76) 10px 12px,transparent 12px) bottom left / 34px 34px no-repeat,linear-gradient(90deg,transparent,rgb(var(--cyan-rgb) / .5) 18%,rgb(var(--cyan-rgb) / .12) 18% 52%,transparent 52%) top 7px right 70px / 170px 2px no-repeat,repeating-linear-gradient(90deg,rgb(var(--cyan-rgb) / .44) 0 7px,transparent 7px 13px) top 13px right 22px / 70px 4px no-repeat,repeating-linear-gradient(90deg,rgb(var(--cyan-rgb) / .38) 0 8px,transparent 8px 14px) bottom 7px right 52px / 104px 4px no-repeat,linear-gradient(90deg,rgb(var(--cyan-rgb) / .48),transparent) bottom 7px left 44px / 150px 2px no-repeat;content:"";top:0;right:0;bottom:0;left:0;opacity:.75;pointer-events:none;position:absolute;z-index:3}.previewPane:after{border:1px solid rgb(var(--cyan-rgb) / .2);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 0);content:"";top:52px;right:14px;bottom:10px;left:14px;pointer-events:none;position:absolute;z-index:2}.previewPane>span{align-items:center;background:linear-gradient(180deg,var(--panel-3) 0,var(--panel-2) 48%,var(--black) 49%),linear-gradient(90deg,rgb(var(--cyan-rgb) / .16),var(--panel) 58%),var(--panel);border-bottom:2px solid rgb(var(--edge-rgb) / .72);box-shadow:inset 2px 2px rgb(var(--cyan-bright-rgb) / .12),inset -2px -2px #00000085;color:var(--text);display:flex;gap:10px;justify-content:space-between;position:relative;padding:0 10px 0 20px;z-index:4}.previewPane>span>span:first-child{align-items:center;display:inline-flex;gap:10px}.previewPane em{background:color-mix(in srgb,var(--black) 88%,transparent);border:2px solid currentColor;color:var(--cyan);font-family:var(--font-mono);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em;padding:2px 7px;box-shadow:inset 1px 1px #ffffff1f,2px 2px #0000006b;text-transform:uppercase}.outputPreview em,.outputPreview .empty span{color:var(--lime)}.previewTools{display:inline-flex;gap:6px}.previewTools button,.previewPane>span button{min-height:32px;padding:0;width:34px}.previewPane video{height:100%;min-height:0;object-fit:contain;position:relative;width:100%;z-index:1}.outputPreview{min-width:0;resize:both}.empty{align-items:center;color:var(--cyan);display:grid;font-family:var(--font-mono);gap:14px;top:42px;right:20px;bottom:20px;left:20px;justify-items:center;letter-spacing:.14em;position:absolute;text-transform:uppercase;z-index:1}.empty svg{filter:drop-shadow(0 0 10px currentColor)}.paneAction{color:var(--lime);min-height:42px;padding:0 18px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.sanaApp{grid-template-columns:var(--control-panel-width, 332px) 12px minmax(0,1fr)}.labHeader{grid-template-columns:348px minmax(0,1fr)}.labBrand h1{font-size:17px}.brandSubtitle{font-size:8px}.brandLogo{height:56px;width:348px}}@media(max-width:860px){.sanaApp{grid-template-areas:"header" "controls" "stage";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(620px,auto);height:auto;min-height:100vh;overflow:visible}.labHeader{grid-template-columns:1fr}.headerStatus{flex-wrap:wrap}.panelResizeHandle{display:none}.controlPanel{margin:8px 14px;min-height:auto;overflow:visible}.stage{min-height:620px}}@media(max-width:560px){.keyActions,.row,.compactActions{grid-template-columns:1fr}.stage{grid-template-rows:minmax(260px,1fr) minmax(260px,1fr);padding:12px}button,a{width:100%}.iconButton{width:42px}}