:root{color:#f4f4f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#080808e0;--panel-solid:#050505;--line:#ffffff1f;--line-strong:#ffffff3d;--text:#f5f5f5;--muted:#8d8d8d;--accent:#f4f4f4;--accent-strong:#fff;--danger:#ff8f8f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:#ffffff1f transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{border:0}.app-shell{width:100%;height:100vh;min-height:650px;transition:grid-template-columns .26s var(--ease-out);background:radial-gradient(circle at 76% 18%,#ffffff0f,#0000 30%),linear-gradient(135deg,#050505 0%,#000 52%,#070707 100%);grid-template-columns:minmax(320px,390px) minmax(0,1fr);display:grid;overflow:hidden}.app-shell.panel-hidden{grid-template-columns:0 minmax(0,1fr)}.control-panel{z-index:2;border-right:1px solid var(--line);background:linear-gradient(180deg, #0c0c0cfa, #020202f0), var(--panel-solid);height:100%;min-height:0;transition:opacity .22s var(--ease-out), padding .26s var(--ease-out), transform .26s var(--ease-out);flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;overflow:auto;box-shadow:20px 0 80px #0000005c}.panel-hidden .control-panel{opacity:0;pointer-events:none;border-right:0;padding-left:0;padding-right:0;overflow:hidden;transform:translate(-20px)}.app-header{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:2px 0 0;display:grid}.app-mark{color:#fff;background:radial-gradient(circle at 50% 34%,#ffffff29,#0000 58%),linear-gradient(#ffffff0f,#0000),#080808f0;border:1px solid #ffffff24;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}h1{overflow-wrap:anywhere;letter-spacing:0;color:var(--text);margin:0;font-size:16px;font-weight:680}.app-header p{overflow-wrap:anywhere;color:var(--muted);margin:3px 0 0;font-size:11.5px}.panel-section{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:18px;display:flex}.source-section{gap:10px;padding-top:14px}.section-title{color:#ffffffc7;letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:720;display:flex}.source-actions{grid-template-columns:minmax(0,.92fr) minmax(0,.92fr) 34px;gap:7px;display:grid}.source-tabs{background:#ffffff06;border:1px solid #ffffff1a;border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.source-tab{min-height:28px;color:var(--muted);cursor:pointer;transition:transform .14s var(--ease-out), background-color .14s ease, color .14s ease;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:560;display:inline-flex}.source-tab.active{color:var(--text);background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff1f}.logo-slots{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px;display:grid}.logo-slot{min-height:52px;color:var(--muted);cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.logo-slot.active{color:var(--text);background:#ffffff12;border-color:#ffffff38}.logo-slot-preview{background:#05070b;border-radius:5px;place-items:center;width:42px;height:36px;display:grid;overflow:hidden}.logo-slot-preview svg{width:86%;height:78%;display:block}.logo-slot-copy{min-width:0}.logo-slot-copy strong,.logo-slot-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.logo-slot-copy strong{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:680}.logo-slot-copy small{color:var(--muted);margin-top:2px;font-size:10px}.morph-actions{grid-template-columns:1fr 1fr}.webcam-walkers-status[hidden]{display:none}.button,.icon-button{cursor:pointer;min-height:40px;color:var(--text);transition:transform .16s var(--ease-out), border-color .16s ease, background-color .16s ease, color .16s ease;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.source-actions .button,.source-actions .icon-button{border-radius:7px;gap:6px;min-height:34px;font-size:12.5px;font-weight:620}.button:active,.icon-button:active,.source-tab:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:#050505;background:linear-gradient(#fff,#d8d8d8);border:1px solid #ffffffd6;font-weight:800}.source-actions .button.primary{color:#ffffffe6;background:linear-gradient(#ffffff1c,#ffffff0e),#ffffff0b;border-color:#ffffff38;font-weight:680;box-shadow:inset 0 1px #ffffff1f,0 1px #ffffff09}.button.secondary,.icon-button{border:1px solid var(--line-strong);background:#ffffff0b}.source-actions .button.secondary,.source-actions .icon-button{color:#ffffffb8;background:#ffffff06;border-color:#ffffff21}.button.secondary:hover,.icon-button:hover{background:#ffffff1a;border-color:#ffffff6b}.icon-button{width:40px;padding:0}.source-actions .icon-button{width:34px}.preview-box{border:1px solid var(--line);background:#ffffff08;border-radius:8px;place-items:center;min-height:148px;display:grid;overflow:hidden}.preview-box.has-error{color:var(--danger);text-align:center;background:#ff505012;padding:18px}.draw-panel{gap:10px;display:grid}.tool-tabs{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px;display:grid}.tool-tab{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.tool-tab.active{color:var(--text);background:#ffffff1f;border-color:#ffffff57}.draw-pad{aspect-ratio:320/220;border:1px solid var(--line);cursor:crosshair;touch-action:none;background:#030303;border-radius:8px;width:100%;display:block;overflow:hidden}.draw-pad.pen-mode{cursor:crosshair}.draw-pad path{filter:drop-shadow(0 0 9px #ffffff52)}.pen-preview-path{opacity:.72;stroke-dasharray:6 6;filter:drop-shadow(0 0 8px #ffffff57);pointer-events:none}.pen-handle-line{stroke:#ffffff57;stroke-width:1.2px;vector-effect:non-scaling-stroke;pointer-events:none}.pen-handle{fill:#050505;stroke:#fff;stroke-width:1.4px;vector-effect:non-scaling-stroke;cursor:grab}.pen-anchor{fill:#050505;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px #ffffff70);cursor:grab}.draw-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.draw-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.draw-actions .button{min-height:34px;padding:0 12px}.draw-workspace{z-index:20;background:#000;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.draw-workspace:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffffff14,#0000 36%),linear-gradient(#ffffff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/48px 48px;position:absolute;inset:0}.draw-workspace-toolbar,.draw-workspace-footer{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000c7;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.draw-workspace-footer{color:var(--muted);border-top:1px solid #ffffff1a;border-bottom:0;justify-content:flex-start;font-size:12px}.draw-workspace-title{min-width:150px;color:var(--text);align-items:center;gap:9px;font-weight:700;display:inline-flex}.workspace-tools{grid-template-columns:repeat(5,minmax(0,1fr));width:min(440px,38vw)}.draw-workspace-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.draw-workspace-actions .button{min-height:36px;padding:0 12px}.draw-workspace-body{z-index:1;place-items:center;min-height:0;padding:28px;display:grid;position:relative}.draw-pad-expanded{background:#000000c7;border-color:#ffffff29;border-radius:0;width:min(100%,145.45vh - 223.993px);max-width:calc(100vw - 56px);height:min(100%,68.7522vw - 38.5012px);max-height:calc(100vh - 154px);box-shadow:0 0 0 1px #ffffff0a,0 30px 110px #000c}.svg-preview{background-color:#dcdcdc;background-image:linear-gradient(45deg,#c8c8c8 25%,#0000 25%),linear-gradient(-45deg,#c8c8c8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c8c8c8 75%),linear-gradient(-45deg,#0000 75%,#c8c8c8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;width:100%;height:148px;padding:18px;display:grid}.svg-preview svg{color:#111;filter:drop-shadow(0 1px 2px #0000001f);max-width:100%;max-height:100%}.textarea-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.svg-textarea{resize:vertical;border:1px solid var(--line);color:#d9e9ff;background:#00000047;border-radius:8px;outline:none;width:100%;min-height:188px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.48}.svg-textarea:focus,.select-row select:focus,.slider-row:focus-within{border-color:#ffffff8a;box-shadow:0 0 0 3px #ffffff1f}.error-line{color:var(--danger);font-size:13px;line-height:1.45}.controls-section{padding-bottom:20px}.style-grid{grid-template-columns:1fr;gap:8px;display:grid}.style-card{border:1px solid var(--line);min-height:48px;color:var(--muted);text-align:left;cursor:pointer;transition:border-color .16s ease, background-color .16s ease, transform .16s var(--ease-out);background:#ffffff09;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:7px 10px;display:grid}.style-card:active{transform:scale(.99)}.style-card.active{color:var(--text);background:#ffffff17;border-color:#ffffff5c}.style-card strong,.style-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.style-card strong{color:inherit;font-size:13px;font-weight:800}.style-card small{color:var(--muted);margin-top:2px;font-size:11px}.shader-mode-option-wrap{display:contents}.shader-mode-dev-heading{color:#ffc478d1;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #ffffff14;grid-column:1/-1;margin:4px 2px 0;padding-top:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.style-card-copy strong{align-items:center;gap:6px;display:flex}.style-dev-tag{color:#ffc478;letter-spacing:.12em;background:#ffc4781a;border:1px solid #ffc47857;border-radius:999px;align-items:center;padding:1px 5px;font-size:9px;font-style:normal;font-weight:700;line-height:1.2;display:inline-flex}.style-card-dev{border-style:dashed;border-color:#ffc47838}.shader-mode-current strong,.mobile-effect-chip-copy strong{align-items:center;gap:6px;display:inline-flex}.style-swatch{background:radial-gradient(circle at 48%,#f8f8f8,#ffffff2e 28%,#0000 58%),#050505;border:1px solid #ffffff2e;border-radius:7px;width:34px;height:28px;display:block}.style-ripples .style-swatch{background:repeating-radial-gradient(circle,#85ecfff2 0 2px,#0000 3px 8px),#02070a;box-shadow:0 0 18px #00dbff47}.style-lines .style-swatch{background:repeating-linear-gradient(135deg,#ffffffeb 0 2px,#0000 2px 7px),#030303}.style-chrome .style-swatch{background:radial-gradient(circle at 70% 28%,#ff583ff2 0 12%,#0000 30%),radial-gradient(circle at 34% 64%,#215cfff2 0 18%,#0000 42%),linear-gradient(135deg,#020205 0%,#070915 30%,#111018 58%,#070708 100%);box-shadow:0 0 18px #215cff2e,0 0 18px #ff583f24}.style-metal .style-swatch{background:linear-gradient(135deg,#050505 0%,#f4f4f4 44%,#252525 62%,#fff 78%,#030303 100%);box-shadow:0 0 18px #ffffff29}.style-mercury .style-swatch{background:radial-gradient(at 34% 62%,#fffffff2 0 10%,#0000 22%),radial-gradient(at 66% 38%,#ffffffd1 0 12%,#0000 26%),repeating-linear-gradient(150deg,#ffffffc7 0 2px,#181818f5 3px 8px,#dcdcd8e0 9px 14px),linear-gradient(135deg,#0a0a0a,#f1f1ec 45%,#202020 68%,#fff);box-shadow:0 0 20px #ffffff2e}.style-gommage .style-swatch{background:radial-gradient(circle at 40% 44%,#eccfa3f2 0 16%,#0000 17%),repeating-linear-gradient(145deg,#fff1d2cc 0 1px,#0000 1px 5px),linear-gradient(135deg,#15110d 0%,#8d8578 44%,#2a261f 70%,#050505 100%);box-shadow:0 0 18px #eccfa32e}.style-elastic .style-swatch{background:radial-gradient(circle at 68% 35%,#f1ecfff2 0 8%,#0000 9%),radial-gradient(circle at 50% 58%,#245cfff2 0 14%,#0000 32%),conic-gradient(from 220deg,#05050a,#245cff,#111118,#f1ecff,#05050a);box-shadow:0 0 22px #245cff57}.style-hyperspace .style-swatch{background:radial-gradient(circle at 50% 50%, #fff 0 4%, transparent 5%), repeating-conic-gradient(from 0deg, #6ee8ffeb 0 5deg, transparent 5deg 17deg), radial-gradient(circle at 50% 50%, #6ee8ff6b, transparent 48%), #010103;box-shadow:0 0 20px #6ee8ff3d}.style-access .style-swatch{background:linear-gradient(#0000 0 40%,#ffffffeb 40% 52%,#0000 52%),linear-gradient(90deg,#88ecffd9,#ff6c9fb3,#fffffff2),#020202;box-shadow:0 0 18px #ffffff21}.style-glitch .style-swatch{background:linear-gradient(90deg,#ff4f9cf2 0 20%,#0000 20% 38%,#57eaffe6 38% 56%,#0000 56%),repeating-linear-gradient(0deg,#ffffffdb 0 2px,#0000 2px 7px),#020202;box-shadow:-5px 0 14px #57eaff38,5px 0 14px #ff4f9c2e}.style-trail .style-swatch{background:linear-gradient(90deg,#0000 0 24%,#fffffff2 24% 34%,#0000 34%),radial-gradient(at 65%,#362cb7eb,#0000 58%),radial-gradient(at 38% 48%,#78f7ffb8,#0000 42%),#03030a;box-shadow:-8px 0 18px #362cb752,5px 0 16px #78f7ff33}.style-fluid .style-swatch{background:repeating-linear-gradient(0deg,#ffffff52 0 1px,#0000 1px 5px),radial-gradient(circle at 42% 48%,#57dffff5 0 18%,#0000 37%),radial-gradient(circle at 65% 36%,#ff4e91b8 0 11%,#0000 26%),linear-gradient(135deg,#01030b 0%,#08172d 54%,#000 100%);box-shadow:0 0 22px #57dfff42}.style-fluidglass .style-swatch{background:radial-gradient(circle at 34% 34%,#fffffff2 0 7%,#0000 17%),radial-gradient(circle at 64% 60%,#6df4ffe0 0 14%,#0000 30%),conic-gradient(from 220deg,#ffffff2e,#6df4ffe6,#04161feb,#fff6,#6df4ffe6),linear-gradient(135deg,#000307,#081922 58%,#000);box-shadow:0 0 20px #6df4ff38,inset 0 0 14px #ffffff2e}.style-shadow .style-swatch{background:radial-gradient(at 36% 34%,#fffffff2 0 16%,#0000 34%),radial-gradient(at 64% 68%,#6f7782ad 0 24%,#0000 48%),linear-gradient(135deg,#f8f8f3 0 38%,#4c535e 40% 48%,#050608 58% 100%);box-shadow:6px 6px 18px #00000057,inset 0 0 14px #ffffff2e}.style-clouds .style-swatch{background:radial-gradient(circle at 34% 52%,#ffffffeb 0 18%,#0000 28%),radial-gradient(circle at 64% 40%,#c5d0dcc7 0 20%,#0000 31%),radial-gradient(circle at 54% 68%,#ffffff9e 0 16%,#0000 28%),#07090c;box-shadow:0 0 20px #ffffff29}.style-bubbles .style-swatch{background:radial-gradient(circle at 34% 38%,#0000 0 12%,#eafffff2 13% 17%,#0000 18%),radial-gradient(circle at 64% 62%,#0000 0 18%,#6fe8ffe6 19% 23%,#0000 24%),radial-gradient(circle at 72% 28%,#ffffffe6 0 5%,#0000 6%),#001019;box-shadow:0 0 20px #6fe8ff38}.style-sdf .style-swatch{background:radial-gradient(circle at 28% 42%,#fffffff2 0 14%,#0000 15%),radial-gradient(circle at 58% 36%,#ffffffe0 0 10%,#0000 11%),radial-gradient(circle at 72% 62%,#f5f8ffd1 0 8%,#0000 9%),radial-gradient(circle at 44% 68%,#ffffffc2 0 6%,#0000 7%),#000;box-shadow:0 0 22px #ffffff2e}.style-blossom .style-swatch{background:radial-gradient(at 44% 46%,#ff8fc0f2 0 12%,#0000 13%),radial-gradient(at 57%,#fff5b8e0 0 9%,#0000 10%),conic-gradient(from 40deg,#151209,#ff8fc0,#67b86a,#fff5b8,#151209);box-shadow:0 0 18px #ff8fc038}.style-gaze .style-swatch{background:radial-gradient(circle at 52%,#11121a 0 10%,#4aa9ff 11% 20%,#0000 21%),radial-gradient(#f7f2ea 0 44%,#0000 45%),#030305;box-shadow:0 0 18px #4aa9ff3d}.style-ascii .style-swatch{background:linear-gradient(90deg,#0000 0 19%,#fffffff2 19% 21%,#0000 21% 39%,#ffffffb8 39% 42%,#0000 42% 100%),repeating-linear-gradient(0deg,#ffffffd1 0 2px,#0000 2px 6px),#020202;box-shadow:0 0 18px #ffffff24}.style-ascii2 .style-swatch{background:radial-gradient(circle at 28% 28%,#ff5f9ed1 0 7%,#0000 8%),radial-gradient(circle at 72% 36%,#8ff7ffc7 0 9%,#0000 10%),repeating-linear-gradient(0deg,#ffffffd1 0 2px,#0000 2px 7px),repeating-linear-gradient(90deg,#ffffff57 0 1px,#0000 1px 8px),#020202;box-shadow:0 0 18px #8ff7ff29}.style-fancy .style-swatch{background:linear-gradient(135deg,#0000 0 24%,#f84242 25% 32%,#0000 33% 42%,#3758a7 43% 50%,#0000 51% 61%,#feefde 62% 69%,#0000 70%),radial-gradient(circle at 35% 68%,#feefdee0 0 8%,#0000 9%),#050505;box-shadow:0 0 18px #f8424224}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.color-control{border:1px solid var(--line);background:#ffffff09;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:7px;display:grid;position:relative}.color-picker{cursor:pointer;width:34px;height:30px;display:block;position:relative}.color-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.color-control-swatch{width:34px;height:30px;box-shadow:inset 0 0 0 1px #00000052, 0 0 18px color-mix(in srgb, currentColor 18%, transparent);border:1px solid #ffffff3d;border-radius:7px;display:block}.color-meta{gap:2px;min-width:0;display:grid}.color-control strong,.color-meta input{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-control strong{color:var(--text);font-size:12px;font-weight:650}.color-meta input{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0;font-size:10px}.ascii-input-row{background:linear-gradient(90deg,#ffffff12,#0000 56%),#030303;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 1px #ffffff08}.ascii-input-row>span{gap:2px;min-width:0;display:grid}.ascii-input-row strong,.ascii-input-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ascii-input-row strong{color:var(--text);font-size:12px;font-weight:720}.ascii-input-row small{color:var(--muted);font-size:10px}.ascii-input-row input{color:#ffffffe6;background:#ffffff0b;border:1px solid #ffffff24;border-radius:7px;outline:0;width:100%;min-width:0;padding:8px 9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;transition:border-color .16s,background-color .16s}.ascii-input-row input:focus{background:#ffffff13;border-color:#ffffff61}.sdf-hand-control{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:12px}.sdf-hand-control.is-active{border-color:#7be0a873}.sdf-hand-control-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sdf-hand-control-header strong{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.sdf-hand-control-header button{color:#baffd6;font:inherit;cursor:pointer;background:#7be0a814;border:1px solid #7be0a866;border-radius:6px;padding:7px 9px;font-size:11px}.sdf-hand-control-header button:focus-visible{outline-offset:3px;outline:2px solid #baffd6}.sdf-hand-control p{color:var(--muted);margin:10px 0;font-size:11px;line-height:1.5}.sdf-gesture-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:0;display:grid}.sdf-gesture-guide dt{color:var(--text);font-size:11px}.sdf-gesture-guide dd{color:var(--muted);margin:3px 0 0;font-size:10px}.variant-select-row{background:linear-gradient(90deg,#fff1,#0000 58%),#030303;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid}.variant-select-row>span{gap:2px;min-width:0;display:grid}.variant-select-row strong,.variant-select-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variant-select-row strong{color:var(--text);font-size:12px;font-weight:720}.variant-select-row small{color:var(--muted);font-size:10px}.variant-select-row select{color:#ffffffe6;background:#ffffff0b;border:1px solid #ffffff24;border-radius:7px;outline:0;width:100%;min-width:0;padding:8px 9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.variant-select-row select:focus{background:#ffffff13;border-color:#ffffff61}.variant-select-row option{color:#08101a}.slider-row{cursor:ew-resize;isolation:isolate;min-height:36px;transition:border-color .16s ease, background-color .16s ease, transform .16s var(--ease-out);background:linear-gradient(#ffffff0e,#0000),#030303;border:1px solid #ffffff26;border-radius:7px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 1px #ffffff08}.slider-row:before{z-index:-1;width:var(--slider-progress);content:"";background:linear-gradient(90deg,#ffffff1c,#ffffff09),#ffffff0e;min-width:10px;transition:width 90ms linear;position:absolute;inset:0 auto 0 0;box-shadow:inset -1px 0 #fff3,0 0 18px #ffffff0b}.slider-row:after{z-index:-1;content:"";opacity:.38;background:repeating-linear-gradient(90deg,#0000 0 13px,#ffffff47 13px 14px,#0000 14px 28px);position:absolute;inset:8px 70px 8px 96px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.slider-row:hover{background-color:#070707;border-color:#ffffff47}.slider-row:active{transform:scale(.99)}.slider-content{z-index:1;color:#ffffffb8;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:34px;padding:0 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;display:flex;position:relative}.slider-content>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slider-row output{color:#ffffffd6;font-variant-numeric:tabular-nums;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.slider-ticks{z-index:0;pointer-events:none;background:#ffffff1f;height:1px;position:absolute;top:50%;left:96px;right:70px;transform:translateY(-50%)}.slider-row input{z-index:2;cursor:ew-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.control-pair{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:10px;display:grid}.toggle-row,.select-row{border:1px solid var(--line);color:#d8e7f8;background:#ffffff0b;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:0 10px;font-size:13px;display:flex}.toggle-row input{accent-color:var(--accent)}.select-row select{color:#d8e7f8;background:0 0;border:0;outline:0;width:100%;min-width:0}.select-row option{color:#08101a}.json-copy-button{color:#ffffffdb;text-align:left;cursor:pointer;min-height:38px;transition:border-color .16s ease, background-color .16s ease, transform .16s var(--ease-out);background:linear-gradient(90deg,#ffffff14,#0000 54%),#030303;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:18px minmax(0,auto) minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:grid}.json-copy-button:hover{background-color:#070707;border-color:#ffffff57}.json-copy-button:active{transform:scale(.99)}.json-copy-button small{color:#ffffff6b;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;overflow:hidden}.json-copy-button.is-copied{color:#fff;border-color:#ffffff6b}.json-copy-button.is-selected{color:#fffffff5;border-color:#ffffff57}.json-export-area{resize:vertical;color:#ffffffc7;background:linear-gradient(#ffffff0b,#0000),#030303;border:1px solid #ffffff2e;border-radius:8px;outline:0;min-height:118px;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.5}.json-export-area:focus{border-color:#ffffff61;box-shadow:0 0 0 3px #ffffff1a}.stage{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.scene-wrap{background:radial-gradient(circle at 50% 42%,#ffffff1c,#0000 23%),radial-gradient(circle at 68% 82%,#ffffff0d,#0000 20%),#010204;position:absolute;inset:0;overflow:hidden}.scene-wrap.scene-style-ripples{background:radial-gradient(circle at 50% 42%,#00d6ff1f,#0000 25%),radial-gradient(circle at 45% 72%,#ffffff0b,#0000 24%),#000}.scene-wrap.scene-style-lines{background:linear-gradient(90deg,#ffffff09,#0000 18% 82%,#ffffff09),#000}.scene-wrap.scene-style-chrome{background:radial-gradient(circle at 42% 46%,#215cff21,#0000 25%),radial-gradient(circle at 63% 48%,#ff583f1c,#0000 25%),#000}.scene-wrap.scene-style-metal{background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 24%),radial-gradient(circle at 70% 68%,#8c8c8c14,#0000 26%),#000}.scene-wrap.scene-style-radiance{background:radial-gradient(circle at 50% 45%,#ff001838,#0000 24%),radial-gradient(#aa002429,#0000 46%),#030001}.scene-wrap.scene-style-dither{background:radial-gradient(circle at 50% 43%,#ffffff17,#0000 25%),radial-gradient(circle at 65% 62%,#5af0ff0f,#0000 24%),#000}.scene-wrap.scene-style-vfx{background:radial-gradient(circle at 42% 48%,#ff4b9b1f,#0000 24%),radial-gradient(circle at 64% 54%,#55eaff1c,#0000 26%),linear-gradient(90deg,#ffffff09,#0000 18% 82%,#ffffff09),#000}.scene-wrap.scene-style-ascii{background:radial-gradient(circle at 50% 42%,#ffffff18,#0000 24%),linear-gradient(90deg,#ffffff07,#0000 16% 84%,#ffffff07),#000}.scene-wrap.scene-style-ascii2{background:radial-gradient(circle at 50% 43%,#8ff7ff17,#0000 22%),radial-gradient(circle at 64% 56%,#ff5f9e13,#0000 24%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 5px),#000}.scene-wrap.scene-style-fancy{background:radial-gradient(circle at 44% 46%,#f842421c,#0000 22%),radial-gradient(circle at 59% 48%,#3758a71a,#0000 24%),linear-gradient(90deg,#ffffff08,#0000 18% 82%,#ffffff06),#000}.scene-wrap.scene-style-hyperspace{background:radial-gradient(circle at 50% 45%,#ffffff21,#0000 18%),radial-gradient(circle at 50% 45%,#6ee8ff14,#0000 37%),radial-gradient(#2d46781a,#0000 62%),#000}.scene-wrap.scene-style-access{background:linear-gradient(#ffffff09,#0000 18% 80%,#ffffff07),radial-gradient(circle at 50% 48%,#88ecff12,#0000 25%),#000}.scene-wrap.scene-style-glitch{background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 6px),radial-gradient(circle at 40% 48%,#57eaff17,#0000 24%),radial-gradient(circle at 64% 52%,#ff4f9c13,#0000 24%),#000}.scene-wrap.scene-style-trail{background:radial-gradient(circle at 38%,#362cb721,#0000 26%),radial-gradient(circle at 62% 48%,#78f7ff12,#0000 26%),linear-gradient(90deg,#ffffff09,#0000 18% 82%,#ffffff07),#000}.scene-wrap.scene-style-fluid{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 5px),radial-gradient(circle at 48% 44%,#57dfff1b,#0000 25%),radial-gradient(circle at 66% 58%,#ff4e9113,#0000 28%),linear-gradient(#00040d 0%,#010208 58%,#000 100%)}.scene-wrap.scene-style-fluidglass{background:radial-gradient(circle at 38% 36%,#6df4ff1f,#0000 25%),radial-gradient(circle at 68% 62%,#ffffff12,#0000 30%),linear-gradient(120deg,#ffffff09,#0000 18% 82%,#6df4ff09),linear-gradient(#000509 0%,#01070b 56%,#000 100%)}.scene-wrap.scene-style-shadow{background:radial-gradient(circle at 44% 38%,#ffffff14,#0000 24%),radial-gradient(circle at 68% 64%,#6f77821f,#0000 30%),linear-gradient(145deg,#ffffff07,#0000 22% 78%,#ffffff05),linear-gradient(#060708 0%,#090a0c 46%,#020203 100%)}.scene-wrap.scene-style-mercury{background:radial-gradient(circle at 34% 24%,#ffffff2e,#0000 30%),radial-gradient(circle at 78% 72%,#ffffff1a,#0000 34%),linear-gradient(135deg,#050505 0%,#303030 46%,#080808 100%)}.scene-wrap.scene-style-clouds{background:radial-gradient(circle at 50% 38%,#ffffff24,#0000 24%),linear-gradient(#071018 0%,#0d1116 46%,#030406 100%)}.scene-wrap.scene-style-bubbles{background:radial-gradient(circle at 42% 28%,#6fe8ff2e,#0000 24%),linear-gradient(#001b26 0%,#001018 54%,#000305 100%)}.scene-wrap.scene-style-sdf{background:radial-gradient(circle at 50% 44%,#ffffff14,#0000 22%),linear-gradient(#000 0%,#040404 52%,#000 100%)}.scene-wrap.scene-style-blossom{background:radial-gradient(circle at 48% 40%,#ff8fc029,#0000 28%),radial-gradient(circle at 64% 72%,#67b86a1a,#0000 26%),linear-gradient(#11100b 0%,#080604 100%)}.scene-wrap.scene-style-gaze{background:radial-gradient(circle at 50% 42%,#4aa9ff21,#0000 25%),radial-gradient(circle at 50% 54%,#f7f2ea0f,#0000 34%),#020205}.scene-wrap:before{z-index:0;content:"";opacity:0;background-color:#0000;background-image:linear-gradient(#b4c5dd1f 1px,#0000 1px),linear-gradient(90deg,#b4c5dd1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:min(9vw,96px) min(9vw,96px);background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transition:opacity .22s;position:absolute;inset:9% 5% 8%;-webkit-mask-image:linear-gradient(#0000,#000 14% 84%,#0000);mask-image:linear-gradient(#0000,#000 14% 84%,#0000)}.scene-wrap.with-grid:before{opacity:1}.scene-wrap canvas{z-index:1;position:relative}.scene-wrap.scene-style-walkers{background:#04060a}.scene-wrap.with-camera{isolation:isolate}.scene-wrap.with-camera:before,.scene-wrap.with-camera .scene-scanlines{display:none}.hand-camera-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hand-camera-background video{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scaleX(-1)}.hand-camera-background.is-active:after{content:"";background:#02050a75;position:absolute;inset:0}.webcam-walkers-overlay{z-index:2;position:absolute;inset:0;overflow:hidden}.webcam-walkers-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.webcam-walkers-status,.hand-pointer-status{z-index:3;letter-spacing:.08em;text-transform:uppercase;color:#e8f0ffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#080c149e;border:1px solid #ffffff1f;border-radius:999px;max-width:92%;padding:7px 14px;font-size:11px;position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)}.webcam-walkers-status.status-active,.hand-pointer-status.status-active{color:#baffd6f2;border-color:#7be0a880}.webcam-walkers-status.status-denied,.webcam-walkers-status.status-error,.webcam-walkers-status.status-unsupported,.hand-pointer-status.status-denied,.hand-pointer-status.status-error,.hand-pointer-status.status-unsupported{color:#ffc8c8f2;border-color:#ff8a8a80}.hand-pointer-overlay{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hand-pointer-overlay *{pointer-events:none}.hand-pointer-cursor{opacity:0;will-change:transform;background:#7be0a824;border:2px solid #7be0a8e6;border-radius:50%;width:34px;height:34px;transition:opacity .16s;position:absolute;top:0;left:0;box-shadow:0 0 14px #7be0a859}.hand-pointer-cursor.is-pressed{background:#ffc87833;border-color:#ffc878f2;box-shadow:0 0 18px #ffc87873}.hand-pointer-cursor[data-action]:after{content:attr(data-action);color:#e8f0ff;white-space:nowrap;background:#080c14d1;border-radius:5px;padding:4px 8px;font-size:11px;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.hand-pointer-preview{aspect-ratio:4/3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c149e;border:1px solid #ffffff24;border-radius:10px;width:128px;position:absolute;bottom:14px;right:14px;overflow:hidden}.hand-pointer-preview:empty{display:none}.hand-pointer-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.ascii-raster-overlay{z-index:2;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ascii-raster-output{--ascii-x:50%;--ascii-y:50%;--ascii-primary:#f6f6f2;--ascii-accent:#8ff7ff;--ascii-hot:#ff5f9e;color:#0000;background:radial-gradient(circle at var(--ascii-x) var(--ascii-y), var(--ascii-hot), transparent 24%), radial-gradient(circle at calc(100% - var(--ascii-x)) var(--ascii-y), var(--ascii-accent), transparent 32%), linear-gradient(105deg, var(--ascii-accent), var(--ascii-primary) 42%, var(--ascii-hot) 78%, var(--ascii-primary));-webkit-text-fill-color:transparent;font-variant-ligatures:none;letter-spacing:0;text-align:left;text-shadow:0 0 12px color-mix(in srgb, var(--ascii-accent) 22%, transparent), 0 0 26px color-mix(in srgb, var(--ascii-hot) 16%, transparent);-webkit-user-select:none;user-select:none;white-space:pre;transform-origin:50%;will-change:contents, filter, transform;-webkit-background-clip:text;background-clip:text;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:650}.fancy-letter-overlay{--fancy-primary:#f0f5df;--fancy-accent:#ff3b68;--fancy-highlight:#45c7dd;--fancy-code-yellow:#f6b300;--fancy-stroke:7px;--fancy-stagger:.17s;--fancy-layer-delay:.15s;--fancy-duration:1.3s;--fancy-hover-duration:.52s;--fancy-active-duration:var(--fancy-duration);--fancy-layer-spread:3px;--fancy-bounce-y:-44px;--fancy-bounce-rot:-16deg;--fancy-under-opacity:.18;--fancy-float:1px;--fancy-dash:.68 .32;--fancy-linecap:butt;--fancy-linejoin:bevel;--fancy-layer0-color:var(--fancy-accent);--fancy-layer1-color:var(--fancy-highlight);--fancy-layer2-color:var(--fancy-primary);--fancy-layer0-width:calc(var(--fancy-stroke) * 1.28);--fancy-layer1-width:calc(var(--fancy-stroke) * 1.08);--fancy-layer2-width:calc(var(--fancy-stroke) * .86);--fancy-layer0-offset:translate3d(calc(var(--fancy-layer-spread) * -1), calc(var(--fancy-layer-spread) * -.5), 0);--fancy-layer1-offset:translate3d(var(--fancy-layer-spread), calc(var(--fancy-layer-spread) * .36), 0);--fancy-layer2-offset:translate3d(0, 0, 0);z-index:2;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.fancy-letter-svg{width:min(68%,900px);height:min(62%,620px);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--fancy-accent) 20%, transparent)) drop-shadow(0 0 28px color-mix(in srgb, var(--fancy-highlight) 14%, transparent));shape-rendering:geometricprecision;transform:translateY(var(--fancy-float));transition:transform .18s ease-out;overflow:visible}.fancy-letter-overlay:hover{--fancy-active-duration:var(--fancy-hover-duration)}.fancy-letter-overlay.fancy-variant-effect2{--fancy-dash:.14 .075 .19 .09 .1 .15 .12 .34;--fancy-linecap:butt;--fancy-linejoin:round;--fancy-layer0-color:var(--fancy-primary);--fancy-layer1-color:var(--fancy-highlight);--fancy-layer2-color:var(--fancy-code-yellow);--fancy-layer0-width:calc(var(--fancy-stroke) * .72);--fancy-layer1-width:calc(var(--fancy-stroke) * .72);--fancy-layer2-width:calc(var(--fancy-stroke) * .72);--fancy-layer0-offset:translate3d(0, 0, 0);--fancy-layer1-offset:translate3d(0, 0, 0);--fancy-layer2-offset:translate3d(0, 0, 0)}.fancy-letter-overlay.fancy-variant-effect3{--fancy-dash:1;--fancy-linecap:round;--fancy-linejoin:round;--fancy-layer0-color:var(--fancy-primary);--fancy-layer1-color:var(--fancy-accent);--fancy-layer2-color:var(--fancy-highlight);--fancy-layer0-width:calc(var(--fancy-stroke) * 1.42);--fancy-layer1-width:calc(var(--fancy-stroke) * .74);--fancy-layer2-width:calc(var(--fancy-stroke) * .96);--fancy-layer0-offset:translate3d(calc(var(--fancy-layer-spread) * -1.15), calc(var(--fancy-layer-spread) * -1.15), 0);--fancy-layer1-offset:translate3d(0, 0, 0);--fancy-layer2-offset:translate3d(calc(var(--fancy-layer-spread) * .55), calc(var(--fancy-layer-spread) * .36), 0)}.fancy-letter-overlay.fancy-variant-effect4{--fancy-dash:.018 .082;--fancy-linecap:square;--fancy-linejoin:miter;--fancy-layer0-color:var(--fancy-accent);--fancy-layer1-color:var(--fancy-highlight);--fancy-layer2-color:var(--fancy-primary);--fancy-layer0-width:calc(var(--fancy-stroke) * 1.16);--fancy-layer1-width:calc(var(--fancy-stroke) * .55);--fancy-layer2-width:max(1px, calc(var(--fancy-stroke) * .22));--fancy-layer0-offset:translate3d(calc(var(--fancy-layer-spread) * -.5), 0, 0);--fancy-layer1-offset:translate3d(0, 0, 0);--fancy-layer2-offset:translate3d(calc(var(--fancy-layer-spread) * .6), calc(var(--fancy-layer-spread) * .2), 0)}.fancy-letter-part{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.96s cubic-bezier(.18,.86,.24,1.18) both fancy-letter-enter;animation-delay:calc(var(--part-index) * var(--fancy-stagger))}.fancy-letter-overlay.fancy-variant-effect2 .fancy-letter-part{opacity:1;animation:none}.fancy-letter-overlay.fancy-variant-effect3 .fancy-letter-part{animation-name:fancy-letter-swing-enter}.fancy-letter-overlay.fancy-variant-effect4 .fancy-letter-part{animation-name:fancy-letter-rotate-enter}.fancy-letter-overlay.fancy-variant-effect2 .fancy-letter-layer{mix-blend-mode:normal;opacity:1;animation-name:fancy-letter-code-segments;animation-timing-function:linear}.fancy-letter-overlay.fancy-variant-effect2 .fancy-letter-svg{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--fancy-highlight) 22%, transparent)) drop-shadow(0 0 13px color-mix(in srgb, var(--fancy-accent) 14%, transparent))}.fancy-letter-overlay.fancy-variant-effect2 .fancy-variant-layer-0{--segment-start:0;--segment-end:-1;opacity:1;stroke:var(--fancy-primary);stroke-width:calc(var(--fancy-stroke) * .72);transform:translate(0,0)}.fancy-letter-overlay.fancy-variant-effect2 .fancy-variant-layer-1{--segment-start:-.24;--segment-end:-1.24;opacity:1;stroke:var(--fancy-highlight);stroke-width:calc(var(--fancy-stroke) * .72);transform:translate(0,0)}.fancy-letter-overlay.fancy-variant-effect2 .fancy-variant-layer-2{--segment-start:-.48;--segment-end:-1.48;opacity:1;stroke:var(--fancy-code-yellow);stroke-width:calc(var(--fancy-stroke) * .72);transform:translate(0,0)}.fancy-letter-overlay.fancy-variant-effect2 .fancy-variant-layer-3{--segment-start:-.72;--segment-end:-1.72;opacity:1;stroke:var(--fancy-accent);stroke-width:calc(var(--fancy-stroke) * .72);transform:translate(0,0)}.fancy-letter-overlay.fancy-variant-effect3 .fancy-letter-layer{animation-name:fancy-letter-handwriting}.fancy-letter-overlay.fancy-variant-effect3 .fancy-letter-layer-0{opacity:.34;stroke-width:calc(var(--fancy-stroke) * 1.12)}.fancy-letter-overlay.fancy-variant-effect3 .fancy-letter-layer-1{opacity:1;stroke-width:calc(var(--fancy-stroke) * .5)}.fancy-letter-head{fill:var(--fancy-primary);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--fancy-primary) 40%, transparent)) drop-shadow(0 0 12px color-mix(in srgb, var(--fancy-accent) 26%, transparent));opacity:.92;pointer-events:none}.fancy-letter-overlay.fancy-variant-effect4 .fancy-letter-layer{mix-blend-mode:screen;animation-name:fancy-letter-signal-scan}.fancy-letter-overlay.fancy-variant-effect4 .fancy-variant-layer-3{opacity:.34;stroke:var(--fancy-primary);stroke-width:max(1px, calc(var(--fancy-stroke) * .14));transform:translate3d(calc(var(--fancy-layer-spread) * -1.2), calc(var(--fancy-layer-spread) * -.4), 0)}.fancy-letter-overlay.fancy-variant-effect4 .fancy-variant-layer-4{opacity:.44;stroke:var(--fancy-accent);stroke-width:max(1px, calc(var(--fancy-stroke) * .18));transform:translate3d(calc(var(--fancy-layer-spread) * 1.1), calc(var(--fancy-layer-spread) * .5), 0)}.fancy-letter-layer{fill:none;stroke-dasharray:var(--fancy-dash);stroke-dashoffset:1px;stroke-linecap:var(--fancy-linecap);stroke-linejoin:var(--fancy-linejoin);stroke-miterlimit:3;stroke-width:var(--fancy-stroke);vector-effect:non-scaling-stroke;shape-rendering:geometricprecision;animation:fancy-letter-loop var(--fancy-active-duration) linear infinite;animation-delay:calc(var(--part-index) * var(--fancy-stagger) + var(--layer-index) * var(--fancy-layer-delay) + .16s)}.fancy-letter-layer-0{opacity:.96;stroke:var(--fancy-layer0-color);stroke-width:var(--fancy-layer0-width);transform:var(--fancy-layer0-offset)}.fancy-letter-layer-1{opacity:.9;stroke:var(--fancy-layer1-color);stroke-width:var(--fancy-layer1-width);transform:var(--fancy-layer1-offset)}.fancy-letter-layer-2{stroke:var(--fancy-layer2-color);stroke-width:var(--fancy-layer2-width);transform:var(--fancy-layer2-offset)}.fancy-letter-empty{color:#ffffff70;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.fancy-letter-overlay.is-paused .fancy-letter-part,.fancy-letter-overlay.is-paused .fancy-letter-layer,.fancy-letter-overlay.is-paused .fancy-letter-head{animation-play-state:paused}@keyframes fancy-letter-loop{0%{stroke-dashoffset:1px;opacity:.2}14%{opacity:1}56%{stroke-dashoffset:0;opacity:.92}to{stroke-dashoffset:-1px;opacity:.2}}@keyframes fancy-letter-comet{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:1}46%{stroke-dashoffset:.18px;opacity:.82}to{stroke-dashoffset:-1.15px;opacity:0}}@keyframes fancy-letter-code-segments{0%{stroke-dashoffset:var(--segment-start,0);opacity:1}to{stroke-dashoffset:var(--segment-end,-1);opacity:1}}@keyframes fancy-letter-handwriting{0%{stroke-dashoffset:1px;opacity:0}10%{opacity:1}52%{stroke-dashoffset:0;opacity:1}76%{stroke-dashoffset:0;opacity:.62}to{stroke-dashoffset:-1px;opacity:0}}@keyframes fancy-letter-signal-scan{0%{stroke-dashoffset:1.4px;opacity:.08}38%{opacity:1}72%{stroke-dashoffset:-.5px;opacity:.62}to{stroke-dashoffset:-1.6px;opacity:.08}}@keyframes fancy-letter-enter{0%{opacity:0;transform:translate3d(calc(var(--fancy-layer-spread) * 1.4), var(--fancy-bounce-y), 0) rotate(var(--fancy-bounce-rot)) scale(.88)}58%{opacity:1;transform:translateY(8px)rotate(3deg)scale(1.035)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes fancy-letter-scale-enter{0%{opacity:0;transform:scale(.55)}62%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes fancy-letter-swing-enter{0%{opacity:0;transform:translate3d(50px, var(--fancy-bounce-y), 0) rotate(calc(var(--fancy-bounce-rot) * 2.2)) scale(.9)}60%{opacity:1;transform:translate(-6px,6px)rotate(5deg)scale(1.04)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes fancy-letter-rotate-enter{0%{opacity:0;transform:rotate(55deg)scale(.92)}to{opacity:1;transform:rotate(0)scale(1)}}.scene-scanlines{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.22;background:repeating-linear-gradient(#ffffff06,#ffffff06 1px,#0000 1px 4px);position:absolute;inset:0}.render-mode-note{z-index:4;color:#c9dcf4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04080db8;border:1px solid #7ec0ff3d;border-radius:8px;max-width:min(360px,100% - 40px);padding:9px 12px;font-size:12px;position:absolute;bottom:96px;right:20px}.stage-hud{z-index:4;pointer-events:none;position:absolute}.stage-hud button{color:#ffffffad;cursor:pointer;background:0 0;border:0}.stage-hud button:hover,.stage-hud button.active{color:#fff}.stage-hud-top{color:#ffffff9e;text-transform:uppercase;grid-template-columns:132px minmax(260px,420px) 56px;align-items:center;gap:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;display:grid;top:24px;left:28px;right:28px}.hud-brand{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shader-mode-picker{width:min(420px,100%);min-width:0;position:relative}.shader-mode-trigger{text-align:left;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid;box-shadow:inset 0 1px #ffffff14,0 18px 48px #00000047;background:linear-gradient(#ffffff13,#ffffff06),#0000009e!important;border:1px solid #ffffff29!important;min-height:42px!important;padding:6px 10px!important}.shader-mode-current{min-width:0}.shader-mode-current strong,.shader-mode-current small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shader-mode-current strong{color:#fff;letter-spacing:.08em;font-size:12px}.shader-mode-current small{color:#ffffff7a;text-transform:none;margin-top:2px;font-size:10px}.shader-mode-caret{color:#ffffff73;letter-spacing:.08em;font-size:10px}.shader-mode-menu{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;background:linear-gradient(#ffffff14,#ffffff06),#020202eb;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(520px,100vw - 56px);max-height:min(520px,100vh - 150px);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 32px 90px #000000bd,inset 0 1px #ffffff14}.shader-mode-menu::-webkit-scrollbar{display:none}.shader-mode-menu .style-card{color:var(--muted);border:1px solid var(--line);background:#ffffff09;border-radius:9px;min-height:50px;padding:8px 10px}.shader-mode-menu .style-card.active{color:var(--text);background:#ffffff17;border-color:#ffffff61}.shader-mode-menu .style-card strong{letter-spacing:.06em;font-size:12px}.shader-mode-menu .style-card small{text-transform:none}.hud-link,.hud-playback button,.hud-upload{text-transform:uppercase;min-height:28px;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.hud-link{justify-self:end}.stage-hud-top>*,.stage-hud-bottom>*{pointer-events:auto}.stage-hud-bottom{grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;gap:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:grid;bottom:40px;left:28px;right:28px}.hud-playback{color:#ffffff57;align-items:center;gap:12px;display:flex}.hud-readout{color:#ffffff5c;text-transform:uppercase;justify-content:center;gap:20px;min-width:0;display:flex}.hud-readout span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-upload{text-transform:none;border-radius:8px;justify-self:end;min-width:112px;font-family:inherit;color:#050505!important;background:#fffffff0!important;border:1px solid #ffffff2e!important;padding:0 14px!important}.hud-upload:disabled{opacity:.72;cursor:wait}.stage-timeline,.timeline-editor{z-index:4;pointer-events:auto;color:#ffffff94;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;position:absolute;bottom:88px;left:28px;right:28px}.timeline-editor{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06080cb8;border:1px solid #ffffff1f;border-radius:12px;gap:6px;padding:10px 12px 12px;display:grid}.timeline-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.timeline-legend{color:#ffffff61;gap:12px;font-size:10px;display:flex}.timeline-legend-hold:before,.timeline-legend-morph:before{content:"";border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.timeline-legend-hold:before{background:#ffffff47}.timeline-legend-morph:before{background:#78c4ffb3}.timeline-add{color:#ffffff8c;cursor:pointer;background:0 0;border:1px dashed #ffffff2e;border-radius:8px;place-items:center;width:28px;min-width:28px;height:28px;display:grid}.timeline-add:hover{color:#fff;border-color:#ffffff47}.timeline-add:disabled{opacity:.35;cursor:default}.timeline-ruler{color:#ffffff52;text-transform:none;height:16px;margin:0 1px;font-size:10px;position:relative}.timeline-tick{position:absolute;top:0;transform:translate(-50%)}.timeline-tick:first-child{transform:none}.timeline-tick:last-child{transform:translate(-100%)}.timeline-tick:first-child:last-child{transform:none}.timeline-track{cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff08;border-radius:8px;height:52px;position:relative;overflow:hidden}.timeline-block{color:#ffffff9e;cursor:pointer;box-sizing:border-box;border:1px solid #ffffff1a;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;min-width:18px;padding:0 10px 0 6px;display:grid;position:absolute;top:4px;bottom:4px;overflow:hidden}.timeline-block.hold{background:#ffffff0d;border-radius:6px 0 0 6px}.timeline-block.morph{color:#d2e8ffd1;background:repeating-linear-gradient(-52deg,#78c4ff29,#78c4ff29 6px,#78c4ff14 6px 12px);border-radius:0 6px 6px 0;grid-template-columns:minmax(0,1fr);padding-left:8px}.timeline-block.active{color:#fff;z-index:1;border-color:#ffffff4d}.timeline-block.hold.active{background:#ffffff1a}.timeline-block.morph.active{border-color:#a0dcff6b}.timeline-block-preview{background:#05070b;border-radius:4px;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.timeline-block-preview svg{width:86%;height:78%;display:block}.timeline-block-meta strong,.timeline-block-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline-block-meta small{color:#fff6;text-transform:none;margin-top:1px;font-size:10px}.timeline-block.compact{grid-template-columns:minmax(0,1fr);padding-left:8px}.timeline-block.compact .timeline-block-preview,.timeline-block.compact .timeline-clip-remove{display:none}.timeline-block.compact .timeline-block-meta strong{font-size:10px}.timeline-clip-remove{z-index:2;color:#ffffff73;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:3px;left:auto;right:12px}.timeline-clip-remove:hover{color:#fff}.timeline-handle{z-index:3;cursor:ew-resize;width:10px;height:100%;position:absolute;top:0;right:0}.timeline-handle:after{content:"";background:#ffffff73;border-radius:999px;width:2px;height:18px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.timeline-block.morph .timeline-handle:after{background:#b4e2ffcc}.timeline-playhead{z-index:4;cursor:ew-resize;width:10px;margin-left:-5px;position:absolute;top:0;bottom:0}.timeline-playhead:before{content:"";background:#fff;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-playhead:after{content:"";background:#fff;border-radius:1px;width:8px;height:8px;position:absolute;top:-1px;left:50%;transform:translate(-50%)rotate(45deg)}.timeline-time{color:#ffffff61;text-align:left;min-width:92px}.app-shell.is-recording .stage-hud,.app-shell.is-recording .stage-timeline,.app-shell.is-recording .timeline-editor,.app-shell.is-recording .mobile-dock,.app-shell.is-recording .mobile-effect-chip,.app-shell.is-recording .webcam-walkers-status{opacity:0!important;pointer-events:none!important}.record-badge{z-index:6;color:#ffd6d6;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#0c0406b8;border:1px solid #ff505066;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;display:none;position:absolute;top:22px;left:50%;transform:translate(-50%)}.app-shell.is-recording .record-badge{display:inline-flex}.record-badge:before{content:"";background:#ff4d4d;border-radius:999px;width:8px;height:8px;box-shadow:0 0 10px #ff4646cc}.scene-fallback{text-align:center;color:#dce9f8;background:#020305;place-content:center;gap:8px;height:100%;display:grid}.scene-fallback span{color:var(--muted)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-backdrop,.mobile-sheet-header,.mobile-effect-chip,.mobile-effects-sheet,.mobile-dock{display:none}@media (width<=900px) and (width>=769px){.app-shell,.app-shell.panel-hidden{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}}@media (width<=768px){body{overflow:hidden}.app-shell,.app-shell.panel-hidden{width:100%;height:100dvh;min-height:0;display:block;position:fixed;inset:0;overflow:hidden}.mobile-backdrop{z-index:34;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .22s var(--ease-out);background:#00000094;border:0;display:block;position:fixed;inset:0}.app-shell.mobile-ui-open .mobile-backdrop{opacity:1;pointer-events:auto}.control-panel{z-index:40;width:100%;height:auto;max-height:min(82dvh,760px);padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));opacity:1;pointer-events:auto;transition:transform .28s var(--ease-out);border-bottom:0;border-right:0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0;transform:translateY(calc(100% + 24px));box-shadow:0 -28px 80px #00000085}.app-shell:not(.panel-hidden) .control-panel{transform:translateY(0)}.panel-hidden .control-panel{padding-left:18px;padding-right:18px;display:flex;overflow:auto;transform:translateY(calc(100% + 24px))}.mobile-sheet-header{border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin:0 0 14px;padding-bottom:12px;display:grid}.mobile-sheet-handle{background:#ffffff38;border-radius:999px;grid-column:1/-1;width:42px;height:4px;margin:0 auto 8px}.mobile-sheet-title strong,.mobile-sheet-title small{display:block}.mobile-sheet-title strong{letter-spacing:.02em;font-size:15px}.mobile-sheet-title small{color:var(--muted);margin-top:2px;font-size:12px}.mobile-sheet-close{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.stage{height:100%;min-height:0;position:absolute;inset:0}.stage-hud-desktop{display:none!important}.timeline-editor{right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));left:16px}.timeline-legend{display:none}.mobile-effect-chip{top:calc(12px + env(safe-area-inset-top,0px));z-index:5;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;pointer-events:auto;background:linear-gradient(#ffffff14,#ffffff05),#00000094;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:min(280px,100% - 24px);min-height:42px;padding:6px 12px 6px 8px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000047}.mobile-effect-chip .style-swatch{border-radius:999px;width:28px;height:28px}.mobile-effect-chip-copy{text-align:left;min-width:0}.mobile-effect-chip-copy strong,.mobile-effect-chip-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-effect-chip-copy strong{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.mobile-effect-chip-copy small{color:#ffffff94;font-size:11px}.mobile-effects-sheet{z-index:41;max-height:min(78dvh,720px);padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #0e0e0efa, #040404f5), var(--panel-solid);transition:transform .28s var(--ease-out);pointer-events:none;border-radius:18px 18px 0 0;flex-direction:column;display:flex;position:fixed;inset:auto 0 0;transform:translateY(calc(100% + 24px));box-shadow:0 -28px 80px #00000085}.mobile-effects-sheet.open{pointer-events:auto;transform:translateY(0)}.mobile-effects-sheet .mobile-mode-grid{width:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-content:flex-start;align-items:stretch;gap:8px;margin:0;padding:0 2px 4px;display:flex;position:static;overflow:auto}.mobile-effects-sheet .shader-mode-dev-heading{flex:0 0 100%;width:100%;margin-top:2px}.mobile-effects-sheet .style-card-compact{border-radius:10px;grid-template-columns:none;align-items:center;gap:8px;width:auto;min-height:36px;padding:6px 10px 6px 6px;display:inline-flex}.mobile-effects-sheet .style-card-compact .style-swatch{border-radius:6px;flex-shrink:0;width:22px;height:22px}.mobile-effects-sheet .style-card-compact .style-card-copy strong{white-space:nowrap;font-size:11px}.mobile-effects-sheet .style-card-compact.active{box-shadow:inset 0 0 0 1px #ffffff14}.mobile-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:linear-gradient(#121212eb,#060606e0);border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 48px #0000006b}.mobile-dock-button{color:#ffffffb8;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:4px;min-height:54px;padding:8px 4px;font-size:10px;display:grid}.mobile-dock-button.active,.mobile-dock-button:active{color:#fff;background:#ffffff14}.app-shell.mobile-ui-open .mobile-dock{opacity:0;pointer-events:none;transform:translateY(12px)}.app-shell.mobile-ui-open .mobile-effect-chip{opacity:0;pointer-events:none}.app-header h1{font-size:18px}.source-actions,.control-pair{grid-template-columns:1fr 1fr}.icon-button{width:auto}}@media (width<=900px){.stage-hud-top,.stage-hud-bottom,.timeline-editor{left:16px;right:16px}.shader-mode-picker,.hud-readout{width:min(420px,100%)}}@media (width<=560px){.control-panel{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.source-actions,.control-pair,.shader-mode-menu{grid-template-columns:1fr}}