:root{--shell: #0e1014;--panel: #12151c;--panel-raised: #161a22;--control: #1b1f29;--control-hi: #1f2430;--accent: #7c4dff;--accent-soft: #221b3c;--accent-edge: #3c2a73;--accent-ink: #c8b6ff;--ink: #e7eaf0;--ink-dim: #c3cad9;--muted: #8a93a5;--muted-deep: #59627a;--line: #222735;--line-soft: #262b36;--line-raised: #2c3242;--danger-bg: #2a1417;--danger-ink: #ff7a6b;--axis-x: #ff5a47;--axis-y: #35c46b;--axis-z: #2e7df6;--r-control: 10px;--r-control-lg: 12px;--r-panel: 16px;--r-modal: 22px;--tap: 44px;--tap-lg: 56px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Nunito", system-ui, -apple-system, sans-serif;--fade: .12s ease}.app.touch{--bar-h: calc(64px + env(safe-area-inset-bottom, 0px)) ;--topbar-h: calc(54px + env(safe-area-inset-top, 0px)) ;--gutter-l: max(10px, env(safe-area-inset-left, 0px));--gutter-r: max(10px, env(safe-area-inset-right, 0px))}.app.touch .topbar{flex:none;height:var(--topbar-h);padding:env(safe-area-inset-top,0px) var(--gutter-r) 0 var(--gutter-l);gap:8px}.touch-doc{display:flex;align-items:center;gap:8px;min-width:0;max-width:52%;height:40px;padding:0 10px 0 12px;border-radius:var(--r-control);background:var(--control);font-size:15px;font-weight:800;color:var(--ink)}.touch-doc:active{background:var(--control-hi)}.touch-doc-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-doc-count{flex:none;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--control-hi);font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center}.touch-topbar-right{margin-left:auto;display:flex;gap:6px;align-items:center}.touchbar{flex:none;height:var(--bar-h);display:flex;gap:6px;align-items:flex-start;padding:6px var(--gutter-r) 0 var(--gutter-l);background:var(--panel);border-top:1px solid var(--line)}.touchbar-btn{flex:1;min-width:0;height:52px;border-radius:var(--r-control-lg);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:800;color:var(--muted);transition:background var(--fade),color var(--fade)}.touchbar-btn:active{background:var(--control)}.touchbar-btn.on{background:var(--accent-soft);color:var(--accent-ink)}.touchbar-btn.primary{background:var(--accent);color:#fff}.touchbar-btn.primary:active{background:#6b3df0}.touchbar-btn.primary.on{background:#6b3df0;color:#fff}.touchbar-btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.touch.compact .touchbar-btn{font-size:10.5px}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;background:#07080bcc;display:flex;align-items:flex-end;animation:fade var(--fade)}.sheet{width:100%;display:flex;flex-direction:column;background:var(--panel-raised);border-top:1px solid var(--line-raised);border-radius:var(--r-modal) var(--r-modal) 0 0;box-shadow:0 -24px 60px -30px #000;padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .18s cubic-bezier(.22,.8,.3,1);animation:sheet-rise .22s cubic-bezier(.22,.8,.3,1)}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion: reduce){.sheet{animation:fade var(--fade);transition:none}}.sheet-scrim .sheet{max-height:calc(100% - 44px)}.sheet-attached{position:absolute;left:0;right:0;bottom:var(--bar-h);z-index:20;border-radius:var(--r-panel) var(--r-panel) 0 0;padding-bottom:0}.sheet-attached.sheet-peek{height:auto}.sheet-attached.sheet-peek .props-body{display:none}.sheet-attached.sheet-mid{height:clamp(360px,56%,560px)}.sheet-attached.sheet-tall{height:min(72%,calc(100% - var(--bar-h) - 104px))}.sheet-attached{overflow:hidden}.sheet-grab{flex:none;height:28px;display:flex;align-items:center;justify-content:center;gap:9px;touch-action:none;cursor:grab}.sheet-grab i{width:42px;height:4px;border-radius:2px;background:var(--line-raised)}.sheet-grab:active i{background:var(--muted-deep)}.sheet-head{flex:none;display:flex;align-items:center;gap:12px;padding:0 16px 12px}.sheet-title{flex:1;min-width:0;font-size:19px;font-weight:900;letter-spacing:-.01em}.sheet-title em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-close{flex:none;width:var(--tap);height:var(--tap);border-radius:var(--r-control-lg);background:var(--control);display:flex;align-items:center;justify-content:center}.sheet-close:active{background:var(--control-hi)}.sheet-body{padding:0 16px 16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet-body.flush{flex:1;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.sheet-section+.sheet-section{margin-top:18px}.sheet-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted-deep);padding:4px 2px 8px}.sheet-list{display:flex;flex-direction:column;gap:4px}.sheet-row{width:100%;display:flex;align-items:center;gap:12px;min-height:54px;padding:0 14px;border-radius:var(--r-control-lg);background:var(--control);text-align:left;text-decoration:none;font-size:15.5px;font-weight:700;color:var(--ink-dim);transition:background var(--fade),color var(--fade)}.sheet-row:active{background:var(--control-hi)}.sheet-row.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:800}.sheet-row:disabled{opacity:.45}.sheet-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sheet-row em{flex:none;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted-deep)}.sheet-row.on em{color:var(--accent-ink)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.shape-cell{height:94px;border-radius:var(--r-control-lg);background:var(--control);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.shape-cell:active{background:var(--control-hi)}.view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.view-cell{min-height:58px;padding:8px 6px;border-radius:var(--r-control-lg);background:var(--control);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink-dim);text-align:center;line-height:1.25;transition:background var(--fade)}.view-cell:active{background:var(--control-hi)}.doc-row{display:flex;align-items:center;gap:4px}.doc-pick{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:54px;padding:0 14px;border-radius:var(--r-control-lg);background:var(--control);font-size:15.5px;font-weight:700;color:var(--ink-dim)}.doc-row.on .doc-pick{background:var(--accent-soft);color:var(--accent-ink)}.doc-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-name-field{flex:1;min-width:0;height:36px;border-radius:8px;background:#0f1218;border:1px solid var(--accent-edge);padding:0 9px;font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink)}.doc-name-field:focus{outline:none;border-color:var(--accent)}.doc-close{flex:none;width:var(--tap);height:var(--tap);border-radius:var(--r-control-lg);background:var(--control);display:flex;align-items:center;justify-content:center}.sel-modes{flex:none;display:flex;gap:6px;padding:0 14px 12px}.sel-mode{flex:1;min-width:0;height:var(--tap);border-radius:var(--r-control);background:var(--control);display:flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--muted);transition:background var(--fade),color var(--fade)}.sel-mode.on{background:var(--accent);color:#fff}.sel-legend{flex:none;margin:0 14px 12px;padding:10px 12px;border-top:0;border-radius:var(--r-control);background:var(--control)}.props.embedded{flex:1;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}.app.touch .props-body{padding:0 16px 26px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent)}.app.touch .props-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.app.touch .sheet-attached .props-foot{padding-bottom:12px}.app.touch .numfield{height:48px;border-radius:var(--r-control)}.app.touch .numfield input{font-size:16px}.app.touch .param-top .numfield{height:42px}.app.touch .prop-fields{gap:8px}.app.touch .color-grid{grid-template-columns:repeat(6,1fr);gap:8px}.app.touch .color-cell{border-radius:10px}.app.touch .param-seg-btn{height:var(--tap);font-size:14px}.app.touch .prop-seg .param-seg-btn{height:var(--tap-lg);font-size:15px}.app.touch .param-toggle{height:var(--tap);font-size:14px}.app.touch .param-slider{height:34px;margin-top:4px}.app.touch .param-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px;border-width:3px}.app.touch .param-slider::-moz-range-thumb{width:24px;height:24px;border-width:3px}.app.touch .param-menu-btn{width:34px;height:38px}.app.touch .param-top{grid-template-columns:1fr 96px 34px}.app.touch .var-row{padding:12px}.app.touch .vars-panel{flex:1;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}.app.touch .vars-panel .props-head{padding:0 16px 12px;border-bottom:0}@media (max-height: 560px) and (min-width: 620px){.sheet-attached,.sheet-attached.sheet-peek,.sheet-attached.sheet-mid,.sheet-attached.sheet-tall{left:auto;right:env(safe-area-inset-right,0px);top:var(--topbar-h);bottom:var(--bar-h);width:min(360px,42%);height:auto;border-radius:var(--r-panel) 0 0 var(--r-panel);border-left:1px solid var(--line-raised);border-top:0;box-shadow:-24px 0 60px -30px #000}.sheet-attached.sheet-peek .props-body{display:block}.sheet-attached .sheet-grab{display:none}.sheet-attached .sheet-head{padding-top:14px}}.app.touch .stage{isolation:isolate;z-index:0}.app.touch .viewcube{left:var(--gutter-l);top:12px;bottom:auto;gap:6px}.app.touch .viewcube-art{width:96px;height:96px}.app.touch .vc-btn{width:44px;height:44px}.app.touch .toasts{bottom:calc(var(--bar-h) + 16px)}.app.touch .empty-hint{top:38%}.app.touch .welcome{padding:calc(24px + env(safe-area-inset-top,0px)) var(--gutter-r) calc(24px + env(safe-area-inset-bottom,0px)) var(--gutter-l)}.app.touch .scrim{padding:calc(16px + env(safe-area-inset-top,0px)) var(--gutter-r) calc(16px + env(safe-area-inset-bottom,0px)) var(--gutter-l)}.app.touch .modal{padding:22px}.app.touch input[type=text],.app.touch input[type=number],.app.touch textarea,.app.touch select{font-size:16px}.app.touch .sketch-head{padding:8px 10px;gap:8px}.app.touch .sketch-head .modal-title{font-size:17px}.app.touch .sketch-act,.app.touch .sketch-head .modal-close{width:40px;height:40px}.app.touch .sketch-tools{margin:0;padding:8px 10px 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;flex:none}.app.touch .sketch-tools .sketch-tool{height:var(--tap-lg);padding:0;flex-direction:column;gap:3px;font-size:10px;letter-spacing:0}.app.touch .sketch-tool.small{height:var(--tap);padding:0 12px;font-size:12px}.app.touch .sketch-dim{height:30px;font-size:13px;padding:0 10px}.app.touch .sketch-dim.editing{width:84px}.app.touch .sketch-hint{display:none}.app.touch .sketch-foot{padding:10px;gap:8px}.app.touch .sketch-snap{display:none}.app.touch .sketch-size{font-size:11px}.app.touch .sketch-foot .foot-btn{height:var(--tap);padding:0 14px;font-size:14px}.app.touch .sketch-trace{padding:6px 10px;gap:8px}.app.touch .sketch-trace-size{display:none}.app.touch .sketch-fade{font-size:11px}.app.touch .sketch-fade input{width:110px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--shell);color:var(--ink);font-family:var(--sans);font-weight:700;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus{outline:none}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}.mono{font-family:var(--mono);font-weight:400}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--shell);user-select:none;-webkit-user-select:none}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.tabs{flex:0 0 38px;display:flex;align-items:flex-end;gap:2px;padding:0 10px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 1 auto;min-width:96px;max-width:200px;height:30px;display:flex;align-items:center;gap:7px;padding:0 6px 0 12px;border-radius:9px 9px 0 0;background:transparent;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--fade),color var(--fade)}.tab:hover{background:var(--control)}.tab.on{background:var(--shell);color:var(--ink);box-shadow:inset 0 2px 0 var(--accent)}.tab-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent-ink)}.tab-close{width:20px;height:20px;flex:none;border-radius:5px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--fade),background var(--fade)}.tab:hover .tab-close,.tab.on .tab-close{opacity:1}.tab-close:hover{background:var(--control-hi)}.tab-rename{flex:1;min-width:0;height:22px;border:1px solid var(--accent);border-radius:5px;background:#0f1218;padding:0 6px;font-family:var(--sans);font-size:13px;font-weight:700;color:var(--ink)}.tab-new{width:30px;height:30px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-left:4px;margin-bottom:1px;transition:background var(--fade)}.tab-new:hover{background:var(--control)}.stage canvas{touch-action:none;display:block}.topbar{flex:0 0 56px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin-right:8px}.brand-name{font-size:18px;font-weight:900;letter-spacing:-.01em}.brand-mark{position:relative;width:26px;height:26px;flex:none}.brand-mark i{position:absolute;top:0;right:0;bottom:0;left:0}.brand-mark i:nth-child(1){background:#7c4dff;clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%)}.brand-mark i:nth-child(2){background:#5b33d6;clip-path:polygon(0 25%,50% 50%,50% 100%,0 75%)}.brand-mark i:nth-child(3){background:#4526a8;clip-path:polygon(50% 50%,100% 25%,100% 75%,50% 100%)}.rule-v{width:1px;height:26px;background:var(--line-soft);flex:none}.topbar-right{margin-left:auto;display:flex;gap:6px;align-items:center}.icon-btn{width:44px;height:40px;border-radius:var(--r-control);background:var(--control);display:flex;align-items:center;justify-content:center;transition:background var(--fade),opacity var(--fade)}.icon-btn:disabled{opacity:.4}.icon-btn:not(:disabled):active{background:var(--control-hi)}.bar-btn{height:40px;padding:0 14px;border-radius:var(--r-control);background:var(--control);display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.bar-btn:active{background:var(--control-hi)}.bar-btn.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:800}.bar-btn.on .bar-count{background:var(--accent);color:#fff}.bar-save{position:relative;display:flex}.bar-save .bar-btn{border-radius:var(--r-control) 0 0 var(--r-control);padding-right:10px}.bar-chevron{width:24px;height:40px;flex:none;border-radius:0 var(--r-control) var(--r-control) 0;background:var(--control);border-left:1px solid var(--panel);display:flex;align-items:center;justify-content:center;transition:background var(--fade)}.bar-chevron:hover{background:var(--control-hi)}.bar-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;z-index:50;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:var(--r-control-lg);background:var(--panel-raised);border:1px solid var(--line-raised);box-shadow:0 20px 40px -20px #000;animation:fade var(--fade)}.bar-menu button{height:38px;padding:0 12px;border-radius:8px;text-align:left;font-size:14px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.bar-menu button:hover{background:var(--control)}.bar-btn.accent{padding:0 16px;background:var(--accent);color:#fff;font-weight:800;box-shadow:0 6px 16px -8px var(--accent)}.bar-btn.accent:active{background:#6b3df0}.tray{position:absolute;left:14px;top:14px;bottom:14px;width:92px;border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:8px}.tray-head{height:var(--tap);flex:none;border-radius:var(--r-control);display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted-deep);transition:background var(--fade)}.tray-head:active{background:var(--control)}.tray-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--line-raised) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent)}.tray-scroll::-webkit-scrollbar{width:4px}.tray-scroll::-webkit-scrollbar-thumb{background:var(--line-raised);border-radius:2px}.tray-divider{flex:none;display:flex;align-items:center;gap:6px;padding:6px 2px 2px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted-deep)}.tray-divider:before,.tray-divider:after{content:"";flex:1;height:1px;background:var(--line)}.tray-btn{height:60px;flex:none;border-radius:var(--r-control-lg);background:var(--control);display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:background var(--fade),border-color var(--fade)}.tray.tall .tray-btn{height:64px}.tray-btn:active{background:var(--control-hi)}.tray-btn.on{background:var(--accent-soft);border-color:var(--accent)}.flyout{position:absolute;left:118px;top:72px;width:320px;border-radius:var(--r-panel);background:var(--panel-raised);border:1px solid var(--line-raised);padding:12px;box-shadow:0 30px 60px -30px #000;animation:fade var(--fade);z-index:30;max-height:calc(100vh - 338px);overflow-y:auto;overscroll-behavior:contain}.flyout-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted-deep);padding:2px 4px 10px}.flyout-section+.flyout-section{margin-top:14px}.flyout-section+.flyout-section .flyout-label{border-top:1px solid var(--line);padding-top:12px}.flyout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flyout-btn{height:84px;border-radius:var(--r-control-lg);background:var(--control-hi);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.flyout-btn:active{background:#283040}@keyframes fade{0%{opacity:0}to{opacity:1}}.rail{position:absolute;right:14px;top:14px;bottom:14px;width:300px;display:flex;flex-direction:column;gap:10px}.tools{flex:none;border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--line);padding:8px;animation:fade var(--fade)}.tools-row{display:flex;gap:6px;flex-wrap:wrap}.tools-row>.tools-btn{flex:1 1 0}.tools-btn{flex:1;min-width:0;white-space:nowrap;height:var(--tap);border-radius:var(--r-control);background:var(--control);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);transition:background var(--fade),color var(--fade)}.tools-btn.on{background:var(--accent);color:#fff;font-weight:800}.tools-menu button em{font-style:normal;color:var(--muted-deep);font-weight:700}.tools-menu button.on em{color:var(--accent-ink)}.tools-snap{flex:1 1 100%;min-width:0;position:relative;display:flex}.tools-snap .tools-btn{border-radius:var(--r-control) 0 0 var(--r-control)}.tools-chevron{width:30px;height:var(--tap);flex:none;border-radius:0 var(--r-control) var(--r-control) 0;background:var(--control);border-left:1px solid var(--panel);display:flex;align-items:center;justify-content:center;transition:background var(--fade)}.tools-chevron.on{background:var(--accent);border-left-color:#6b3df0}.tools-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:var(--r-control-lg);background:var(--panel-raised);border:1px solid var(--line-raised);box-shadow:0 20px 40px -20px #000;animation:fade var(--fade)}.tools-menu button{height:38px;padding:0 12px;border-radius:8px;text-align:left;font-size:13px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.tools-menu button:hover{background:var(--control)}.tools-menu button.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:800}.tools-legend{margin-top:8px;padding:10px 6px 4px;border-top:1px solid var(--line-soft);font-size:12.5px;font-weight:700;color:var(--muted);line-height:1.5;text-wrap:pretty}.tools-legend b{color:var(--ink-dim);font-weight:800}.tools-legend i{font-style:normal;font-weight:900}.align-axis{font-family:var(--mono);font-size:13px;font-weight:700;padding:3px 7px;border-radius:6px;background:#12151ce6;border:1px solid var(--line-raised);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%)}.align-tip{font-size:13px;font-weight:800;color:var(--ink);padding:7px 11px;border-radius:9px;background:#1b1f29f2;border:1px solid var(--accent-edge);box-shadow:0 10px 24px -12px #000;pointer-events:none;white-space:nowrap;transform:translate(-50%,calc(-100% - 18px))}.align-tip em{font-style:normal;color:var(--accent-ink)}.live-dim,.live-note{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);border-radius:6px}.live-dim{font-size:10.5px;font-weight:700;color:#7c4dff;padding:2px 5px;background:#0b0d11b8;display:flex;align-items:center;gap:5px;pointer-events:auto;cursor:text;transition:background var(--fade),box-shadow var(--fade)}.live-dim:hover{background:#12151ceb;box-shadow:inset 0 0 0 1px var(--accent-edge)}.live-dim.bound{cursor:pointer}.live-var{color:var(--accent-ink);font-weight:800}.live-var:empty{display:none}.live-dim-input{width:74px;height:22px;font-family:var(--mono);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);text-align:center;background:#0f1218;border:1px solid var(--accent);border-radius:6px;padding:0 4px;pointer-events:auto;transform:translate(-50%,-50%)}.live-dim-input:focus{outline:none}.live-dim.on{font-size:13px;padding:4px 8px;border-radius:7px;background:#0f1218f2;border:1px solid var(--line-raised);box-shadow:0 6px 18px -10px #000}.live-note{font-size:14px;font-weight:700;color:var(--ink);padding:5px 10px;border-radius:7px;background:#0f1218f2;border:1px solid var(--accent-edge);box-shadow:0 6px 18px -10px #000;pointer-events:auto;cursor:text;transition:background var(--fade),box-shadow var(--fade)}.live-note:hover{background:#171b24f2;box-shadow:inset 0 0 0 1px var(--accent)}.live-note.turning{pointer-events:none;cursor:default}.live-note.turning:hover{background:#0f1218f2;box-shadow:0 6px 18px -10px #000}.empty-hint{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-deep);pointer-events:none}.sel-name{font-size:16px;font-weight:800}.sel-sub{font-family:var(--mono);font-size:11px;color:var(--muted-deep);margin-top:2px}.sel-stack{display:flex;flex:none}.sel-stack i{width:28px;height:28px;border-radius:8px;border:2px solid var(--panel)}.sel-stack i+i{margin-left:-10px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080bcc;display:flex;align-items:center;justify-content:center;padding:24px;z-index:40;animation:fade var(--fade)}.modal{width:840px;max-width:100%;max-height:100%;overflow-y:auto;border-radius:var(--r-modal);background:var(--panel-raised);border:1px solid var(--line-raised);box-shadow:0 60px 120px -40px #000;padding:28px}.modal.sm{width:460px}.modal-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.modal-title{font-size:28px;font-weight:900;letter-spacing:-.01em}.modal-tag{font-family:var(--mono);font-size:11px;color:var(--muted-deep);border:1px solid var(--line-soft);border-radius:6px;padding:5px 8px}.modal-close{margin-left:auto;width:var(--tap);height:var(--tap);border-radius:var(--r-control-lg);background:var(--control);display:flex;align-items:center;justify-content:center;flex:none}.modal-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft)}.modal-foot .note{font-size:15px;font-weight:700;color:var(--muted);max-width:520px;text-wrap:pretty}.modal-foot .note strong{color:var(--accent-ink);font-weight:800}.foot-btn{margin-left:auto;height:52px;padding:0 20px;border-radius:var(--r-control-lg);background:var(--control);display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--ink-dim);flex:none;transition:background var(--fade)}.foot-btn:active{background:var(--control-hi)}.modal-copy{font-size:17px;font-weight:700;color:var(--muted);line-height:1.55;text-wrap:pretty}.modal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.confirm-btn{height:52px;padding:0 22px;border-radius:var(--r-control-lg);background:var(--danger-bg);color:var(--danger-ink);font-size:16px;font-weight:800;flex:none;transition:background var(--fade)}.confirm-btn:active{background:#3a1b1f}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:130px;display:flex;flex-direction:column;gap:8px;align-items:center;z-index:60;pointer-events:none}.toast{background:var(--panel-raised);border:1px solid var(--line-raised);border-radius:var(--r-control-lg);padding:12px 18px;font-size:15px;font-weight:700;color:var(--ink);box-shadow:0 20px 40px -20px #000;animation:fade var(--fade)}.toast.warn{border-color:#5b3030;color:#ffb4a8}.fallback{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center}.fallback h1{font-size:26px;font-weight:900;margin:0}.fallback p{font-size:16px;font-weight:700;color:var(--muted);max-width:440px;margin:0;line-height:1.55}.export-option{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 16px;border-radius:14px;background:var(--control);text-align:left;transition:background var(--fade),opacity var(--fade)}.export-option:not(:disabled):active{background:var(--control-hi)}.export-option:disabled{opacity:.45}.export-option b{display:block;font-size:16px;font-weight:800;color:var(--ink)}.export-option em{display:block;margin-top:3px;font-style:normal;font-size:14px;font-weight:700;color:var(--muted);line-height:1.4}.props{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 60px -30px #000;overflow:hidden;animation:fade var(--fade)}.props-head{display:flex;align-items:center;gap:12px;padding:14px;min-height:var(--tap);flex:none;border-bottom:1px solid var(--line-soft)}.props-title{text-align:left;min-width:0;flex:1}.props-title .sel-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props-body{padding:14px;overflow-y:auto;flex:1}.props.resting{justify-content:center}.props-empty{padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.props-empty-art{display:flex;gap:8px;opacity:.35}.props-empty-art i{width:44px;height:44px;border-radius:var(--r-control-lg);background:var(--control)}.props-empty p{margin:6px 0 0;font-size:16px;font-weight:800;color:var(--muted)}.props-empty span{font-size:13px;font-weight:700;color:var(--muted-deep);line-height:1.5;text-wrap:pretty}.prop-row+.prop-row{margin-top:18px}.prop-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--muted-deep);margin-bottom:7px}.prop-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.prop-hint{margin-top:8px;font-size:12px;font-weight:700;color:var(--muted-deep);line-height:1.45;text-wrap:pretty}.prop-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.prop-mini{display:flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;background:var(--control);font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--muted);transition:background var(--fade)}.prop-mini:active{background:var(--control-hi)}.prop-blurb{margin:-2px 0 10px}.param-list{display:flex;flex-direction:column;gap:12px}.param-top{display:grid;grid-template-columns:1fr 88px;align-items:center;gap:8px}.param-loading{text-align:right;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--accent-ink)}.param-name{font-size:13px;font-weight:800;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-top .numfield{height:34px}.param-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;margin:2px 0 0;background:transparent;cursor:ew-resize}.param-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--control-hi)}.param-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--control-hi)}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid var(--panel)}.param-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel)}.param-slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.param-seg{display:flex;gap:4px;margin-top:4px}.param-seg-btn{flex:1;height:32px;border-radius:8px;background:var(--control);font-size:12px;font-weight:800;color:var(--muted);transition:background var(--fade),color var(--fade)}.param-seg-btn.on{background:var(--accent-soft);color:var(--accent-ink)}.prop-seg{margin-top:0;gap:6px}.prop-seg .param-seg-btn{height:var(--tap);font-size:14px}.param-toggle{height:32px;border-radius:8px;background:var(--control);font-size:12px;font-weight:800;color:var(--muted)}.param-toggle.on{background:var(--accent-soft);color:var(--accent-ink)}.param-top{grid-template-columns:1fr 88px 26px}.param-menu-btn{width:26px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background var(--fade)}.param-menu-btn:active,.param-menu-btn.open{background:var(--control-hi)}.param-menu-btn.linked{background:var(--accent-soft)}.param-chip{cursor:pointer;transition:background var(--fade),color var(--fade);height:30px;padding:0 9px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent-edge);display:flex;align-items:center;font-size:12px;font-weight:800;color:var(--accent-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-chip:hover{background:var(--accent);color:#fff}.param-chip:active{background:#6b3df0}.param-readout{margin-top:4px;font-family:var(--mono);font-size:11px;color:var(--muted-deep)}.pmenu{position:fixed;z-index:50;border-radius:var(--r-control-lg);background:var(--panel-raised);border:1px solid var(--line-raised);box-shadow:0 24px 50px -20px #000;padding:10px;animation:fade var(--fade)}.pmenu-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted-deep);padding:2px 2px 7px}.pmenu-new-row{display:flex;gap:6px}.pmenu-new-row input{flex:1;min-width:0;height:32px;border-radius:8px;border:0;background:var(--control);color:var(--ink);font:inherit;font-size:13px;font-weight:700;padding:0 9px}.pmenu-new-row input:focus{outline:2px solid var(--accent);outline-offset:-2px}.pmenu-make{height:32px;padding:0 11px;border-radius:8px;background:var(--accent);font-size:12px;font-weight:800;color:#fff}.pmenu-make:active{background:#6b3df0}.pmenu-bound{display:flex;align-items:center;gap:7px;padding:2px 2px 10px;font-size:12px;font-weight:700;color:var(--muted)}.pmenu-bound b{color:var(--accent-ink)}.pmenu-list{display:flex;flex-direction:column;gap:3px;max-height:190px;overflow-y:auto}.pmenu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;padding:0 9px;border-radius:8px;font-size:13px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.pmenu-item:active{background:var(--control-hi)}.pmenu-item.on{background:var(--accent-soft);color:var(--accent-ink)}.pmenu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmenu-value{font-family:var(--mono);font-size:11px;color:var(--muted-deep);flex:none}.pmenu-item.on .pmenu-value{color:var(--accent-ink)}.pmenu-act{width:100%;height:32px;margin-top:8px;border-top:1px solid var(--line);padding-top:8px;font-size:12px;font-weight:700;color:var(--muted);text-align:left}.pmenu-act:active{color:var(--ink-dim)}.pmenu-empty{font-size:12px;font-weight:700;color:var(--muted-deep);padding:2px}.bar-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--mono);font-size:10px;display:flex;align-items:center;justify-content:center}.vars-mark{width:34px;height:34px;flex:none;border-radius:var(--r-control);background:var(--control);display:flex;align-items:center;justify-content:center}.var-add{display:flex;gap:8px;align-items:center;margin-bottom:14px}.var-add input{flex:1;min-width:0;height:var(--tap);border-radius:11px;background:#0f1218;border:2px solid var(--line-raised);padding:0 12px;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink);transition:border-color var(--fade)}.var-add input:focus{border-color:var(--accent);outline:none}.var-add input::placeholder{color:var(--muted-deep);font-weight:700}.var-add-btn{width:var(--tap);height:var(--tap);flex:none;border-radius:11px;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -8px var(--accent);transition:background var(--fade)}.var-add-btn:active{background:#6b3df0}.vars-list{display:flex;flex-direction:column;gap:8px}.var-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-control);background:var(--control);transition:box-shadow var(--fade)}.var-row:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.var-row-top{display:flex;align-items:center;gap:8px}.var-name{flex:1;min-width:0;height:34px;padding:0 10px;border-radius:8px;border:0;background:var(--panel);color:var(--accent-ink);font:inherit;font-size:14px;font-weight:800}.var-name:focus{outline:2px solid var(--accent);outline-offset:-2px}.var-control{display:flex;align-items:center;gap:8px;min-width:0}.var-value{min-width:68px;flex:1 1 auto;height:34px;padding:0 9px;border-radius:8px;border:0;background:var(--panel);color:var(--ink);font-family:var(--mono);font-size:13px}.var-value:focus{outline:2px solid var(--accent);outline-offset:-2px}.var-control .param-seg{margin-top:0;flex:1}.var-control .param-toggle{flex:1}.var-control .param-seg-btn,.var-control .param-toggle{background:var(--panel)}.var-control .param-seg-btn.on,.var-control .param-toggle.on{background:var(--accent-soft)}.var-used{font-family:var(--mono);font-size:10px;color:var(--muted-deep)}.var-del{width:34px;height:34px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background var(--fade)}.var-del:active{background:var(--danger-bg)}.vars-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;text-align:center}.vars-empty p{margin:4px 0 0;font-size:16px;font-weight:800;color:var(--muted)}.vars-empty span{font-size:13px;font-weight:700;color:var(--muted-deep);line-height:1.6;text-wrap:pretty}.vars-empty svg{vertical-align:-2px}.vars-note{margin-top:16px}.vars-note svg{vertical-align:-2px}.vars-panel .props-foot{grid-template-columns:1fr}.props-act.wide{flex-direction:row;gap:10px;font-size:16px;font-weight:800}.color-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.color-cell{aspect-ratio:1;min-width:0;border-radius:5px;box-shadow:inset 0 -2px #00000038;outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--fade),transform var(--fade)}.color-cell.on{outline-color:#fff;transform:scale(1.18)}.props-btns{display:flex;flex-direction:column;gap:8px}.props-btn{height:var(--tap-lg);padding:0 16px;border-radius:var(--r-control-lg);background:var(--accent);display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900;color:#fff;box-shadow:0 10px 24px -14px var(--accent);transition:background var(--fade)}.props-btn:active{background:#6b3df0}.props-btn.ghost{background:var(--control);box-shadow:none;font-size:15px;font-weight:700;color:var(--ink-dim)}.props-btn.ghost:active{background:var(--control-hi)}.props-btn.ghost:disabled{opacity:.55;color:var(--muted-deep)}.follow-row{display:flex;align-items:center;gap:8px}.follow-row .param-chip{min-width:0;flex:1}.numfield{position:relative;display:flex;align-items:center;height:var(--tap);border-radius:9px;background:var(--control);padding:0 6px 0 20px;transition:box-shadow var(--fade),opacity var(--fade)}.numfield:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.numfield.bare{padding-left:8px}.numfield-axis{position:absolute;left:7px;font-family:var(--mono);font-size:10px;color:var(--muted-deep);pointer-events:none}.numfield-suffix{font-family:var(--mono);font-size:11px;color:var(--muted-deep);pointer-events:none}.numfield input{width:100%;min-width:0;background:none;border:0;padding:0;font-family:var(--mono);font-size:13px;color:var(--ink);text-align:right}.numfield input:focus{outline:none}.numfield input:disabled{color:var(--muted-deep)}.numfield:has(input:disabled){opacity:.55}.props-note{margin:16px 0 0;font-size:13px;font-weight:700;color:var(--muted-deep);line-height:1.5;text-wrap:pretty}.props-foot{flex:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 14px;border-top:1px solid var(--line-soft)}.props-act{height:var(--tap-lg);border-radius:var(--r-control-lg);background:var(--control);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:700;color:var(--ink-dim);transition:background var(--fade)}.props-act:active{background:var(--control-hi)}.props-act.danger{background:var(--danger-bg);color:var(--danger-ink)}.props-act.danger:active{background:#3a1b1f}@media (max-width: 1100px){.rail{width:252px}.color-grid{gap:3px}}.viewcube{position:absolute;left:122px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:fade var(--fade)}.viewcube-art{width:132px;height:132px;display:block;cursor:grab;touch-action:none}.viewcube-art:active{cursor:grabbing}.cube-face{transition:fill var(--fade)}.cube-face:hover{fill:#37405480}.cube-face:active{fill:var(--accent)}.cube-label,.axis-arrow{pointer-events:none}.viewcube-btns{display:flex;gap:10px}.vc-btn{width:40px;height:40px;border-radius:50%;background:#12151ce6;border:1px solid var(--line-raised);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--fade)}.vc-btn:active{background:var(--control)}@media (max-height: 760px){.viewcube-art{width:110px;height:110px}}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;overflow-y:auto;background:radial-gradient(120% 90% at 50% -10%,#1b1733,#0e1014 62%),var(--shell);display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;animation:fade var(--fade)}.welcome-sheet{width:960px;max-width:100%;margin:auto}.welcome-head{text-align:center;margin-bottom:26px}.welcome-mark{width:44px;height:44px;margin:0 auto 16px}.welcome-head h1{margin:0 0 12px;font-size:44px;font-weight:900;letter-spacing:-.025em}.welcome-head p{margin:0 auto;max-width:560px;font-size:16px;font-weight:700;color:var(--muted);line-height:1.6;text-wrap:pretty}.welcome-blank{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r-panel);background:var(--accent-soft);border:1px solid var(--accent-edge);text-align:left;transition:background var(--fade),border-color var(--fade)}.welcome-blank:hover{border-color:var(--accent)}.welcome-blank:active{background:#2a2149}.welcome-blank i{width:var(--tap-lg);height:var(--tap-lg);flex:none;border-radius:var(--r-control-lg);background:#17122b;display:flex;align-items:center;justify-content:center}.welcome-blank b{display:block;font-size:18px;font-weight:800;color:var(--ink)}.welcome-blank em{display:block;margin-top:4px;font-style:normal;font-size:14px;font-weight:700;color:var(--muted)}.welcome-ways{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 640px){.welcome-ways{grid-template-columns:1fr}}.welcome-open{background:var(--panel);border-color:var(--line)}.welcome-open:hover{border-color:var(--line-raised)}.welcome-open:active{background:var(--panel-raised)}.welcome-open i{background:var(--control)}.welcome-or{display:flex;align-items:center;gap:14px;margin:22px 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-deep)}.welcome-or:before,.welcome-or:after{content:"";flex:1;height:1px;background:var(--line)}.welcome-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.welcome-example{border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--line);overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:border-color var(--fade),background var(--fade)}.welcome-example:hover{border-color:var(--line-raised);background:var(--panel-raised)}.welcome-example:active{border-color:var(--accent)}.example-art{display:block;width:100%;height:132px;object-fit:cover;background:radial-gradient(120% 100% at 50% 8%,#222836,#12161d 72%);border-bottom:1px solid var(--line)}.welcome-things{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.welcome-thing{border-radius:var(--r-panel);background:var(--panel);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--fade),background var(--fade),transform var(--fade)}.welcome-thing:hover{border-color:var(--line-raised);background:var(--panel-raised);transform:translateY(-1px)}.welcome-thing:active{border-color:var(--accent);transform:none}.welcome-thing .example-art{height:92px}.welcome-thing b{display:block;padding:9px 10px 11px;font-size:13px;font-weight:800;color:var(--ink);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-example-meta{display:block;padding:14px}.welcome-example-meta b{display:block;font-size:17px;font-weight:800}.welcome-example-meta em{display:block;margin-top:5px;font-style:normal;font-size:13.5px;font-weight:700;color:var(--muted);line-height:1.5;text-wrap:pretty}.welcome-example-meta i{display:block;margin-top:9px;font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--muted-deep)}.welcome-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}a.foot-btn,a.icon-btn{text-decoration:none}@media (max-width: 720px){.welcome{padding:28px 16px}.welcome-head h1{font-size:34px}.welcome-examples{grid-template-columns:1fr}.example-art{height:116px}}.modal.help{width:760px}.help-body{display:flex;flex-direction:column;gap:22px}.help-body section{display:flex;flex-direction:column;gap:10px}.help-body h3{margin:0;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.help-body p{margin:0;font-size:15.5px;font-weight:700;color:var(--muted);line-height:1.62;text-wrap:pretty}.help-body strong{color:var(--ink-dim);font-weight:800}.help-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.help-list li{font-size:15.5px;font-weight:700;color:var(--muted);line-height:1.55;text-wrap:pretty}.help-list b{color:var(--ink-dim);font-weight:800}.help-list::marker,.help-list li::marker{color:var(--muted-deep)}.help-keys{margin:0;display:grid;gap:8px}.help-keys>div{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:baseline}.help-keys dt{font-family:var(--mono);font-size:12px;color:var(--ink-dim);background:var(--control);border:1px solid var(--line-soft);border-radius:7px;padding:5px 8px;text-align:center}.help-keys dd{margin:0;font-size:15px;font-weight:700;color:var(--muted)}.help-contact{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft)}.help-link{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 16px;border-radius:14px;background:var(--control);text-decoration:none;transition:background var(--fade)}.help-link:hover{background:var(--control-hi)}.help-link>span{flex:1;min-width:0}.help-link b{display:block;font-size:15.5px;font-weight:800;color:var(--ink)}.help-link em{display:block;margin-top:3px;font-style:normal;font-size:13.5px;font-weight:700;color:var(--muted);overflow-wrap:anywhere}@media (max-width: 720px){.help-keys>div{grid-template-columns:1fr;gap:4px}.help-keys dt{justify-self:start}}.marquee{position:fixed;z-index:6;display:none;pointer-events:none;border:1px solid #7c4dff;background:#7c4dff24;border-radius:2px}.param-text{width:100%;margin-top:6px;padding:7px 9px;border:1px solid #2A3142;border-radius:7px;background:#11141c;color:#e7eaf2;font:600 13px/1.3 Nunito,system-ui,sans-serif}.param-text::placeholder{color:#59627a;font-weight:500}.param-text:focus{outline:none;border-color:#7c4dff;background:#141826}.param-select{width:100%;margin-top:6px;padding:8px 9px;border:1px solid #2A3142;border-radius:7px;background:#11141c;color:#e7eaf2;font:700 13px/1.3 Nunito,system-ui,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.param-select:focus{outline:none;border-color:#7c4dff}.param-select option{background:#11141c}.tools-menu-rule{height:1px;margin:5px 6px;background:var(--line)}.live-words-input{width:180px;text-align:left;font-family:Nunito,system-ui,sans-serif}.crash-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.crash-btn{font:inherit;font-size:15px;font-weight:800;padding:10px 16px;border-radius:12px;cursor:pointer;color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.crash-btn:hover{background:var(--panel-3)}.crash-btn.primary{color:#12141a;background:var(--accent);border-color:transparent}.crash-note{font-size:14px!important;color:var(--warn)!important}.panel-crash{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.panel-crash b{font-size:15px;font-weight:900}.panel-crash span{font-size:14px;font-weight:700;color:var(--muted);line-height:1.5}.stage-crash{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;height:max-content;align-items:center}.live-gap{font:700 12px/1 JetBrains Mono,ui-monospace,monospace;color:#c8b6ff;background:#0b0d11d1;border:1px solid var(--line);border-radius:8px;padding:5px 8px;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:auto;cursor:text;-webkit-user-select:none;user-select:none}.live-gap.moving{color:#e4dbff;cursor:default}.live-gap:hover{color:#e4dbff;border-color:var(--accent)}.var-value.sum{font-style:normal;color:var(--accent)}.var-value.broken{color:var(--warn)}.var-worked{font:700 12px/1 JetBrains Mono,ui-monospace,monospace;color:var(--muted);white-space:nowrap;padding-left:2px}.var-worked.broken{color:var(--warn)}.vars-note code{font-family:var(--mono);font-size:11px;color:var(--accent);background:var(--panel-2);padding:1px 4px;border-radius:4px}.live-lock{font:800 11px/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#8a93a5;background:#0b0d11d1;border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.measure-tip{font:800 13px/1.25 JetBrains Mono,ui-monospace,monospace;color:#e4dbff;background:#0b0d11e0;border:1px solid var(--line);border-radius:9px;padding:6px 9px;white-space:nowrap;text-align:center;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.measure-tip em{display:block;margin-top:3px;font-style:normal;font-size:11px;font-weight:600;color:var(--muted)}.props-act.on{background:var(--accent-soft);color:var(--ink)}.tip{position:fixed;z-index:60;max-width:240px;padding:8px 11px;border-radius:var(--r-control);background:var(--panel-raised);border:1px solid var(--line-raised);box-shadow:0 16px 34px -14px #000;pointer-events:none;animation:fade var(--fade);display:flex;flex-direction:column;gap:3px}.tip b{font-size:14px;font-weight:800;color:var(--ink)}.tip span{font-size:12px;font-weight:600;color:var(--muted);line-height:1.4;text-wrap:pretty}.sketch-scrim{padding:0;z-index:45;background:#07080bee}.sketch{width:100%;height:100%;display:flex;flex-direction:column;background:var(--shell)}.sketch-head{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);flex:none}.sketch-head .modal-title{font-size:20px}.sketch-tools{display:flex;gap:6px;margin-left:8px}.sketch-tool{height:var(--tap);padding:0 14px;border-radius:var(--r-control-lg);background:var(--control);color:var(--ink-dim);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;border:2px solid transparent;transition:background var(--fade),border-color var(--fade),color var(--fade)}.sketch-tool:active{background:var(--control-hi)}.sketch-tool.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.sketch-acts{display:flex;gap:6px;margin-left:auto}.sketch-act{width:var(--tap);height:var(--tap);border-radius:var(--r-control-lg);background:var(--control);display:flex;align-items:center;justify-content:center;transition:background var(--fade),opacity var(--fade)}.sketch-act:active{background:var(--control-hi)}.sketch-act:disabled{opacity:.35}.sketch-head .modal-close{margin-left:0}.sketch-trace{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--panel-raised);flex:none}.sketch-tool.small{height:34px;padding:0 12px;font-size:13px}.sketch-fade{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.sketch-fade input.param-slider{width:140px;margin:0}.sketch-trace-size{font-family:var(--mono);font-size:11px;color:var(--muted-deep)}.sketch-trace .sketch-act{margin-left:auto;width:34px;height:34px}.sketch-act.on{background:var(--accent-soft)}.sketch-board{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:var(--panel);outline:none}.sketch-board.tool-select,.sketch-board.tool-photo{cursor:default}.sketch-board.tool-line,.sketch-board.tool-rect,.sketch-board.tool-circle{cursor:crosshair}.sketch-board svg{display:block}.sketch-grid line{stroke:#ffffff0c;stroke-width:1}.sketch-grid.coarse line{stroke:#ffffff1a}.sketch-axes line{stroke:#ffffff2e;stroke-width:1}.sketch-plate{fill:none;stroke:var(--line-raised);stroke-width:1.5;stroke-dasharray:6 6}.sketch-solid{fill:#7c4dff38;stroke:none}.sketch-ring{fill:none;stroke:var(--accent-ink);stroke-width:1.6}.sketch-ring.hole{stroke:#9a8ad0}.sketch-ring.open,.sketch-ring.crossing,.sketch-ring.tiny{stroke:var(--danger-ink);stroke-dasharray:5 4;stroke-width:1.4}.sketch-ring.picked{stroke:#fff;stroke-width:2.4}.sketch-draft{fill:#7c4dff1f;stroke:#fff;stroke-width:1.6;stroke-dasharray:5 4}.sketch-pull line{stroke:var(--accent);stroke-width:1.2}.sketch-pull circle{fill:var(--accent)}.sketch-handle{fill:var(--shell);stroke:#fff;stroke-width:2}.sketch-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sketch-dim{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;height:22px;padding:0 7px;border-radius:6px;background:#12151cdd;border:1px solid var(--line-raised);font-family:var(--mono);font-size:11px;color:var(--ink);white-space:nowrap;transition:border-color var(--fade),background var(--fade)}.sketch-dim:hover{border-color:var(--accent);background:var(--panel-raised)}.sketch-dim.live{pointer-events:none;background:var(--accent-soft);border-color:var(--accent-edge);color:var(--accent-ink);display:flex;align-items:center}.sketch-dim.editing{width:66px;text-align:center;border-color:var(--accent);background:var(--control-hi)}.sketch-hint{position:absolute;left:16px;bottom:14px;pointer-events:none;font-size:13px;font-weight:700;color:var(--muted-deep)}.sketch-foot{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);flex:none}.sketch-size{font-family:var(--mono);font-size:12px;color:var(--ink-dim)}.sketch-snap{font-family:var(--mono);font-size:12px;color:var(--muted-deep)}.sketch-foot .foot-btn{margin-left:0}.sketch-foot .foot-btn:first-of-type{margin-left:auto}.foot-btn.primary{background:var(--accent);color:#fff;font-weight:800}.foot-btn.primary:disabled{opacity:.4}.param-edit{margin-top:8px;width:100%;height:34px;border-radius:var(--r-control);background:var(--control);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;transition:background var(--fade)}.param-edit:active{background:var(--control-hi)}.param-edit:disabled{opacity:.4}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:47;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(90% 70% at 50% 0%,#2a1f5299 0%,transparent 70%),#07080bdd;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .24s ease}.tour-card{width:1000px;max-width:100%;height:568px;max-height:100%;display:flex;flex-direction:column;border-radius:var(--r-modal);background:var(--panel-raised);border:1px solid var(--line-raised);box-shadow:0 60px 140px -40px #000,0 0 0 1px #7c4dff14;overflow:hidden;animation:tour-rise .32s cubic-bezier(.2,.8,.2,1)}@keyframes tour-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}.tour-top{display:flex;align-items:center;gap:12px;min-height:58px;padding:18px 22px 0}.tour-mark{width:24px;height:24px}.tour-name{font-size:16px;font-weight:900;color:var(--ink)}.tour-count{font-family:var(--mono);font-size:11px;color:var(--muted-deep);border:1px solid var(--line-soft);border-radius:6px;padding:4px 7px}.tour-skip{margin-left:auto;height:40px;padding:0 16px;border-radius:var(--r-control);background:transparent;font-size:15px;font-weight:800;color:var(--muted);transition:background var(--fade),color var(--fade)}.tour-skip:hover{background:var(--control);color:var(--ink)}.tour-page{flex:1;min-height:0;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:20px 28px 8px;overflow-y:auto;touch-action:pan-y}.tour-page.from-right{animation:tour-in-right .32s cubic-bezier(.2,.8,.2,1)}.tour-page.from-left{animation:tour-in-left .32s cubic-bezier(.2,.8,.2,1)}@keyframes tour-in-right{0%{opacity:0;transform:translate(22px)}}@keyframes tour-in-left{0%{opacity:0;transform:translate(-22px)}}.tour-art{aspect-ratio:400 / 260;border-radius:18px;background:radial-gradient(120% 100% at 50% 0%,#1e2330,#10131a 75%);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}.tour-svg{display:block;width:100%;height:100%}.tour-svg text{-webkit-user-select:none;user-select:none}.tour-mono{font-family:var(--mono);font-size:12px}.tour-cap{font-family:var(--sans);font-size:12px;font-weight:700}.tour-cap-sm{font-family:var(--sans);font-size:10px;font-weight:700}.tour-key{font-family:var(--mono);font-size:17px;font-weight:500}.tour-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.tour-copy h2{margin:10px 0 12px;font-size:30px;font-weight:900;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.tour-copy p{margin:0;font-size:16px;font-weight:700;color:var(--ink-dim);line-height:1.55;text-wrap:pretty}.tour-copy ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.tour-copy li{position:relative;padding-left:22px;font-size:14.5px;font-weight:700;color:var(--muted);line-height:1.45;text-wrap:pretty}.tour-copy li:before{content:"";position:absolute;left:2px;top:6px;width:9px;height:9px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tour-foot{display:flex;align-items:center;gap:16px;padding:16px 22px 20px;border-top:1px solid var(--line-soft);margin-top:12px}.tour-dots{display:flex;gap:4px;flex-wrap:wrap}.tour-dot{width:22px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent}.tour-dot:after{content:"";width:8px;height:8px;border-radius:4px;background:var(--line-raised);transition:width var(--fade),background var(--fade)}.tour-dot.seen:after{background:var(--accent-edge)}.tour-dot.on{width:34px}.tour-dot.on:after{width:24px;background:var(--accent)}.tour-dot:hover:after{background:var(--accent-ink)}.tour-nav{margin-left:auto;display:flex;gap:10px;flex:none}.tour-back,.tour-next{height:50px;padding:0 22px;border-radius:var(--r-control-lg);font-size:16px;font-weight:800;transition:background var(--fade),box-shadow var(--fade)}.tour-back{background:var(--control);color:var(--ink-dim)}.tour-back:hover{background:var(--control-hi)}.tour-next{background:var(--accent);color:#fff;min-width:132px}.tour-next:hover{background:#8a60ff}.tour-next:focus-visible{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 5px var(--accent-ink);outline:none}.tour-shapes{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:12px}.tour-shapes-group i{display:block;margin-bottom:7px;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-deep)}.tour-shapes-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.tour-shape{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 5px;border-radius:11px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}.tour-shape b{font-size:10.5px;font-weight:800;color:var(--muted)}.tour-shape.on{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-2px)}.tour-shape.on b{color:var(--ink)}.tour-shapes-fact{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:10px;background:#0e1014;border:1px solid var(--line-raised)}.tour-shapes-fact b{font-size:13px;font-weight:900;color:var(--accent-ink)}.tour-shapes-fact span{font-family:var(--mono);font-size:11px;color:var(--ink-dim)}.tour-tools{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.tour-tool{display:flex;flex-direction:column;min-height:0;padding:8px 10px 10px;border-radius:12px;background:#12151c;border:1px solid var(--line)}.tour-mini-svg{flex:1;min-height:0;width:100%}.tour-tool b{font-size:13px;font-weight:900;color:var(--ink)}.tour-tool span{font-size:11px;font-weight:700;color:var(--muted);line-height:1.3}.tour-ready{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;align-content:center}.tour-ready-card{border-radius:12px;overflow:hidden;border:1px solid var(--line-raised);animation:tour-deal .42s cubic-bezier(.2,.8,.2,1) both}.tour-ready-card .example-art{height:auto;aspect-ratio:4 / 3;border-bottom:0}@keyframes tour-deal{0%{opacity:0;transform:translateY(12px) rotate(-2deg)}}@media (max-width: 860px){.tour{padding:0}.tour-card{width:100%;height:100%;border-radius:0;border:0}.tour-top{min-height:0}.tour-top{padding:max(14px,env(safe-area-inset-top,0px)) 16px 0}.tour-page{grid-template-columns:1fr;gap:18px;align-items:start;align-content:start;padding:14px 16px 6px}.tour-copy h2{font-size:25px}.tour-shapes-grid{gap:0}.tour-shape b{display:none}.tour-copy p{font-size:15px}.tour-foot{flex-wrap:wrap;padding:6px 16px max(14px,env(safe-area-inset-bottom,0px));gap:6px}.tour-dots{width:100%;justify-content:center;gap:0;flex-wrap:nowrap}.tour-nav{width:100%;margin-left:0}.tour-nav>button{flex:1}.tour-dot{width:15px}.tour-dot.on{width:26px}.tour-dot.on:after{width:18px}.tour-dot:after{width:6px;height:6px}.tour-next{min-width:0}}@media (max-height: 640px) and (min-width: 861px){.tour-copy h2{font-size:24px}.tour-copy li{font-size:13.5px}}@media (prefers-reduced-motion: reduce){.tour,.tour-card,.tour-page.from-right,.tour-page.from-left,.tour-ready-card{animation:none}.tour-shape{transition:none}}