: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}.sanaApp[data-theme=ultraviolet]{--void: #070512;--black: #080711;--panel: #100d1f;--panel-2: #17122b;--panel-3: #24194a;--line: #36285f;--cyan: #9b7cff;--cyan-rgb: 155 124 255;--cyan-bright-rgb: 205 190 255;--lime: #43f3d2;--lime-rgb: 67 243 210;--red: #ff5f9a;--red-rgb: 255 95 154;--amber: #ffc760;--text: #f0eaff;--text-bright: #fffaff;--muted: #aa99c8;--dim: #665c80;--edge-strong: #4e3a91;--edge-rgb: 78 58 145;--surface-dark: #090714;--app-bg-a: #070512;--app-bg-b: #130e25;--app-bg-c: #04030a;--logo-dark: #160e2f;--logo-mid: #403274;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #efe8ff}.sanaApp[data-theme=redline]{--void: #080505;--black: #0c0606;--panel: #150a0a;--panel-2: #201010;--panel-3: #341615;--line: #4c2420;--cyan: #ff4f45;--cyan-rgb: 255 79 69;--cyan-bright-rgb: 255 160 150;--lime: #ffd15a;--lime-rgb: 255 209 90;--red: #ff6f61;--red-rgb: 255 111 97;--amber: #ffd15a;--text: #ffe9e4;--text-bright: #fff7f2;--muted: #bc8d86;--dim: #75524f;--edge-strong: #70302c;--edge-rgb: 112 48 44;--surface-dark: #0d0606;--app-bg-a: #080505;--app-bg-b: #190b0a;--app-bg-c: #050303;--logo-dark: #2b0f0d;--logo-mid: #6a2923;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #ffe5dc}.sanaApp[data-theme=solar-forge]{--void: #080604;--black: #0d0805;--panel: #160f09;--panel-2: #21150b;--panel-3: #342010;--line: #563420;--cyan: #ff7a35;--cyan-rgb: 255 122 53;--cyan-bright-rgb: 255 190 120;--lime: #f7d65c;--lime-rgb: 247 214 92;--red: #ff4f45;--red-rgb: 255 79 69;--amber: #f7d65c;--text: #ffefd7;--text-bright: #fff8ec;--muted: #c49a72;--dim: #7b6048;--edge-strong: #72412d;--edge-rgb: 114 65 45;--surface-dark: #0d0804;--app-bg-a: #080604;--app-bg-b: #1a1008;--app-bg-c: #050302;--logo-dark: #2a1407;--logo-mid: #6c3a1d;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #ffe6bf}.sanaApp[data-theme=monokai]{--void: #171811;--black: #1d1e19;--panel: #24251f;--panel-2: #2b2c25;--panel-3: #37382f;--line: #49483e;--cyan: #66d9ef;--cyan-rgb: 102 217 239;--cyan-bright-rgb: 178 242 252;--lime: #a6e22e;--lime-rgb: 166 226 46;--red: #f92672;--red-rgb: 249 38 114;--amber: #fd971f;--text: #f8f8f2;--text-bright: #ffffff;--muted: #cfcfc2;--dim: #8f908a;--edge-strong: #75715e;--edge-rgb: 117 113 94;--surface-dark: #1f201a;--app-bg-a: #171811;--app-bg-b: #272822;--app-bg-c: #10110d;--logo-dark: #2f3028;--logo-mid: #49483e;--logo-primary: var(--red);--logo-accent: var(--lime);--logo-text: #f8f8f2}.sanaApp[data-theme=paper-terminal]{--void: #f4f0df;--black: #e4dcc5;--panel: #eee7d4;--panel-2: #f6f1df;--panel-3: #fff9e8;--line: #b7c5ad;--cyan: #247a6a;--cyan-rgb: 36 122 106;--cyan-bright-rgb: 124 176 160;--lime: #8da928;--lime-rgb: 141 169 40;--red: #bd4b45;--red-rgb: 189 75 69;--amber: #b88622;--text: #192724;--text-bright: #071411;--muted: #59716a;--dim: #8a9a8f;--bevel-high: rgba(255, 255, 255, .62);--bevel-low: rgba(43, 57, 48, .28);--edge-strong: #6d9489;--edge-rgb: 109 148 137;--surface-dark: #fbf7e9;--app-bg-a: #f4f0df;--app-bg-b: #ebe2c9;--app-bg-c: #fff9e8;--logo-dark: #d8cfb5;--logo-mid: #9fb5a1;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #16342f}.sanaApp[data-theme=blueprint-day]{--void: #edf6fb;--black: #d9ebf4;--panel: #e8f4fa;--panel-2: #f5fbff;--panel-3: #ffffff;--line: #a3cddd;--cyan: #2479a6;--cyan-rgb: 36 121 166;--cyan-bright-rgb: 122 190 220;--lime: #ff7d3a;--lime-rgb: 255 125 58;--red: #d14949;--red-rgb: 209 73 73;--amber: #d88a2a;--text: #102433;--text-bright: #05131e;--muted: #516f80;--dim: #8da6b4;--bevel-high: rgba(255, 255, 255, .72);--bevel-low: rgba(27, 58, 78, .25);--edge-strong: #6fa8bd;--edge-rgb: 111 168 189;--surface-dark: #fbfdff;--app-bg-a: #edf6fb;--app-bg-b: #dbeef7;--app-bg-c: #f8fcff;--logo-dark: #d1e3ef;--logo-mid: #9fc8d9;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #123a52}.sanaApp[data-theme=porcelain]{--void: #f7f3f6;--black: #e9e0eb;--panel: #f0eaf2;--panel-2: #fbf7fb;--panel-3: #ffffff;--line: #cfbedd;--cyan: #7765b6;--cyan-rgb: 119 101 182;--cyan-bright-rgb: 190 176 225;--lime: #d85aa7;--lime-rgb: 216 90 167;--red: #cf4e67;--red-rgb: 207 78 103;--amber: #bf8b38;--text: #281f31;--text-bright: #120b17;--muted: #75627f;--dim: #a392ac;--bevel-high: rgba(255, 255, 255, .76);--bevel-low: rgba(53, 33, 62, .23);--edge-strong: #a891c5;--edge-rgb: 168 145 197;--surface-dark: #fffbff;--app-bg-a: #f7f3f6;--app-bg-b: #eee7f1;--app-bg-c: #fffaff;--logo-dark: #e3d6ea;--logo-mid: #c9b7d9;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #403159}.sanaApp[data-theme=studio-day]{--void: #f4f7f5;--black: #dfe8e7;--panel: #edf3f1;--panel-2: #f8fbf9;--panel-3: #ffffff;--line: #b7c7c8;--cyan: #2d6f8f;--cyan-rgb: 45 111 143;--cyan-bright-rgb: 122 176 200;--lime: #f05d3f;--lime-rgb: 240 93 63;--red: #c84d54;--red-rgb: 200 77 84;--amber: #bc7b23;--text: #1c2a2d;--text-bright: #061418;--muted: #5d7377;--dim: #91a0a1;--bevel-high: rgba(255, 255, 255, .78);--bevel-low: rgba(31, 55, 62, .24);--edge-strong: #8ea9af;--edge-rgb: 142 169 175;--surface-dark: #fbfdfb;--app-bg-a: #f4f7f5;--app-bg-b: #e5efef;--app-bg-c: #fffdf9;--logo-dark: #d8e4e6;--logo-mid: #b8c7d1;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #173748}.sanaApp[data-theme=mint-lab]{--void: #effaf3;--black: #d7eee3;--panel: #e7f6ed;--panel-2: #f6fcf8;--panel-3: #ffffff;--line: #acd7c5;--cyan: #167f68;--cyan-rgb: 22 127 104;--cyan-bright-rgb: 104 190 167;--lime: #7a4ec2;--lime-rgb: 122 78 194;--red: #c84e60;--red-rgb: 200 78 96;--amber: #b98922;--text: #112820;--text-bright: #06150f;--muted: #557268;--dim: #8aa69b;--bevel-high: rgba(255, 255, 255, .76);--bevel-low: rgba(28, 64, 49, .23);--edge-strong: #81bfa7;--edge-rgb: 129 191 167;--surface-dark: #fbfffc;--app-bg-a: #effaf3;--app-bg-b: #dff2e9;--app-bg-c: #fbf7ff;--logo-dark: #cde9dc;--logo-mid: #9ed0bd;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #113d34}.sanaApp[data-theme=sakura-day]{--void: #fff4f5;--black: #f1dfe3;--panel: #faeaee;--panel-2: #fff7f8;--panel-3: #ffffff;--line: #e4bdc5;--cyan: #ab3f63;--cyan-rgb: 171 63 99;--cyan-bright-rgb: 220 139 164;--lime: #1f8a70;--lime-rgb: 31 138 112;--red: #c94661;--red-rgb: 201 70 97;--amber: #be832a;--text: #321d25;--text-bright: #16080d;--muted: #7c5d66;--dim: #ad939b;--bevel-high: rgba(255, 255, 255, .78);--bevel-low: rgba(80, 31, 45, .22);--edge-strong: #d39ca9;--edge-rgb: 211 156 169;--surface-dark: #fffafb;--app-bg-a: #fff4f5;--app-bg-b: #f6e5e8;--app-bg-c: #f7fff9;--logo-dark: #efd6dc;--logo-mid: #e8b4bd;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #5c2235}.sanaApp[data-theme=operator-night]{--void: #04080f;--black: #050b13;--panel: #07111a;--panel-2: #0a1720;--panel-3: #0f2430;--line: #1a3e45;--cyan: #2de1c2;--cyan-rgb: 45 225 194;--cyan-bright-rgb: 139 255 233;--lime: #f0b84a;--lime-rgb: 240 184 74;--red: #ff665a;--red-rgb: 255 102 90;--amber: #f0b84a;--text: #dff7f0;--text-bright: #f7fffb;--muted: #86aaa6;--dim: #526d70;--edge-strong: #1f6267;--edge-rgb: 31 98 103;--surface-dark: #050a11;--app-bg-a: #04080f;--app-bg-b: #081821;--app-bg-c: #02050b;--logo-dark: #09222a;--logo-mid: #1a3e45;--logo-primary: var(--cyan);--logo-accent: var(--lime);--logo-text: #e6fff8}*{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(135deg,rgb(var(--lime-rgb) / .1),transparent 32%),linear-gradient(315deg,rgb(var(--cyan-rgb) / .1),transparent 36%),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:12px;max-height:min(520px,calc(100vh - 86px));overflow-y:auto;padding:13px;position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 28px));z-index:5}.themePopoverHeader{align-items:center;border-bottom:1px solid rgb(var(--cyan-rgb) / .18);display:flex;justify-content:space-between;min-width:0;padding-bottom:8px}.themePopover h2,.themeModeGroup h3{color:var(--lime);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}.themePopoverHeader>span{color:var(--cyan);font-family:var(--font-mono);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.themeOptions{display:grid;gap:11px}.themeModeGroup{display:grid;gap:6px}.themeModeGroup h3{align-items:center;color:var(--muted);display:grid;font-size:9px;gap:8px;grid-template-columns:auto minmax(0,1fr)}.themeModeGroup h3:after{background:linear-gradient(90deg,rgb(var(--cyan-rgb) / .32),transparent);content:"";height:1px}.themeModeGrid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.themeOptions button{background:linear-gradient(180deg,rgb(var(--cyan-rgb) / .08),transparent 48%),color-mix(in srgb,var(--panel) 82%,var(--surface-dark));border-color:rgb(var(--edge-rgb) / .62);box-shadow:inset 1px 1px rgb(var(--cyan-bright-rgb) / .1),inset -1px -1px #00000073,1px 1px #00000057;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;min-height:48px;overflow:hidden;padding:8px;text-align:left}.themeOptions button:hover:not(:disabled){background:linear-gradient(180deg,rgb(var(--cyan-rgb) / .16),transparent 52%),color-mix(in srgb,var(--panel-2) 86%,var(--surface-dark));border-color:var(--cyan)}.themeOptions button.active{background:linear-gradient(90deg,rgb(var(--lime-rgb) / .18),transparent 70%),color-mix(in srgb,var(--panel-2) 88%,var(--surface-dark));border-color:var(--lime);box-shadow:inset 2px 2px rgb(var(--lime-rgb) / .16),inset -2px -2px #00000080,0 0 0 1px rgb(var(--lime-rgb) / .45),0 0 18px rgb(var(--lime-rgb) / .16);color:var(--lime)}.themeSwatches{display:inline-grid;gap:2px;grid-template-columns:repeat(2,13px);place-self:center start}.themeSwatches span{border:1px solid rgb(var(--cyan-rgb) / .24);box-shadow:1px 1px #00000057;height:11px;width:13px}.themeOptions button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{gap:6px;grid-template-columns:1fr;padding:4px 12px 7px}.headerStatus{flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;padding:0 2px 4px;scrollbar-width:thin}.headerStatus>span,.themeShell,.tutorialShell,.socialLinks{flex:0 0 auto}.themeTrigger,.tutorialTab,.keyTrigger{min-width:max-content;white-space:nowrap}.themePopover,.tutorialPopover,.keyPopover{left:12px;max-height:calc(100dvh - 116px);position:fixed;right:12px;top:104px;width:auto;z-index:20}.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}.labHeader{padding:4px 10px 7px}.brandLogo{gap:9px;height:50px;width:100%}.brandMark{height:42px;width:42px}.labBrand h1{font-size:15px}.brandSubtitle{font-size:8px}.headerStatus{gap:6px;margin:0 -2px}.themeTrigger,.tutorialTab,.keyTrigger{font-size:9px;min-height:30px;padding:0 8px}.iconLink{min-height:30px;width:32px}.themePopover,.tutorialPopover,.keyPopover{left:8px;max-height:calc(100dvh - 100px);right:8px;top:92px}.themeModeGrid{grid-template-columns:1fr}.stage{grid-template-rows:minmax(260px,1fr) minmax(260px,1fr);padding:12px}.controlPanel button,.controlPanel a,.keyPopover button,.keyPopover a,.paneAction{width:100%}.iconButton{width:42px}}