:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#111;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#111}button{font:inherit}.app{grid-template-rows:52px 1fr 28px;width:100vw;height:100vh;display:grid}.topbar{background:#151515;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand{letter-spacing:.08em;font-size:13px;font-weight:600}button{color:#ddd;cursor:pointer;background:#1d1d1d;border:1px solid #333;border-radius:5px;padding:5px 10px}button:hover{background:#272727}.workspace{grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid;overflow:hidden}.side-panel{border-left:1px solid #292929;min-height:0;overflow:hidden auto}.statusbar{color:#7b7489;-webkit-user-select:none;user-select:none;z-index:50;background:#0d0c13;border-top:1px solid #1a1726;justify-content:flex-start;align-items:center;gap:10px;height:28px;padding:0 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:11px;display:flex}.statusbar .status-pill{color:#9b94aa;background:#14121d;border:1px solid #231f30;border-radius:9999px;align-items:center;gap:6px;height:19px;padding:2px 9px;font-size:10.5px;font-weight:500;transition:border-color .15s,background-color .15s;display:inline-flex}.statusbar .status-pill:hover{background:#181524;border-color:#3b334d}.statusbar .status-pill strong{font-variant-numeric:tabular-nums;color:#f5f3ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.statusbar .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.step-dot{background:#c084fc}.status-dot.node-dot{background:#34d399}.status-dot.conn-dot{background:#fb923c}.statusbar .status-pill.status-live{color:#6ee7b7;background:#34d3990f;border-color:#34d39940;margin-left:auto;padding:2px 10px}.statusbar .status-pill.status-live strong{color:#34d399;letter-spacing:.06em;text-transform:uppercase;font-size:9.5px}@keyframes mm-beacon-pulse{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 5px #34d39900}to{box-shadow:0 0 #34d39900}}.status-dot.beacon-active{background:#34d399;animation:1.4s ease-out infinite mm-beacon-pulse}.status-dot.beacon-idle{background:#4a4458}.node-palette{background:#151515f2;border:1px solid #292929;border-radius:6px;flex-wrap:wrap;gap:4px;max-width:calc(100% - 24px);padding:6px;display:flex;position:absolute;bottom:12px;left:12px}.node-palette button{font-size:10px}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes nodeDisappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.world-node.node-added{animation:.25s ease-out forwards nodeAppear}.world-node.node-removing{pointer-events:none;animation:.25s ease-in forwards nodeDisappear}.palette-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.palette-modal{background:#181818;border:1px solid #333;border-radius:10px;flex-direction:column;width:480px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000b3}.palette-header{background:#1c1c1c;border-bottom:1px solid #282828;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.palette-header h3{letter-spacing:.06em;color:#ddd;margin:0;font-size:13px;font-weight:600}.palette-body{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.palette-group{flex-direction:column;gap:8px;display:flex}.palette-group-title{letter-spacing:.08em;text-transform:uppercase;color:#666;font-size:10px;font-weight:700}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;display:grid}.palette-item-btn{color:#ccc;text-align:center;cursor:pointer;background:#202020;border:1px solid #2f2f2f;border-radius:6px;padding:8px 10px;font-size:11px;transition:all .15s}.palette-item-btn:hover{color:#fff;background:#2a2a2a;border-color:#444;transform:translateY(-1px)}.topbar{background:#0d0c13;border-bottom:1px solid #1a1726;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.brand{letter-spacing:.08em;color:#e2dfeb;text-transform:uppercase;align-items:center;gap:8px;font-size:11.5px;font-weight:800;display:flex}.brand:before{content:"";background:#c084fc;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #c084fc99}.controls{align-items:center;gap:8px;display:flex}.control-group{background:#14121d;border:1px solid #231f30;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:0 2px #00000059}.control-group button{color:#9b94aa;cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:9999px;padding:5px 12px;font-size:11px;font-weight:600;line-height:1.2;transition:background-color .15s,color .15s,transform .1s,border-color .15s}.control-group button:hover{color:#f5f3ff;background:#1e1b2b}.control-group button:active{transform:scale(.96)}.control-group button.active{color:#d8b4fe;background:#251d38;border-color:#c084fc59;box-shadow:0 0 10px #c084fc33}.control-group button.btn-running{color:#6ee7b7;background:#34d39926;border-color:#34d39966;box-shadow:0 0 12px #34d39940}.control-group button.btn-running:hover{color:#a7f3d0;background:#34d39940}.control-group button.danger{color:#e57373}.control-group button.danger:hover{color:#fda4af;background:#f43f5e2e;border-color:#f43f5e59}.control-group button.highlight-button{color:#d8b4fe}.control-group button.highlight-button:hover{color:#f5f3ff;background:#2b1f42;border-color:#563d80}.topbar-divider{background:#231f30;width:1px;height:18px;margin:0 3px}.custom-peek-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-peek-modal{background:#141414;border:1px solid #2d2d2d;border-radius:10px;flex-direction:column;width:920px;max-width:92vw;height:620px;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9}.custom-peek-header{background:#181818;border-bottom:1px solid #282828;justify-content:space-between;align-items:center;height:46px;padding:0 18px;display:flex}.custom-peek-title-group{align-items:baseline;gap:12px;display:flex}.custom-peek-title-group h3{color:#f3f4f6;letter-spacing:.04em;margin:0;font-size:14px;font-weight:700}.custom-peek-meta{color:#71717a;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.custom-peek-close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .15s}.custom-peek-close-btn:hover{color:#fff;background:#272727}.custom-peek-canvas-wrapper{background:#0f0f0f;flex:1;min-height:0;position:relative;overflow:hidden}.custom-peek-canvas-wrapper node-canvas,.custom-peek-canvas-wrapper .canvas{width:100%;height:100%;display:block}.custom-peek-footer{background:#161616;border-top:1px solid #262626;justify-content:space-between;align-items:center;padding:10px 18px;font-size:12px;display:flex}.custom-peek-port-tags{color:#9ca3af;gap:18px;font-size:11.5px;display:flex}.custom-peek-port-tags strong{color:#e5e7eb}.custom-peek-actions{gap:8px;display:flex}.peek-btn{color:#d1d5db;cursor:pointer;background:#202020;border:1px solid #333;border-radius:5px;padding:6px 14px;font-size:11.5px;transition:all .15s}.peek-btn:hover{color:#fff;background:#2a2a2a;border-color:#444}.peek-btn-unpack{color:#fbbf24;background:#92400e26;border-color:#92400e}.peek-btn-unpack:hover{color:#fef08a;background:#92400e59}.canvas{-webkit-user-select:none;user-select:none;background-color:#0b0c10;background-image:radial-gradient(#ffffff12 1.2px,#0000 1.2px);background-size:22px 22px;width:100%;height:100%;position:relative;overflow:hidden}.canvas-viewport{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.connection{fill:none;stroke:#3f3b4d;stroke-width:2.25px;stroke-linecap:round;transition:stroke .18s,stroke-width .18s}.connection.temporary{stroke-dasharray:5 4;stroke:#c084fc;opacity:.9}.connection-hitbox{fill:none;stroke:#0000;stroke-width:18px;cursor:pointer;pointer-events:stroke}.connection-hitbox:hover+.connection{stroke:#d8b4fe;stroke-width:2.75px}.connection.wire-cutting,.connection-hitbox:hover+.connection.wire-cutting{filter:drop-shadow(0 0 8px #f43f5ebf);stroke:#f43f5e!important;stroke-width:3px!important}.connection-hitbox:hover+.connection:has(~.dock-btn.cut-active){filter:drop-shadow(0 0 8px #f43f5ebf);stroke:#f43f5e!important;stroke-width:3px!important}@keyframes wireDataStream{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.connection-wire.wire-active{stroke-dasharray:6 5;stroke-linecap:round;filter:drop-shadow(0 0 8px #c084fca6);z-index:45;animation:.7s linear infinite wireDataStream;opacity:1!important;stroke:#c084fc!important;stroke-width:2.5px!important}.selection-marquee{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;z-index:99;background:#a855f71a;border:1px solid #a855f7;border-radius:4px;position:absolute}.canvas-dock{-webkit-backdrop-filter:blur(16px);z-index:100;-webkit-user-select:none;user-select:none;background:#100e16d1;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0d,0 12px 32px #000000a6}.dock-btn{letter-spacing:.01em;color:#9490a0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .14s;display:flex}.dock-btn:hover{color:#f5f3ff;background:#ffffff0f}.dock-btn.active{color:#c084fc;background:#241d33;border-color:#c084fc4d;box-shadow:0 2px 8px #0006}.dock-btn.cut-active{color:#fda4af;background:#f43f5e26;border-color:#f43f5e}.dock-divider{background:#ffffff14;width:1px;height:18px;margin:0 4px}.zoom-controls{-webkit-backdrop-filter:blur(16px);z-index:100;-webkit-user-select:none;user-select:none;background:#100e16d1;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #0009}.zoom-controls button{color:#d1cdd9;cursor:pointer;background:#181521;border:1px solid #ffffff14;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .12s}.zoom-controls button:hover{color:#fff;background:#272136;border-color:#c084fc40}.zoom-level-text{font-variant-numeric:tabular-nums;color:#9490a0;text-align:center;min-width:42px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}node-canvas.stage-dimmed world-node:not(.spotlight-active):not(.spotlight-connected),node-canvas.stage-dimmed .world-node:not(.spotlight-active):not(.spotlight-connected){filter:grayscale(.7)blur(.4px);pointer-events:none;transition:opacity .35s,filter .35s;opacity:.14!important}node-canvas.stage-dimmed .connection-wire:not(.wire-active){transition:opacity .35s;opacity:.06!important}world-node.spotlight-active,.world-node.spotlight-active{z-index:50;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);transform:translateZ(0)scale(1.02);opacity:1!important}world-node.spotlight-connected,.world-node.spotlight-connected{z-index:40;transition:opacity .3s;opacity:.88!important}node-canvas.director-progressive-reveal world-node{pointer-events:none;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:scale(.85);opacity:0!important}node-canvas.director-progressive-reveal .connection-group{transition:opacity .4s;opacity:0!important}@keyframes nodeMaterializePop{0%{opacity:0;filter:drop-shadow(0 0 #c084fc00);transform:scale(.85)}65%{opacity:1;filter:drop-shadow(0 0 16px #c084fc8c);transform:scale(1.03)}to{opacity:1;filter:drop-shadow(0 0 #c084fc00);transform:scale(1)}}node-canvas.director-progressive-reveal world-node.node-materialized{pointer-events:auto;animation:.45s cubic-bezier(.16,1,.3,1) forwards nodeMaterializePop;transform:scale(1);opacity:1!important}node-canvas.director-progressive-reveal .connection-group.wire-materialized{opacity:1!important}node-canvas.director-progressive-reveal .connection-group.wire-materialized .connection-wire{stroke-dasharray:5 3;animation:.75s linear infinite wireDataStream;stroke:#c084fc!important}:host{contain:layout style}@keyframes mm-breathe{0%,to{box-shadow:0 3px #00000059,0 8px 24px -4px #00000080}50%{box-shadow:0 3px 0 0 #00000059, 0 12px 28px -2px #0006, 0 0 16px 2px var(--node-accent-glow,#c084fc14)}}@keyframes mm-pulse-ring{0%{box-shadow:0 0 0 0 var(--node-accent-alpha,#c084fc66)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.world-node{box-sizing:border-box;color:#e2dfeb;-webkit-user-select:none;user-select:none;cursor:grab;z-index:2;background:#14131a;border:1px solid #282434;border-radius:12px;width:178px;min-height:68px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:11px;line-height:1.3;transition:transform .24s cubic-bezier(.34,1.56,.64,1),border-color .18s,box-shadow .2s,background-color .18s;animation:6s ease-in-out infinite mm-breathe;position:absolute;box-shadow:0 3px #00000059,0 8px 24px -4px #00000080}.world-node:active{cursor:grabbing;animation:none;transform:scale(.985);box-shadow:0 2px #0006,0 4px 14px #0006}.world-node:hover{border-color:#3f3950;transform:translateY(-1px)}.world-node.selected{border-color:#c084fc;animation:none;box-shadow:0 3px #00000059,0 0 0 1px #c084fc,0 0 14px #c084fc59,0 8px 24px #0009}.world-node .node-header{box-sizing:border-box;color:#8f8a9e;letter-spacing:.07em;text-transform:uppercase;background:#ffffff05;border-bottom:1px solid #231f2e;border-top-left-radius:11px;border-top-right-radius:11px;justify-content:space-between;align-items:center;height:27px;padding:0 10px;font-size:10px;font-weight:800;display:flex}.world-node.constant,.world-node.input{--node-accent:#34d399;--node-accent-alpha:#34d39966;--node-accent-glow:#34d39914}.world-node.constant .node-header,.world-node.input .node-header{color:#6ee7b7}.world-node.math,.world-node.set_field,.world-node.add,.world-node.subtract,.world-node.multiply,.world-node.divide{--node-accent:#c084fc;--node-accent-alpha:#c084fc66;--node-accent-glow:#c084fc1a}.world-node.math .node-header,.world-node.set_field .node-header,.world-node.add .node-header,.world-node.subtract .node-header,.world-node.multiply .node-header,.world-node.divide .node-header{color:#d8b4fe}.world-node.custom{--node-accent:#f472b6;--node-accent-alpha:#f472b666;--node-accent-glow:#f472b614}.world-node.custom .node-header{color:#fbcfe8}.world-node.output,.world-node.render_output{--node-accent:#fb923c;--node-accent-alpha:#fb923c66;--node-accent-glow:#fb923c14}.world-node.output .node-header,.world-node.render_output .node-header{color:#fdba74}.world-node .node-body{box-sizing:border-box;z-index:1;justify-content:center;align-items:center;min-height:38px;padding:6px 10px;display:flex;position:relative}.world-node .node-value-text{color:#f5f3ff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;background:#0d0c12;border:1px solid #231f2e;border-radius:6px;justify-content:center;align-items:center;max-width:100%;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.world-node .node-value-text.text-sm{font-size:11px}.world-node .node-value-text.text-xs{color:#8e889d;font-size:9.5px}.world-node .scrubbable-value{color:#c084fc;border-bottom:1.5px dashed #c084fc8c}.world-node .scrubbable-value:hover{color:#e9d5ff;background:#1e172a;border-bottom-color:#e9d5ff}.world-node .port{box-sizing:border-box;background:var(--node-accent,#706b7e);cursor:crosshair;z-index:10;border:1.5px solid #14131a;border-radius:50%;width:9px;height:9px;margin:0;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .15s,border-color .15s;position:absolute;transform:translateY(-50%)}.world-node .input-port{left:-4.5px}.world-node .output-port{right:-4.5px}.world-node .port:hover{background:#fff;border-color:#0b0c10;animation:1.2s infinite mm-pulse-ring;transform:translateY(-50%)scale(1.4)}.world-node .port-label{box-sizing:border-box;color:#7b7489;pointer-events:none;z-index:5;white-space:nowrap;letter-spacing:.02em;font-size:9px;font-weight:600;line-height:1;transition:color .15s;position:absolute;transform:translateY(-50%)}.world-node .input-port-label{left:8px}.world-node .output-port-label{text-align:right;right:8px}.world-node:hover .port-label{color:#a79fb7}.world-node .type-num{color:#c084fc}.world-node .type-str{color:#34d399}.world-node .type-bool{color:#f472b6}.world-node .type-arr{color:#fb923c}.world-node .type-rec{color:#e879f9}.world-node .type-chr{color:#2dd4bf}.world-node .type-any{color:#9490a0}.world-node.has-error{--node-accent:#f43f5e;--node-accent-alpha:#f43f5e66;--node-accent-glow:#f43f5e1f;border-color:#f43f5e}.world-node .error-badge{color:#fff;background:#f43f5e;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:inline-flex}.world-node .node-error-banner{box-sizing:border-box;color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:6px;margin:0 8px 8px;padding:4px 8px;font-size:9.5px;line-height:1.35}.world-node .port.port-error{animation:1s infinite mm-pulse-ring;background:#f43f5e!important}@media (prefers-reduced-motion:reduce){.world-node,.world-node .port,.world-node:hover{transition:none!important;animation:none!important;transform:none!important}}output-panel{display:block}.output-panel{color:#e2dfeb;background:#100f16;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}.output-panel .panel-title{letter-spacing:.08em;text-transform:uppercase;color:#827b91;border-bottom:1px solid #1f1b29;padding:12px 16px;font-size:10px;font-weight:700}.output-panel .current-output{padding:18px 16px}.output-panel .output-value{justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.output-panel .output-value span{color:#7b7489;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.output-panel .output-value strong{font-variant-numeric:tabular-nums;color:#f5f3ff;letter-spacing:-.02em;text-shadow:0 0 20px #c084fc26;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;font-weight:500}.output-panel .history{border-top:1px solid #1f1b29}.output-panel .history-title{color:#6b6477;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;font-size:10px;font-weight:700}.output-panel .history-row{font-variant-numeric:tabular-nums;color:#c4bed3;border-top:1px solid #171520;justify-content:space-between;align-items:center;padding:8px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;transition:background-color .12s;display:flex}.output-panel .history-row:hover{background:#c084fc0a}.output-panel .history-row span:first-child{color:#686178;font-size:10.5px}.output-panel .history-row span:last-child{color:#d8b4fe}viewport-modal{display:contents}.viewport-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#08070cd1;justify-content:center;align-items:center;animation:.18s ease-out viewportFadeIn;display:flex;position:fixed;inset:0}@keyframes viewportFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.viewport-frame{color:#e2dfeb;background:#0d0c13;border:1px solid #231f30;border-radius:12px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;transition:width .2s,height .2s,transform .2s,border-color .15s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 64px -12px #000000e6}.viewport-frame.mode-modal{width:min(96vw,1400px);height:min(92vh,950px)}.viewport-frame.mode-docked{z-index:150;width:440px;position:fixed;bottom:40px;right:320px;box-shadow:0 12px 36px #000000d9,0 0 0 1px #c084fc59}.viewport-frame.mode-minimized{z-index:150;border-color:#231f30;width:260px;position:fixed;bottom:40px;right:320px}.viewport-frame .modal-header{-webkit-user-select:none;user-select:none;background:#110f19;border-bottom:1px solid #1f1b2b;justify-content:space-between;align-items:center;height:44px;padding:0 14px;display:flex}.viewport-frame .modal-title-group{align-items:center;gap:8px;display:flex}.viewport-frame .modal-title{letter-spacing:.08em;text-transform:uppercase;color:#c084fc;align-items:center;gap:7px;font-size:10.5px;font-weight:800;display:flex}.viewport-frame .modal-title:before{content:"";background:#c084fc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #c084fc99}.viewport-frame .tick-badge{color:#c4bed3;background:#181524;border:1px solid #2d263d;border-radius:9999px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;font-weight:600}.viewport-frame .recording-badge{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e66;border-radius:9999px;align-items:center;gap:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;font-weight:700;animation:1.5s infinite viewportPulse;display:flex}.viewport-frame .rec-dot{background:#f43f5e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #f43f5ecc}@keyframes viewportPulse{0%,to{opacity:1}50%{opacity:.6}}.viewport-frame .viewport-controls{align-items:center;gap:5px;display:flex}.viewport-frame .ctrl-btn{color:#c4bed3;cursor:pointer;background:#181524;border:1px solid #2d263d;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .14s;display:flex}.viewport-frame .ctrl-btn:hover{color:#f5f3ff;background:#231e33;border-color:#43385c}.viewport-frame .ctrl-btn.active{color:#d8b4fe;background:#2b1f42;border-color:#c084fc73;box-shadow:0 0 10px #c084fc40}.viewport-frame .ctrl-btn.record-active{color:#fecdd3;background:#f43f5e33;border-color:#f43f5e}.viewport-frame .ctrl-btn.danger{color:#fda4af}.viewport-frame .ctrl-btn.danger:hover{background:#f43f5e2e;border-color:#f43f5e59}.viewport-frame .icon-btn{color:#7b7489;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;transition:all .12s;display:flex}.viewport-frame .icon-btn:hover{color:#f5f3ff;background:#ffffff0f}.viewport-frame .canvas-container{background:#09080e;flex:1;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex;overflow:hidden}.viewport-frame canvas{object-fit:contain;background:#050407;border:1px solid #1a1726;border-radius:8px;width:100%;max-width:1200px;height:100%;max-height:800px;display:block;box-shadow:inset 0 4px 18px #00000080}.viewport-frame .modal-footer{color:#6b6477;background:#110f19;border-top:1px solid #1f1b2b;justify-content:space-between;align-items:center;height:28px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9.5px;display:flex}library-panel{color:#e2dfeb;-webkit-font-smoothing:antialiased;background:#09080e;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;display:block;overflow:hidden}.docs{background-color:#09080e;background-image:radial-gradient(65% 45% at 15% 0,#c084fc14 0%,#0000 70%),radial-gradient(55% 55% at 85% 100%,#a855f70d 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;height:100vh;display:flex}.docs .docs-header{-webkit-backdrop-filter:blur(14px);z-index:10;background:#110f19d9;border-bottom:1px solid #1f1b2b;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.docs .brand-group{align-items:center;gap:12px;display:flex}.docs .brand-title{letter-spacing:-.01em;color:#f5f3ff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.docs .brand-badge{color:#d8b4fe;background:#1b1626;border:1px solid #c084fc59;border-radius:9999px;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10.5px;font-weight:600}.docs .header-actions{align-items:center;gap:14px;display:flex}.docs .search-box{background:#14121d;border:1px solid #262135;border-radius:9999px;align-items:center;width:220px;padding:5px 12px;transition:all .2s;display:flex}.docs .search-box:focus-within{background:#191626;border-color:#c084fc;width:280px;box-shadow:0 0 0 2px #c084fc33}.docs .search-input{color:#f5f3ff;background:0 0;border:none;outline:none;width:100%;margin-left:6px;font-size:12px}.docs .search-input::placeholder{color:#7b7489}.docs .close-btn{color:#9b94aa;cursor:pointer;background:#161322;border:1px solid #282236;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.docs .close-btn:hover{color:#fff;background:#252033;border-color:#3f3654}.docs .docs-body{flex:1;display:flex;overflow:hidden}.docs .sidebar{background:#0d0c13;border-right:1px solid #1a1726;flex-direction:column;flex-shrink:0;gap:4px;width:230px;padding:20px 12px;display:flex;overflow-y:auto}.docs .sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:#726b80;padding:8px 12px 4px;font-size:10px;font-weight:700}.docs .sidebar-item{color:#9b94aa;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.docs .sidebar-item:hover{color:#e2dfeb;background:#15131f}.docs .sidebar-item.active{color:#d8b4fe;background:#1b1626;border-color:#c084fc59;box-shadow:0 0 10px #c084fc1a}.docs .sidebar-item .icon{opacity:.75;font-size:14px}.docs .sidebar-item.active .icon{opacity:1}.docs .content{background:0 0;flex:1;padding:36px 48px;overflow-y:auto}.docs .content-header{border-bottom:1px solid #1f1b2b;margin-bottom:28px;padding-bottom:18px}.docs .content-title{letter-spacing:-.02em;color:#f5f3ff;margin:0 0 6px;font-size:22px;font-weight:700}.docs .content-subtitle{color:#9b94aa;margin:0;font-size:13px;line-height:1.5}.docs .filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.docs .filter-pill{color:#9b94aa;cursor:pointer;background:#14121d;border:1px solid #231f30;border-radius:9999px;padding:4px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.docs .filter-pill:hover{color:#f5f3ff;background:#1a1726;border-color:#3b334f}.docs .filter-pill.active{color:#d8b4fe;background:#251d38;border-color:#c084fc66;box-shadow:0 0 10px #c084fc33}.docs .node-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.docs .node-card{cursor:pointer;background:#110f19;border:1px solid #1f1b2b;border-radius:11px;flex-direction:column;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.docs .node-card:hover{background:#161320;border-color:#c084fc66;transform:translateY(-2px);box-shadow:0 10px 24px -8px #0009}.docs .node-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.docs .node-name{color:#f5f3ff;font-size:13.5px;font-weight:700}.docs .node-badge{color:#c4bed3;background:#181524;border:1px solid #292336;border-radius:9999px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.docs .node-desc{color:#9b94aa;flex:1;margin-bottom:14px;font-size:12px;line-height:1.5}.docs .node-io{color:#7b7489;border-top:1px solid #1a1726;gap:8px;padding-top:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;display:flex}.docs .io-tag{color:#c084fc}.docs .recipe-card{background:#110f19;border:1px solid #1f1b2b;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:20px 24px;transition:all .2s;display:flex}.docs .recipe-card:hover{background:#15121f;border-color:#c084fc59;box-shadow:0 8px 24px -4px #00000080}.docs .recipe-info h3{color:#f5f3ff;margin:0 0 4px;font-size:14.5px;font-weight:700}.docs .recipe-info p{color:#9b94aa;margin:0;font-size:12px;line-height:1.5}.docs .insert-btn{color:#d8b4fe;cursor:pointer;white-space:nowrap;background:#251d38;border:1px solid #c084fc66;border-radius:9999px;align-items:center;gap:6px;padding:7px 16px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.docs .insert-btn:hover{color:#fff;background:#362652;border-color:#c084fc;box-shadow:0 0 14px #c084fc4d}.docs .back-btn{color:#9b94aa;cursor:pointer;background:#14121d;border:1px solid #231f30;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.docs .back-btn:hover{color:#f5f3ff;background:#1e1b2b;border-color:#3f3654}.docs .markdown-content{color:#d8d4e4;max-width:800px;font-size:13.5px;line-height:1.7}.docs .markdown-content h1{letter-spacing:-.02em;color:#f5f3ff;margin:1.4em 0 .5em;font-size:24px;font-weight:700}.docs .markdown-content h2{color:#f5f3ff;border-bottom:1px solid #1f1b2b;margin:1.5em 0 .6em;padding-bottom:8px;font-size:17px;font-weight:700}.docs .markdown-content p{margin-bottom:14px}.docs .markdown-content code{color:#c084fc;background:#14121d;border:1px solid #231f30;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px}.docs .markdown-content pre{background:#0c0b11;border:1px solid #1f1b2b;border-radius:10px;margin:16px 0;padding:16px;overflow-x:auto}.docs .markdown-content pre code{color:#e2dfeb;background:0 0;border:none;padding:0}.docs ::-webkit-scrollbar{width:6px;height:6px}.docs ::-webkit-scrollbar-track{background:0 0}.docs ::-webkit-scrollbar-thumb{background:#231f30;border-radius:9999px}.docs ::-webkit-scrollbar-thumb:hover{background:#3b334f}creator-modal{display:contents}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#08070cd1;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out creatorModalFadeIn;display:flex;position:fixed;inset:0}@keyframes creatorModalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-backdrop,.modal-backdrop *,.creator-window,.creator-window *{box-sizing:border-box}.creator-window{-webkit-font-smoothing:antialiased;color:#e2dfeb;background:#0d0c13;border:1px solid #231f30;border-radius:14px;flex-direction:column;width:960px;max-width:95vw;height:80vh;max-height:760px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 64px -12px #000000e6}.window-header{background:#110f19;border-bottom:1px solid #1f1b2b;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 22px;display:flex}.brand-group{align-items:center;gap:12px;display:flex}.brand-title{letter-spacing:-.01em;color:#f5f3ff;font-size:14px;font-weight:700}.scene-count-badge{color:#c084fc;background:#191624;border:1px solid #2d263d;border-radius:9999px;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10.5px;font-weight:600}.close-btn{color:#7b7489;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:18px;transition:color .15s,transform .1s;display:flex}.close-btn:hover{color:#f5f3ff;background:#ffffff0d}.workspace-area{flex:1;display:flex;overflow:hidden}.storyboard-sidebar{background:#0b0a10;border-right:1px solid #1a1726;flex-direction:column;width:330px;display:flex}.sidebar-header{color:#726b80;text-transform:uppercase;letter-spacing:.08em;padding:16px 20px 8px;font-size:10px;font-weight:700}.scene-list{flex-direction:column;flex:1;gap:6px;padding:8px 12px;display:flex;overflow-y:auto}.scene-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:5px;padding:11px 13px;transition:all .15s;display:flex;position:relative}.scene-item:hover{background:#14121d;border-color:#211c2e}.scene-item.active{background:#1b1626;border-color:#c084fc59;box-shadow:0 0 12px #c084fc14}.scene-item-header{justify-content:space-between;align-items:center;display:flex}.scene-index-group{align-items:center;gap:6px;display:flex}.scene-index{color:#554f63;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10.5px;font-weight:700}.scene-item.active .scene-index{color:#c084fc}.scene-duration{color:#7b7489;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.scene-target{color:#e2dfeb;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.scene-action-hint{color:#7b7489;align-items:center;gap:6px;font-size:11px;display:flex}.scene-hover-actions{background:#161320;border-radius:6px;gap:3px;padding:2px;display:none;position:absolute;top:10px;right:10px}.scene-item:hover .scene-hover-actions{display:flex}.scene-item.active:hover .scene-hover-actions{background:#1c1729}.icon-btn{color:#9b94aa;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .12s;display:flex}.icon-btn:hover{color:#f5f3ff;background:#252033;border-color:#3b334f}.icon-btn:disabled{opacity:.25;cursor:not-allowed}.icon-btn.danger:hover{color:#fda4af;background:#f43f5e2e;border-color:#f43f5e59}.add-scene-btn{color:#9b94aa;cursor:pointer;background:#100e17;border:1.5px dashed #262135;border-radius:9px;margin:12px;padding:10px;font-size:11.5px;font-weight:600;transition:all .15s}.add-scene-btn:hover{color:#d8b4fe;background:#15131f;border-color:#c084fc66}.editor-area{flex-direction:column;flex:1;gap:24px;padding:26px 34px;display:flex;overflow-y:auto}.editor-topbar{border-bottom:1px solid #1f1b2b;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.editor-cue-title{color:#f5f3ff;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.btn-preview-cue{color:#c084fc;cursor:pointer;background:#1b1626;border:1px solid #c084fc4d;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .14s;display:flex}.btn-preview-cue:hover{color:#f5f3ff;background:#251d38;border-color:#c084fc;box-shadow:0 0 10px #c084fc40}.empty-editor{color:#554f63;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.editor-section{flex-direction:column;gap:14px;display:flex}.section-title{color:#827b91;letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:700}.editor-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{color:#9b94aa;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:600;display:flex}.field-value-hint{color:#c084fc;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.creator-window select,.creator-window input[type=text],.creator-window textarea{color:#f5f3ff;background:#14121d;border:1px solid #262135;border-radius:7px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:12.5px;transition:border-color .15s,background-color .15s,box-shadow .15s}.creator-window textarea{resize:vertical;min-height:70px;line-height:1.5}.creator-window select:hover,.creator-window input[type=text]:hover,.creator-window textarea:hover{background:#171421;border-color:#3f3654}.creator-window select:focus,.creator-window input[type=text]:focus,.creator-window textarea:focus{background:#171421;border-color:#c084fc;box-shadow:0 0 0 2px #c084fc33}.creator-window select option{color:#f5f3ff;background:#14121d}.creator-window input[type=range]{accent-color:#c084fc;cursor:pointer;background:#231f30;border-radius:2px;width:100%;height:4px;margin-top:6px}.toggle-label{cursor:pointer;color:#c4bed3;align-items:center;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#1f1b2b;border:1px solid #2d263d;border-radius:20px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#827b91;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:#241d33;border-color:#c084fc66}.switch input:checked+.slider:before{background-color:#c084fc;transform:translate(16px);box-shadow:0 0 8px #c084fc99}.window-footer{background:#110f19;border-top:1px solid #1f1b2b;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.runtime-info{color:#7b7489;align-items:baseline;gap:8px;font-size:11.5px;display:flex}.runtime-value{color:#f5f3ff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:600}.footer-actions{gap:10px;display:flex}.creator-window .btn{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;padding:7px 15px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.creator-window .btn-secondary{color:#c4bed3;background:#181524;border:1px solid #2d263d}.creator-window .btn-secondary:hover{color:#f5f3ff;background:#231e33;border-color:#43385c}.creator-window .btn-primary{color:#d8b4fe;background:#2b1f42;border:1px solid #c084fc66;box-shadow:0 0 14px #c084fc33}.creator-window .btn-primary:hover{color:#fff;background:#392857;border-color:#c084fc;box-shadow:0 0 18px #c084fc59}.creator-window ::-webkit-scrollbar{width:6px}.creator-window ::-webkit-scrollbar-track{background:0 0}.creator-window ::-webkit-scrollbar-thumb{background:#231f30;border-radius:4px}.creator-window ::-webkit-scrollbar-thumb:hover{background:#3b334f}@media (width<=800px){.workspace-area{flex-direction:column}.storyboard-sidebar{border-bottom:1px solid #1a1726;border-right:none;width:100%;height:40%}.editor-grid{grid-template-columns:1fr}}inspector-panel{display:block}.inspector{color:#e2dfeb;background:#100f16;border-bottom:1px solid #1f1b29;padding:16px 18px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:12px}.inspector.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px 20px;display:flex}.empty-icon{opacity:.35;color:#a855f7;margin-bottom:8px;font-size:32px}.inspector.empty .panel-title{color:#6b6477;background:0 0;border:none;padding:0 0 6px}.inspector.empty p{color:#554f60;letter-spacing:.02em;margin:0;font-size:13px}.panel-title{letter-spacing:.06em;text-transform:uppercase;color:#9b94aa;font-size:11px;font-weight:700}.inspector-header{border-bottom:1px solid #1f1b29;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 0 10px;display:flex}.inspector-header .panel-title{letter-spacing:.08em;color:#827b91;background:0 0;border:none;padding:0;font-size:10px;font-weight:700}.node-type-badge{letter-spacing:.05em;text-transform:uppercase;color:#c4bed3;background:#181522;border:1px solid #2d263d;border-radius:9999px;padding:2px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;display:inline-block}.node-type-badge.input,.node-type-badge.constant{color:#6ee7b7;background:#162620;border-color:#204337}.node-type-badge.output{color:#fdba74;background:#2b1a16;border-color:#4a281e}.node-type-badge.custom{color:#f472b6;background:#2a1628;border-color:#4a2145}.node-type-badge.and,.node-type-badge.or,.node-type-badge.not,.node-type-badge.concat,.node-type-badge.length,.node-type-badge.slice,.node-type-badge.includes,.node-type-badge.char_at{color:#d8b4fe;background:#231934;border-color:#3b2a59}.inspector-content{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:#7d758c;font-size:10px;font-weight:600}.readonly-value{font-variant-numeric:tabular-nums;color:#dcd7e8;word-break:break-all;background:#15131d;border:1px solid #252033;border-radius:7px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;transition:border-color .15s}.readonly-value:hover{border-color:#3f3654}.field select,.field input[type=text],.field input[type=number]{box-sizing:border-box;color:#f5f3ff;appearance:none;background:#15131d;border:1px solid #262035;border-radius:7px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:12.5px;transition:border-color .18s,box-shadow .18s,background-color .18s}.field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a855f7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.field select:hover,.field input[type=text]:hover,.field input[type=number]:hover{background:#181523;border-color:#43385c}.field select:focus,.field input[type=text]:focus,.field input[type=number]:focus{background:#181523;border-color:#c084fc;box-shadow:0 0 0 2px #c084fc33}.field textarea{box-sizing:border-box;color:#d8b4fe;resize:vertical;background:#0d0c12;border:1px solid #2d263e;border-radius:7px;outline:none;width:100%;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.4;transition:border-color .18s,box-shadow .18s}.field textarea:focus{border-color:#c084fc;box-shadow:0 0 0 2px #c084fc33}.checkbox-wrapper{align-items:center;gap:10px;padding:4px 0;display:flex}.checkbox-wrapper label{text-transform:none;color:#c4bed3;cursor:pointer;font-size:12.5px}.field input[type=checkbox]{accent-color:#a855f7;cursor:pointer;background:#15131d;border:1px solid #262035;border-radius:4px;flex-shrink:0;width:17px;height:17px;transition:border-color .15s}.field input[type=checkbox]:hover{border-color:#5b4b7c}.inspector-divider{background:#1f1b29;height:1px;margin:4px 0}.node-id{color:#686178;letter-spacing:.02em;-webkit-user-select:all;user-select:all;word-break:break-all;background:#0e0d13;border:1px solid #1c1825;border-radius:6px;padding:6px 10px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:10.5px;transition:border-color .15s,color .15s}.node-id:hover{color:#9e95b0;border-color:#372f4a}.btn-action{color:#f5f3ff;letter-spacing:.01em;cursor:pointer;background:#1a1724;border:1px solid #2d263d;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .14s;display:flex}.btn-action:hover{color:#fff;background:#272138;border-color:#4b3e66}.btn-warning{color:#fdba74;background:#201311;border-color:#5c2f1b}.btn-warning:hover{color:#fed7aa;background:#381912;border-color:#8c4122}palette-modal{display:contents}.palette-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#08070cd1;justify-content:center;align-items:center;animation:.18s ease-out paletteFadeIn;display:flex;position:fixed;inset:0}@keyframes paletteFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.palette-shell{color:#e2dfeb;background:#0d0c13;border:1px solid #231f30;border-radius:12px;flex-direction:column;width:540px;max-height:80vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 64px -12px #000000e6}.palette-shell .header{background:#110f19;border-bottom:1px solid #1f1b2b;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.palette-shell .header h3{letter-spacing:.08em;text-transform:uppercase;color:#c084fc;align-items:center;gap:8px;margin:0;font-size:10.5px;font-weight:800;display:flex}.palette-shell .header h3:before{content:"";background:#c084fc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #c084fc99}.palette-shell .close-btn{color:#7b7489;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;transition:all .12s}.palette-shell .close-btn:hover{color:#f5f3ff;background:#ffffff0f}.palette-shell .body{flex-direction:column;gap:18px;padding:18px;display:flex;overflow-y:auto}.palette-shell .group-title{color:#756d83;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700}.palette-shell .grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.palette-shell .item-btn{color:#c4bed3;cursor:pointer;text-align:left;background:#14121d;border:1px solid #231f30;border-radius:8px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:500;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;box-shadow:0 2px #0000004d}.palette-shell .item-btn:hover{color:#f5f3ff;background:#1e192c;border-color:#c084fc73;transform:translateY(-1px);box-shadow:0 2px #0000004d,0 0 10px #c084fc26}.palette-shell .item-btn:active{box-shadow:none;transform:translateY(1px)}.palette-shell .body::-webkit-scrollbar{width:6px}.palette-shell .body::-webkit-scrollbar-track{background:0 0}.palette-shell .body::-webkit-scrollbar-thumb{background:#231f30;border-radius:4px}.palette-shell .body::-webkit-scrollbar-thumb:hover{background:#3b334f}