*{box-sizing:border-box}:root,[data-theme=light]{color-scheme:light;--bg: #f5f5f7;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #fafafa;--surface-3: #f0f0f2;--text: #1d1d1f;--text-secondary: #424245;--muted: #86868b;--muted-2: #a1a1a6;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--border-soft: rgba(0, 0, 0, .05);--hover: rgba(0, 0, 0, .04);--hover-strong: rgba(0, 0, 0, .07);--accent: #0071e3;--accent-strong: #0077ed;--accent-soft: rgba(0, 113, 227, .1);--accent-text: #0071e3;--ring: rgba(0, 113, 227, .45);--danger: #ff3b30;--danger-soft: #fff1f0;--danger-border: #ffd0cd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--workspace-dot: rgba(0, 0, 0, .12);--canvas-wash: #ececef;--code-bg: #f5f5f7;--seg-bg: rgba(0, 0, 0, .05);--seg-on: #ffffff;--scrollbar: rgba(0, 0, 0, .18);--selection: rgba(0, 113, 227, .22);--input-border: rgba(0, 0, 0, .14);--overlay: rgba(0, 0, 0, .36);--logo-a: #0071e3;--logo-b: #34aadc;--on-accent: #ffffff;--toast-bg: #1d1d1f;--toast-fg: #ffffff;--float-panel: rgba(255, 255, 255, .96)}[data-theme=dark]{color-scheme:dark;--bg: #0c0c0e;--bg-elevated: #161618;--surface: #161618;--surface-2: #1c1c1e;--surface-3: #2c2c2e;--text: #f5f5f7;--text-secondary: #d1d1d6;--muted: #98989d;--muted-2: #636366;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--border-soft: rgba(255, 255, 255, .05);--hover: rgba(255, 255, 255, .06);--hover-strong: rgba(255, 255, 255, .1);--accent: #0a84ff;--accent-strong: #409cff;--accent-soft: rgba(10, 132, 255, .16);--accent-text: #64b5ff;--ring: rgba(10, 132, 255, .5);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .14);--danger-border: rgba(255, 69, 58, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--workspace-dot: rgba(255, 255, 255, .1);--canvas-wash: #0c0c0e;--code-bg: #1c1c1e;--seg-bg: rgba(255, 255, 255, .06);--seg-on: #2c2c2e;--scrollbar: rgba(255, 255, 255, .18);--selection: rgba(10, 132, 255, .35);--input-border: rgba(255, 255, 255, .14);--overlay: rgba(0, 0, 0, .55);--logo-a: #0a84ff;--logo-b: #5ac8fa;--on-accent: #ffffff;--toast-bg: #2c2c2e;--toast-fg: #f5f5f7;--float-panel: rgba(22, 22, 24, .96)}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;letter-spacing:-.01em}::selection{background:var(--selection)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text)}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;gap:8px 20px;align-items:center;padding:8px 16px 10px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none;z-index:5;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.toolbar-brand{grid-column:1;grid-row:1;justify-self:start;min-width:0}.toolbar-tabs{grid-column:2;grid-row:1;justify-self:center}.toolbar-actions{grid-column:3;grid-row:1;justify-self:end;margin-left:0}.toolbar-tools{grid-column:1 / 3;grid-row:2;justify-self:start}.toolbar-transport{grid-column:3;grid-row:2;justify-self:end;flex:none;min-width:0;max-width:min(420px,42vw)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:-.25px;color:var(--text);line-height:1;min-width:0}.brand-name{white-space:nowrap;flex:none}.brand .logo-mark{flex:none;display:block;filter:drop-shadow(0 1px 2px rgba(0,113,227,.22))}.brand .dim{color:var(--muted);font-weight:500;font-size:13px}.doc-title{max-width:min(200px,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:4px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-secondary);font:600 13px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.01em;cursor:text;text-align:left;flex:none}.doc-title:hover{background:var(--hover);border-color:var(--border);color:var(--text)}.doc-title-edit{max-width:min(220px,22vw);min-width:100px;margin:0;padding:4px 10px;border:1.5px solid var(--accent);border-radius:7px;background:var(--surface);color:var(--text);font:600 13px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;outline:none;box-shadow:0 0 0 3px var(--ring)}.tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none;padding:4px 6px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.tools-sep{width:1px;height:20px;background:var(--border);margin:0 2px;flex:none}.tools .btn.btn-tool,.tools select.btn.btn-tool{height:32px;min-height:32px;padding-top:0;padding-bottom:0;box-shadow:none}select.btn.btn-tool{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select.btn.btn-tool:hover{background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23424245' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}[data-theme=dark] select.btn.btn-tool{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2398989d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] select.btn.btn-tool:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.tools select.btn.btn-tool{padding-left:10px;padding-right:26px;max-width:168px}.tools select.tools-select-anim{max-width:220px}.tools .mode-seg{margin-right:2px}.controls{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:4px 8px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:none}.actions-sep{width:1px;height:20px;background:var(--border);margin:0 2px 0 4px;flex:none}.theme-toggle{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;flex:none;margin-left:0;transition:background .12s,border-color .12s,color .12s}.theme-toggle:hover{background:var(--hover);color:var(--text);border-color:var(--border-strong)}.theme-toggle svg{display:block}a.btn.btn-tool{text-decoration:none;color:inherit}.btn.btn-tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;background-color:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;font-size:12.5px;font-weight:500;letter-spacing:-.01em;box-shadow:0 1px #00000005}.btn.btn-tool svg{flex:none;color:var(--muted)}.btn.btn-tool .btn-tool-ext{color:var(--muted);margin-left:1px}.btn.btn-tool:hover{background-color:var(--surface-2);border-color:var(--border-strong);color:var(--text);box-shadow:0 1px 2px #0000000d}select.btn.btn-tool:hover{background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23424245' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.btn.btn-tool:hover svg{color:var(--text-secondary)}.btn.btn-tool:hover .btn-tool-ext{color:var(--muted)}.btn.btn-tool:active{background:var(--hover);box-shadow:none;transform:translateY(.5px)}.stat-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft);padding:4px 10px;border-radius:999px;white-space:nowrap;cursor:default;font-variant-numeric:tabular-nums}.btn{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:12.5px;font-weight:500;transition:background .1s,border-color .1s,box-shadow .1s,color .1s;line-height:1.25;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text);box-shadow:0 1px 2px #00000008}.btn:active{transform:translateY(.5px);box-shadow:none}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.armed{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}select.btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select.btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23424245' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}[data-theme=dark] select.btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2398989d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] select.btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f5f5f7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.btn:focus-visible,.tab:focus-visible,.tmpl:focus-visible,.shape-tile:focus-visible,.ct-btn:focus-visible,.side-icon:focus-visible,.swatch:focus-visible,.comp-row:focus-visible,.side-collapse summary:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.btn.primary{background:var(--accent);background-image:none;border-color:transparent;color:var(--on-accent);font-weight:600;box-shadow:none}.btn.primary:hover{background:var(--accent-strong);background-image:none;color:var(--on-accent)}select.btn.primary{color:var(--on-accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select.btn.primary:hover{background-color:var(--accent-strong);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.btn.small{padding:4px 9px;font-size:11.5px;border-radius:6px}.scrubber{flex:1;accent-color:var(--accent);height:4px}.time{font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);white-space:nowrap;background:transparent;border:none;padding:2px 4px}.controls>.btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;background:var(--surface);border-color:var(--border)}.controls>.btn:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.tabs{display:flex;gap:1px;background:var(--seg-bg);border-radius:9px;padding:2px;border:1px solid var(--border-soft)}.tab{background:none;border:none;color:var(--muted);cursor:pointer;padding:5px 12px;border-radius:7px;font-size:12.5px;font-weight:500;transition:color .12s,background .12s,box-shadow .12s;line-height:1.2}.tab:hover{color:var(--text);background:var(--hover)}.tab.on{background:var(--seg-on);color:var(--text);box-shadow:var(--shadow-sm),0 0 0 .5px var(--border)}.ct-shape-wrap{position:relative;display:inline-flex}.ct-shape-menu{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(8,auto);gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:0 10px 28px #0000001f;z-index:30}.mode-seg{display:inline-flex;background:var(--seg-bg);border-radius:8px;padding:2px;gap:1px;flex:none;border:1px solid var(--border-soft)}.mode-seg button{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px 12px;border-radius:6px;font-size:12.5px;font-weight:500;transition:color .12s,background .12s,box-shadow .12s}.mode-seg button:hover{color:var(--text)}.mode-seg button.on{background:var(--seg-on);color:var(--text);box-shadow:var(--shadow-sm)}.split{display:flex;flex:1;min-height:0}.pane{display:flex;flex-direction:column;min-width:0}.editor-pane{width:42%;border-right:1px solid var(--border);background:var(--surface)}.preview-pane{flex:1;background:var(--canvas-wash);position:relative;overflow:hidden}.editor{flex:1;resize:none;border:none;outline:none;background:var(--surface);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;padding:16px;-moz-tab-size:2;tab-size:2;white-space:pre}.cheatsheet{margin:0;padding:14px 16px;background:var(--surface-2);color:var(--text-secondary);border-top:1px solid var(--border);font-size:11.5px;line-height:1.5;max-height:40%;overflow:auto}.errors{max-height:130px;overflow:auto;position:relative;border-top:1px solid var(--danger-border);background:var(--danger-soft);padding:8px 30px 8px 12px;font-size:12px}.errors-close{position:absolute;top:4px;right:6px;border:none;background:none;cursor:pointer;color:var(--danger);font-size:16px;line-height:1;padding:2px 6px;border-radius:6px}.errors-close:hover{background:var(--danger-soft)}.error{color:var(--danger);padding:2px 0}.error-line{color:var(--danger);font-weight:700;font-family:monospace;margin-right:6px}.canvas-wrap{flex:1;position:relative;overflow:hidden;min-height:0;overscroll-behavior:none;touch-action:none;background-image:radial-gradient(circle,var(--workspace-dot) 1px,transparent 1px);background-size:22px 22px}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent}.canvas.editing{cursor:crosshair}.assets{border-top:1px solid var(--border);background:var(--surface);padding:10px 14px}.assets-head{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.assets-empty{font-size:12px;color:var(--muted);padding-bottom:4px}.assets-empty code{color:var(--accent)}.assets-list{display:flex;gap:10px;flex-wrap:wrap}.asset{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:4px 7px}.asset img{width:30px;height:30px;object-fit:cover;border-radius:5px}.asset-name{background:none;border:none;color:var(--accent);cursor:pointer;font-family:monospace;font-size:12px;padding:0}.asset-name:hover{text-decoration:underline}.asset-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 2px}.asset-x:hover{color:var(--danger)}.sidebar-pane{width:232px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);overflow:auto}.inspector-pane{width:288px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);overflow:auto}.shapebar{display:flex;flex-direction:column}.side-section{padding:12px 12px 14px;border-bottom:1px solid var(--border-soft)}.side-section h4{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}.side-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.side-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.act-ic{flex:none;color:var(--accent)}.side-hint{margin-top:8px;font-size:11.5px;color:#d97706;line-height:1.4}.side-hint.muted{color:var(--muted)}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shape-grid.cols-3{grid-template-columns:repeat(3,1fr)}.shape-grid.cols-2{grid-template-columns:repeat(2,1fr)}.shape-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;padding:8px 3px 6px;cursor:grab;transition:border-color .12s,box-shadow .12s;height:56px;min-width:0}.shape-tile span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.shape-tile:hover{border-color:var(--accent-soft);box-shadow:0 2px 8px #0071e31f}.shape-tile.armed{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.shape-tile span:last-child{font-size:10.5px;color:var(--muted)}.shape-tile:active{cursor:grabbing}.pv{display:block}.pv-node{width:34px;height:22px;border:1.5px solid var(--accent);border-radius:4px;background:var(--surface);overflow:hidden}.pv-node i{display:block;height:8px;background:var(--accent)}.pv-card{width:34px;height:20px;border:1.5px solid #3b82f6;border-radius:5px;background:#eff6ff}.pv-pill{width:34px;height:16px;border:1.5px solid #ec4899;border-radius:999px;background:#fdf2f8}.pv-circle{width:20px;height:20px;border:1.5px solid #f59e0b;border-radius:50%;background:var(--surface)beb}.pv-text{font-weight:800;font-size:16px;color:var(--text-secondary);line-height:20px}.pv-image{font-size:15px;line-height:20px}.icon-search.small{padding:5px 9px;font-size:12px;margin-bottom:8px}.side-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;max-height:190px;overflow:auto;padding-right:2px}.side-icon{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:7px;padding:5px;cursor:grab;display:flex;align-items:center;justify-content:center}.side-icon:hover{border-color:var(--accent-soft)}.side-icon img{width:22px;height:22px}.side-icon:active{cursor:grabbing}.insp-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin-top:14px;margin-bottom:2px;border-bottom:1px solid var(--border-soft);padding-bottom:5px}.insp-group:first-child{margin-top:0}.insp-hint{font-size:11px;line-height:1.5;color:var(--muted);margin:2px 0 0}.insp-hint code{font-size:10.5px;background:var(--hover);color:var(--text-secondary);padding:0 3px;border-radius:3px}.pane-resizer{width:5px;cursor:col-resize;flex-shrink:0;background:transparent;transition:background .12s}.pane-resizer:hover,.pane-resizer:active{background:var(--accent-soft)}.side-collapse{border-bottom:1px solid var(--border-soft);padding:4px 8px 10px}.side-collapse summary{cursor:pointer;font-size:11.5px;letter-spacing:.2px;color:var(--text-secondary);font-weight:600;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;list-style:none;padding:8px;margin:0 -4px;border-radius:7px;transition:background .12s,color .12s}.side-collapse summary::-webkit-details-marker{display:none}.side-collapse summary:before{content:"";width:6px;height:6px;flex:none;margin-left:2px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(-45deg);transition:transform .15s,border-color .12s}.side-collapse[open] summary:before{transform:rotate(45deg)}.side-collapse summary:hover{background:var(--hover);color:var(--accent)}.side-collapse summary:hover:before{border-color:var(--accent)}.side-collapse[open] summary{margin-bottom:8px}.grid-size{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.grid-size em{font-style:normal;font-size:11px;color:var(--muted)}.my-comps{display:flex;flex-wrap:wrap;gap:6px}.my-comps .btn{color:var(--accent)}.layer-btns{gap:4px}.layer-btns b{min-width:18px;text-align:center;color:var(--muted)}.row-adder{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.row-adder .btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px}.row-adder em{font-style:normal;font-size:11px;color:var(--muted)}.row-adder .btn{display:flex;flex-direction:column;align-items:center;gap:2px;letter-spacing:2px;color:var(--accent);flex:1}.row-adder .btn em{font-style:normal;font-size:10px;color:var(--muted);letter-spacing:0}.asset{cursor:grab}.asset:active{cursor:grabbing}.icon-choose{display:inline-flex;align-items:center;gap:6px}.icon-choose img{width:18px;height:18px}.icon-picker{border:1px solid var(--border-soft);border-radius:8px;padding:8px;background:#fbfcfe}.side-icon-grid.tall{max-height:170px;grid-template-columns:repeat(6,1fr)}.side-icon.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.builder{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;background:var(--surface)}.builder-msg{padding:26px;color:var(--text-secondary);font-size:14px;line-height:1.65}.builder-msg p{margin:0 0 10px}.builder-msg code{color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:4px}.builder-msg-actions{margin-top:14px}.palette{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.palette-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin:0 4px}.builder-hint{padding:9px 16px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border-soft)}.btn.draggable{cursor:grab}.btn.draggable:active{cursor:grabbing}.inspector{padding:16px;display:flex;flex-direction:column;gap:13px}.insp-title{font-size:13px;font-weight:700;color:var(--text)}.insp-title code{color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:4px}.insp-title .dim{color:var(--muted);font-weight:400}.insp-empty{color:var(--muted);font-size:13px;line-height:1.5}.field{display:flex;align-items:center;gap:10px;font-size:13px}.field>span:first-child{width:104px;color:var(--text-secondary);flex-shrink:0;line-height:1.3}.field input[type=text],.field input:not([type]),.field select{flex:1;background:var(--surface);border:1px solid var(--input-border);color:var(--text);border-radius:7px;padding:6px 9px;font-size:13px;min-width:0}.field input:focus,.field select:focus{outline:2px solid var(--ring);border-color:var(--accent)}.field.checkbox{cursor:pointer}.field.checkbox input{accent-color:var(--accent)}.stepper{display:flex;align-items:center;gap:10px}.stepper b{min-width:20px;text-align:center}.rangewrap{display:flex;align-items:center;gap:9px;flex:1}.rangewrap input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.rangewrap b{min-width:38px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:600;font-size:12px}.swatches{display:flex;gap:5px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;font-size:11px;color:var(--muted);background:var(--surface);box-shadow:inset 0 0 0 1px #0000000f}.swatch.on{border-color:var(--text)}.swatch.none{border:1px dashed var(--border-strong)}.fmt-bar{display:flex;gap:5px;flex:1}.fmt-btn{width:30px;height:28px;border-radius:7px;border:1px solid var(--input-border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.fmt-btn:hover{background:var(--hover)}.fmt-btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.field.col{flex-direction:column;align-items:stretch;gap:6px}.field.col>span:first-child{width:auto}.md-editor{width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--input-border);color:var(--text);border-radius:7px;padding:8px 10px;font-size:12.5px;line-height:1.5;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;resize:vertical}.md-editor:focus{outline:2px solid var(--ring);border-color:var(--accent)}.btn.danger{border-color:var(--danger-border);color:var(--danger);align-self:flex-start;background:var(--surface)}.advanced{border:1px solid var(--border-soft);border-radius:8px;padding:8px 10px}.advanced summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);-webkit-user-select:none;user-select:none;list-style-position:inside}.advanced summary:hover{color:var(--accent)}.advanced[open] summary{margin-bottom:10px}.advanced .field{margin-bottom:8px}.advanced .field:last-child{margin-bottom:0}.field input[type=number]{flex:1;background:var(--surface);border:1px solid var(--input-border);color:var(--text);border-radius:7px;padding:6px 9px;font-size:13px;min-width:0}.docs{flex:1;overflow:auto;padding:24px 30px;font-size:14px;line-height:1.7;color:var(--text-secondary);background:var(--surface)}.docs h2{color:var(--text);font-size:21px;margin:0 0 8px;letter-spacing:-.3px}.docs h3{color:var(--accent-text);font-size:15px;margin:28px 0 8px}.docs p{margin:8px 0}.docs code{background:var(--accent-soft);padding:1px 6px;border-radius:4px;color:var(--accent-strong);font-size:12.5px}.doc-code{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:13px 16px;font-size:12.5px;line-height:1.55;overflow-x:auto;color:var(--text-secondary)}.doc-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.doc-table td{border:1px solid var(--border);padding:8px 11px;vertical-align:top}.doc-table td:first-child{white-space:nowrap;background:var(--surface-2)}.tour{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0 6px}.tour-card{margin:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.tour-stage{position:relative;height:108px;background:radial-gradient(circle,var(--border) 1px,transparent 1px) 0 0 / 16px 16px,var(--surface-2);overflow:hidden}.tour-card figcaption{display:block;padding:9px 12px 11px;font-size:12px;line-height:1.45;color:var(--muted)}.tour-card figcaption b{display:block;color:var(--text);font-size:12.5px;margin-bottom:2px}.tour-box{position:absolute;top:38px;width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--on-accent);opacity:0;animation:tourPop 3s ease-in-out infinite}.tb1{left:20px;background:#10b981;animation-delay:0s}.tb2{left:63px;background:#3b82f6;animation-delay:.5s}.tb3{left:106px;background:#f59e0b;animation-delay:1s}@keyframes tourPop{0%{opacity:0;transform:scale(.5) translateY(6px)}12%,78%{opacity:1;transform:scale(1) translateY(0)}92%,to{opacity:0;transform:scale(.9)}}.tour-node{position:absolute;top:34px;width:28px;height:28px;border-radius:7px;border:2px solid}.tn-a{left:14px;background:#ecfdf5;border-color:#10b981}.tn-b{right:14px;background:#eff6ff;border-color:#3b82f6}.tour-arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tour-arrow path{stroke-dasharray:60;stroke-dashoffset:60;animation:tourDraw 3s ease-in-out infinite}@keyframes tourDraw{0%,8%{stroke-dashoffset:60}40%,80%{stroke-dashoffset:0}96%,to{stroke-dashoffset:60}}.tour-frame{position:absolute;top:24px;right:20px;width:74px;height:60px;border:2px dashed var(--muted);border-radius:9px;background:#94a3b814}.tour-drop{position:absolute;top:40px;left:20px;width:28px;height:28px;border-radius:7px;background:var(--accent);animation:tourDrop 3s ease-in-out infinite}@keyframes tourDrop{0%,14%{transform:translate(0) scale(1)}55%,82%{transform:translate(66px,-4px) scale(.86)}96%,to{transform:translate(0) scale(1)}}.tour-sketch{position:absolute;top:34px;left:50%;margin-left:-30px;width:60px;height:40px;background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;animation:tourSketch 2.4s ease-in-out infinite}@keyframes tourSketch{0%,to{border-radius:8px;transform:rotate(0);border-style:solid}25%{transform:rotate(-1.2deg);border-radius:10px 7px 9px 8px/7px 9px 8px 10px;border-style:solid}50%{transform:rotate(1deg);border-radius:7px 10px 8px 9px/9px 7px 10px 8px}75%{transform:rotate(-.6deg);border-radius:9px 8px 10px 7px/8px 10px 7px 9px}}@media (prefers-reduced-motion: reduce){.tour-box,.tour-arrow path,.tour-drop,.tour-sketch{animation:none}.tour-box{opacity:1}.tour-arrow path{stroke-dashoffset:0}}.icon-gallery{margin:10px 0 4px}.icon-search{width:100%;background:var(--surface);border:1px solid var(--input-border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:10px}.icon-search:focus{outline:2px solid var(--ring);border-color:var(--accent)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:10px 4px 8px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.icon-cell:hover{border-color:var(--accent-soft);box-shadow:0 2px 8px #0071e31f}.icon-cell img{width:34px;height:34px}.icon-cell span{font-size:11px;color:var(--muted);font-family:monospace}.assets-list{max-height:96px;overflow:auto}.library{flex:1;overflow:auto;padding:18px;background:var(--surface-2)}.lib-intro{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px}.lib-intro code{color:var(--accent-strong);background:var(--accent-soft);padding:1px 5px;border-radius:4px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.lib-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s}.lib-card:hover{box-shadow:0 4px 14px #00000014}.lib-canvas{width:100%;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px}.lib-name code{color:var(--accent-strong);font-size:13px;font-weight:700}.lib-desc{font-size:12px;color:var(--muted)}.lib-actions{display:flex;gap:8px;margin-top:2px}@media (max-width: 820px){.split{flex-direction:column}.editor-pane{width:100%;height:45%;border-right:none;border-bottom:1px solid var(--border)}}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:veil-in .15s ease}@keyframes veil-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:16px;width:min(680px,calc(100vw - 48px));max-height:calc(100vh - 80px);overflow:auto;box-shadow:0 24px 80px #0003,0 4px 16px #0f172a1f;padding:20px 22px 18px;animation:modal-in .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:17px;color:var(--text);letter-spacing:-.2px}.modal-sub{font-size:12.5px;color:var(--muted);margin:6px 0 14px;line-height:1.5}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.tmpl{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;text-align:left;font:inherit;transition:border-color .12s,box-shadow .12s,transform .12s}.tmpl:hover{border-color:var(--accent);box-shadow:0 6px 18px #4f46e529;transform:translateY(-1px)}.tmpl-svg{width:100%;height:auto;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;margin-bottom:5px}.tmpl b{font-size:13px;color:var(--text)}.tmpl span{font-size:11.5px;color:var(--muted);line-height:1.4}.modal-foot{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft)}.comp-list{display:flex;flex-direction:column;gap:4px}.comp-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 8px;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .12s,box-shadow .12s}.comp-row:hover{border-color:var(--accent-soft);box-shadow:0 2px 8px #4f46e51a}.comp-row.draft{background:var(--surface-2);border-style:dashed}.comp-dot{width:8px;height:8px;border-radius:50%;flex:none}.comp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text);font-family:ui-monospace,Menlo,monospace}.comp-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:var(--border-soft);border-radius:4px;padding:1px 5px;flex:none}.comp-acts{display:flex;gap:2px;flex:none;opacity:.35;transition:opacity .12s}.comp-row:hover .comp-acts{opacity:1}.comp-acts button{background:none;border:none;cursor:pointer;font-size:13px;color:var(--accent);padding:2px 5px;border-radius:5px}.comp-acts button:hover{background:var(--accent-soft)}.swatch.custom{position:relative;overflow:hidden;cursor:pointer}.swatch.custom input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0;cursor:pointer;width:200%;height:200%}.swatch.custom .rainbow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ec4899,#ef4444)}.lib-head{margin:6px 0 8px;font-size:15px;color:var(--text);letter-spacing:-.2px}.lib-head:not(:first-child){margin-top:26px}.lib-anim{color:var(--accent);font-size:11.5px}.diag-glyph{font-size:17px;line-height:22px}.comp-tag.diag{color:var(--accent);background:#f3f0ff}.field.col{display:flex;flex-direction:column;align-items:stretch;gap:6px}.field.col>span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kv-editor{display:flex;flex-direction:column;gap:4px}.kv-row{display:grid;grid-template-columns:1fr 64px 22px;gap:4px;align-items:center}.kv-row.three{grid-template-columns:1fr 70px 1fr 22px}.kv-row input,.kv-row select{min-width:0;border:1px solid var(--input-border);border-radius:6px;padding:4px 7px;font-size:12px;font-family:inherit;background:var(--surface);color:var(--text)}.kv-row input:focus,.kv-row select:focus{outline:none;border-color:var(--accent)}.kv-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px;border-radius:4px}.kv-x:hover{color:var(--danger);background:var(--danger-soft)}.kv-editor>.btn.small{align-self:flex-start;margin-top:2px}.diag-text{width:100%;border:1px solid var(--input-border);border-radius:8px;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.5;color:var(--text);resize:vertical;background:var(--surface)}.diag-text:focus{outline:none;border-color:var(--accent)}.comp-row.saved{background:#faf9ff;border-color:#e5e0fb}.comp-acts .saved-on{color:#059669}.canvas-wrap{position:relative}.canvas-wrap.panning{cursor:grab}.canvas-wrap.panning:active{cursor:grabbing}.canvas-tools{position:absolute;top:12px;left:12px;z-index:6;display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;box-shadow:var(--shadow-md)}.ct-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:7px;color:var(--text-secondary);cursor:pointer;font-size:10.5px;font-weight:700;transition:background .12s,color .12s}.ct-btn:hover{background:var(--bg);color:var(--text)}.ct-btn.on{background:var(--accent-soft);color:var(--accent)}.ct-btn.ct-zoom{width:auto;padding:0 7px;font-variant-numeric:tabular-nums}.ct-btn.ct-text{width:auto;gap:5px;padding:0 11px 0 9px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft)}.ct-btn.ct-text:hover{background:var(--accent-soft);color:var(--accent-strong)}.ct-btn.ct-text.on{background:var(--accent);color:var(--on-accent)}.ct-sep{width:1px;height:16px;background:var(--border-soft);margin:0 3px}.ct-speed{display:inline-flex;align-items:center;gap:3px;height:28px;padding:0 4px 0 7px;color:var(--text-secondary)}.ct-speed svg{flex:none;opacity:.8}.ct-speed b{min-width:34px;text-align:center;font-size:12px;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ct-step{width:20px;height:22px;border:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:15px;line-height:1;border-radius:6px;padding:0}.ct-step:hover{background:var(--bg);color:var(--accent)}.ct-step:disabled{opacity:.3;cursor:default}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:300;background:var(--text);color:var(--hover);font-size:13px;font-weight:500;padding:10px 18px;border-radius:10px;max-width:80vw;box-shadow:0 10px 30px #0f172a59;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal.narrow{width:min(420px,calc(100vw - 48px))}.modal-input{width:100%;border:1.5px solid var(--input-border);border-radius:9px;padding:9px 12px;font:inherit;font-size:14px;color:var(--text);margin-top:4px}.modal-input:focus{outline:none;border-color:var(--accent)}.modal-error{margin-top:8px;font-size:12.5px;color:var(--danger)}.pane-toggle{position:fixed;top:50%;transform:translateY(-50%);z-index:20;width:22px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:15px;font-weight:600;padding:0;box-shadow:0 4px 12px #0000001a;transition:color .12s,background .12s,left .16s ease,right .16s ease}.pane-toggle:hover{color:var(--accent);background:var(--bg)}.pt-left{left:0;border-left:none;border-radius:0 9px 9px 0}.pt-right{right:0;border-right:none;border-radius:9px 0 0 9px}.inline-edit{position:fixed;z-index:320;border:2px solid var(--accent);border-radius:8px;padding:5px 9px;font:600 13px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--text);background:var(--surface);box-shadow:0 8px 26px #00000029;outline:none}.inline-edit-title{font-size:18px;font-weight:700;letter-spacing:-.02em;text-align:center;border-radius:10px;padding:8px 14px}.tour-tab{color:var(--accent);font-weight:700}.tour-tab:hover{background:var(--accent-soft)}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.tour-backdrop.dim{background:var(--overlay)}.tour-spot{position:fixed;z-index:2001;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px var(--overlay),0 0 0 2px var(--accent) inset;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-pop{position:fixed;z-index:2002;width:330px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px 14px;box-shadow:0 16px 44px #0003}.tour-step-n{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent)}.tour-pop h3{margin:4px 0 6px;font-size:16px;color:var(--text)}.tour-pop p{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.tour-dots{display:flex;gap:6px;margin:13px 0 12px}.tour-dots span{width:7px;height:7px;border-radius:50%;background:var(--input-border);cursor:pointer;transition:background .12s,transform .12s}.tour-dots span:hover{transform:scale(1.25)}.tour-dots span.on{background:var(--accent)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-nav{display:flex;gap:6px}.btn.primary.small{color:var(--on-accent)}.import-modal{width:560px;max-width:calc(100vw - 32px)}.import-src{width:100%;box-sizing:border-box;height:150px;resize:vertical;margin-top:4px;background:var(--surface);border:1px solid var(--input-border);border-radius:8px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--text)}.import-src:focus{outline:2px solid var(--ring);border-color:var(--accent)}.import-actions{display:flex;align-items:center;gap:8px;margin:10px 0}.import-actions .btn.small{position:relative;overflow:hidden}.import-actions .btn.primary{margin-left:auto}.import-warn{background:var(--surface)beb;border:1px solid #fde68a;color:#92400e;border-radius:8px;padding:8px 10px;font-size:12px;margin:6px 0}.import-preview{max-height:200px;overflow:auto;margin:6px 0 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.proto-devrow{display:flex;flex-wrap:wrap;gap:4px;padding:4px 10px 8px}.proto-screens{display:flex;flex-direction:column;gap:4px;padding:2px 10px}.proto-screen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:5px 4px;border-radius:8px;border:1px solid transparent}.proto-screen.on{background:var(--accent-soft);border-color:var(--accent-soft)}.proto-thumb{width:40px;height:52px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;object-fit:contain;flex:none}.proto-screen-name{flex:1;text-align:left;background:none;border:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:2px 0;overflow:hidden;text-overflow:ellipsis}.proto-screen.on .proto-screen-name{color:var(--accent-strong)}.proto-screen-acts{flex-basis:100%;display:flex;gap:2px;justify-content:space-between}.proto-screen-acts .btn.small{flex:1;min-width:0;padding:3px 0;text-align:center}.proto-glyph{font-size:15px;line-height:1;display:block;color:var(--accent)}.proto-seg{display:inline-flex;gap:1px}.proto-flow{display:flex;flex-direction:column;gap:3px;padding:2px 0 6px}.proto-flow-step{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:4px 6px}.proto-flow-desc{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proto-flow-acts{display:flex;gap:2px}.proto-addstep{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:2px 0 6px}.proto-addstep select,.proto-addstep input{font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);min-width:0}.proto-addstep input{flex:1}.btn.danger{color:var(--danger);border-color:var(--danger-border)}.btn.danger:hover{background:var(--danger-soft)}.proto-inline-edit{position:fixed;z-index:60;box-sizing:border-box;border:2px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--text);padding:0 6px;font-family:inherit;font-weight:600;outline:none;box-shadow:0 6px 20px #0000001f}.proto-side-actions{display:flex;flex-wrap:wrap;gap:6px;padding:4px 10px 10px}.proto-side-actions .btn{flex:1 1 auto;min-width:0;white-space:nowrap}.inspector .side-actions{display:flex;flex-wrap:wrap;gap:6px}.inspector .side-actions .btn{flex:1 1 auto;min-width:0;white-space:nowrap}.proto-blocks{display:flex;flex-direction:column;gap:4px;padding:2px 10px 8px}.proto-block{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px;cursor:pointer;font:inherit}.proto-block:hover{border-color:var(--accent-soft);background:var(--hover)}.proto-block b{display:block;font-size:12.5px;color:var(--text-secondary)}.proto-block span{display:block;font-size:11px;color:var(--muted)}.proto-swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.proto-sw{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(15,23,42,.14);cursor:pointer;padding:0}.proto-sw.on{outline:2px solid var(--accent);outline-offset:1px}.proto-sw.none{background:repeating-linear-gradient(45deg,var(--surface) 0 4px,var(--border) 4px 8px)}.proto-hex{width:68px;font-size:11px;padding:2px 5px;border:1px solid var(--border);border-radius:5px}.proto-quick{position:relative;padding:8px 10px 4px}.proto-quick input{width:100%;box-sizing:border-box;font-size:12.5px;padding:7px 9px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface)}.proto-quick input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.proto-quick-hits{position:absolute;left:10px;right:10px;top:100%;z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px #0f172a24;overflow:hidden}.proto-quick-hit{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:none;border:none;font:inherit;font-size:12.5px;padding:7px 10px;cursor:pointer;color:var(--text-secondary)}.proto-quick-hit:hover{background:var(--accent-soft)}.proto-quick-hit span{font-size:10.5px;color:var(--muted)}.proto-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 10px 10px}.proto-tile{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:6px 4px 5px;cursor:grab;font:inherit}.proto-tile:hover{border-color:var(--accent-soft);box-shadow:0 3px 10px #4f46e51a}.proto-tile span{font-size:10.5px;color:var(--muted)}.proto-tile-thumb{width:96px;height:54px}.proto-block-custom{display:flex;align-items:center;gap:4px;padding:4px 6px}.proto-block-body{flex:1;text-align:left;background:none;border:none;font:inherit;cursor:pointer;padding:2px 4px}.proto-block-body b{display:block;font-size:12.5px;color:var(--text-secondary)}.proto-block-body span{display:block;font-size:11px;color:var(--muted)}.shapebar .side-collapse>summary{padding:8px 12px 6px;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);cursor:pointer}.shapebar .side-collapse{border-bottom:1px solid #eef1f5}.shapebar .field{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;margin:0}.shapebar .field>span{font-size:12px;color:var(--text-secondary);flex:none}.shapebar .field select{flex:1;min-width:0;max-width:150px;font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.shapebar .field.checkbox{justify-content:flex-start}.shapebar .field.checkbox input{margin:0 2px 0 0}.proto-devrow{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px 12px 8px}.proto-devrow .btn{width:100%;text-align:center}.proto-quick{padding:10px 12px 6px}.proto-tiles{padding:4px 12px 10px}.proto-blocks{padding:2px 12px 10px}.proto-screens{padding:2px 12px}.proto-side-actions{padding:4px 12px 10px}.tab.proto-pop{text-decoration:none;color:var(--muted);font-weight:600}.tab.proto-pop:hover{color:var(--accent)}.proto-screen-grip{cursor:grab;color:var(--border-strong);font-size:13px;flex:none}.proto-screen.dragging{opacity:.4}.shapebar .field input[type=number]{width:76px;font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px}.proto-menu{position:fixed;z-index:80;min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 40px #0f172a2e;padding:4px}.proto-menu-head{font-size:11px;font-weight:800;color:var(--muted);padding:5px 10px 3px;text-transform:uppercase;letter-spacing:.4px}.proto-menu-item{display:block;width:100%;text-align:left;background:none;border:none;font:inherit;font-size:13px;color:var(--text-secondary);padding:7px 10px;border-radius:7px;cursor:pointer}.proto-menu-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.proto-menu-item.danger{color:var(--danger)}.proto-menu-item.danger:hover{background:var(--danger-soft)}.proto-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:3px;padding:2px 10px 6px}.proto-icon-btn{font-size:16px;line-height:1;padding:5px 0;background:var(--surface);border:1px solid var(--border);border-radius:7px;cursor:pointer}.proto-icon-btn:hover{border-color:var(--accent-soft);background:var(--hover)}.proto-icon-btn.on{outline:2px solid var(--accent);outline-offset:1px}.proto-icon-search{padding:2px 12px 6px}.proto-icon-search input{width:100%;box-sizing:border-box;font-size:12px;padding:5px 8px;border:1px solid var(--border);border-radius:7px}.inspector .proto-icons{grid-template-columns:repeat(6,1fr);padding:2px 0 8px}.proto-icon-btn .proto-tile-thumb{width:30px;height:26px}.proto-addwrap{position:relative}.proto-addmenu{position:absolute;left:12px;top:calc(100% - 2px);z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #0000001a;padding:4px;display:flex;flex-direction:column;min-width:170px}.proto-addmenu button{border:0;background:none;text-align:left;font-size:12.5px;padding:7px 10px;border-radius:6px;cursor:pointer}.proto-addmenu button:hover{background:var(--accent-soft)}.proto-size-row{display:flex;gap:6px}.proto-size-row input{width:100%;min-width:0}.canvas-stack{position:absolute;top:0;right:0;bottom:0;left:0;line-height:0}.canvas-stack .canvas{display:block}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ct-btn.ct-back{width:auto;padding:0 10px;font-weight:600;color:var(--accent)}.proto-minimap{position:absolute;right:14px;bottom:14px;z-index:20;border-radius:9px;box-shadow:0 6px 22px #0000001f;cursor:pointer;line-height:0}.proto-minimap svg{display:block;border-radius:9px}.proto-minimap .mm-bg{fill:var(--surface);stroke:var(--border)}.proto-minimap .mm-frame{fill:var(--accent-soft);stroke:var(--muted);stroke-width:.6}.proto-minimap .mm-frame.on{fill:var(--accent);stroke:var(--accent-strong)}.proto-minimap .mm-view{fill:#6366f11f;stroke:var(--accent);stroke-width:1.2;pointer-events:none}.proto-combar{position:absolute;left:50%;transform:translate(-50%);top:60px;z-index:19;display:flex;align-items:stretch;gap:0;max-width:min(78%,900px);background:var(--float-panel);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.proto-combar-tabs{display:flex;flex-direction:column;border-right:1px solid var(--border)}.proto-combar-tabs button{border:0;background:none;font-size:11px;font-weight:700;padding:6px 10px;cursor:pointer;color:var(--muted);text-align:left;flex:1}.proto-combar-tabs button.on{color:var(--accent);background:var(--accent-soft)}.proto-combar-row{display:flex;gap:4px;overflow-x:auto;padding:8px;scrollbar-width:thin}.proto-combar-tile{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid transparent;background:none;border-radius:8px;padding:4px 6px;cursor:grab;font-size:10px;color:var(--text-secondary)}.proto-combar-tile:hover{border-color:var(--accent-soft);background:var(--surface-2)}.proto-combar-tile .proto-tile-thumb{width:64px;height:36px}.proto-combar-icon .proto-tile-thumb{width:34px;height:28px}.proto-combar-block{justify-content:center}.proto-combar-blockname{font-size:11.5px;font-weight:600;white-space:nowrap;padding:8px 4px}.canvas-tools.ct-collapsed{width:auto;padding:4px 10px;font-size:12px;cursor:pointer;border:1px solid var(--border)}.proto-combar-collapsed{padding:6px 12px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;border:1px solid var(--border)}.proto-combar-fold{border:0;border-left:1px solid var(--border);background:none;padding:0 8px;cursor:pointer;color:var(--muted);font-size:12px}.proto-combar-fold:hover{color:var(--accent)}.fs-note{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:40;background:#0f172ad9;color:var(--surface);font-size:13px;padding:8px 16px;border-radius:999px;pointer-events:none;animation:fs-note-fade .5s ease 3.2s forwards}.fs-note b{font-weight:700}@keyframes fs-note-fade{to{opacity:0}}.fs-exit{position:absolute;top:18px;right:18px;z-index:40;background:#0f172ab8;color:var(--surface);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;cursor:pointer}.fs-exit:hover{background:#0f172ae6}.proto-dock{position:absolute;left:50%;transform:translate(-50%);bottom:14px;z-index:21;background:var(--float-panel);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);display:flex;align-items:center;max-width:min(80%,940px)}.proto-dock-pill{padding:6px 14px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer}.proto-dock-row{display:flex;gap:6px;overflow-x:auto;padding:8px;scrollbar-width:thin}.proto-dock-item{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid transparent;background:none;border-radius:8px;padding:4px 8px;cursor:pointer;font-size:11px;color:var(--text-secondary)}.proto-dock-item.on{border-color:var(--accent);background:var(--accent-soft)}.proto-dock-item:hover{border-color:var(--accent-soft)}.proto-dock-item .proto-thumb{pointer-events:none}.proto-dock-add{font-size:18px;justify-content:center;min-width:40px}.proto-dock-fold{border:0;border-left:1px solid var(--border);background:none;padding:0 10px;align-self:stretch;cursor:pointer;color:var(--muted)}.proto-dock-fold:hover{color:var(--accent)}.proto-eyedrop{width:26px;height:22px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.proto-eyedrop::-webkit-color-swatch-wrapper{padding:2px}.proto-eyedrop::-webkit-color-swatch{border:none;border-radius:4px}.brand-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.brand-toggle input{margin:0;cursor:pointer}.tour-tab-wrap{position:relative;display:inline-flex}.tour-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #0f172a29;padding:4px;display:flex;flex-direction:column;min-width:210px}.tour-menu button{border:0;background:none;text-align:left;font-size:13px;padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--text-secondary);white-space:nowrap}.tour-menu button:hover{background:var(--accent-soft);color:var(--accent-strong)}.vs-root{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg);overflow:hidden;position:relative}.vs-recording{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:70;background:#ef4444;color:var(--on-accent);font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;box-shadow:0 4px 14px #ef444466;animation:vs-pulse 1.2s infinite}@keyframes vs-pulse{0%,to{opacity:1}50%{opacity:.55}}.vs-mini.rec{background:#ef4444;color:var(--on-accent);border-color:#ef4444}.vs-recording.rec-bar{display:flex;align-items:center;gap:10px}.vs-recording.rec-bar button{border:0;background:#ffffff3d;color:var(--on-accent);font-weight:600;font-size:12px;padding:3px 11px;border-radius:14px;cursor:pointer}.vs-recording.rec-bar button:hover{background:#ffffff6b}.btn.rec-on{background:#ef4444;color:var(--on-accent);border-color:#ef4444;animation:vs-pulse 1.2s infinite}.vs-take{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:70;background:var(--toast-bg);color:var(--toast-fg);font-size:12px;font-weight:600;padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-strong)}.vs-take-btn{border:0;background:#ffffff29;color:var(--toast-fg);font:inherit;padding:3px 11px;border-radius:12px;cursor:pointer;text-decoration:none}.vs-take-btn:hover{background:#ffffff52}.vs-take-x{border:0;background:none;color:color-mix(in srgb,var(--toast-fg) 65%,transparent);cursor:pointer;font-size:13px}.vs-menu-check{display:flex;align-items:center;gap:7px;font-size:13px;padding:7px 10px;color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:3px}.vs-rec-controls{justify-content:center}.vs-rec-dot{color:#f87171;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}.vs-rec-now{color:var(--border-strong);font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-next-btn{background:#22c55e;color:#062e12;border-color:#22c55e;font-weight:700}.vs-next-btn:hover{background:#16a34a;color:var(--surface)}.vs-edit-src{border:1px solid var(--border);border-radius:8px;padding:4px 8px}.vs-edit-src summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--accent-strong);padding:3px 0}.vs-edit-src textarea{width:100%;box-sizing:border-box;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;border:1px solid var(--border);border-radius:6px;padding:6px;resize:vertical}.vs-src-hint{font-size:11px;color:var(--muted);margin:6px 0 2px}.vs-src-hint code{background:var(--hover);padding:0 3px;border-radius:3px}.ve-banner{background:var(--accent-soft);color:var(--accent-strong);border-bottom:1px solid var(--accent-soft);font-size:13px;font-weight:600;text-align:center;padding:7px 12px}.vs-mode-seg{display:inline-flex;border:1px solid var(--text-secondary);border-radius:8px;overflow:hidden}.vs-mode-seg button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:600;padding:4px 10px;cursor:pointer}.vs-mode-seg button.on{background:var(--accent);color:var(--on-accent)}.vs-step .vs-time{color:var(--border-strong)}.vs-cap-time{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.vs-music{border:1px solid var(--border);border-radius:8px;padding:6px 8px;margin-bottom:6px;display:flex;flex-direction:column;gap:5px}.vs-music select{max-width:150px}.vs-page-badge{font-size:11px;margin-left:auto}.vs-page.vs-skipped .vs-thumb{opacity:.35;filter:grayscale(1)}.vs-page.vs-skipped .vs-page-title{text-decoration:line-through;color:var(--muted)}.vs-topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.vs-add-wrap{position:relative}.vs-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px #0f172a29;padding:5px;display:flex;flex-direction:column;min-width:230px;max-height:60vh;overflow-y:auto}.vs-menu button{border:0;background:none;text-align:left;font-size:13px;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--text-secondary);white-space:nowrap}.vs-menu button:hover{background:var(--accent-soft);color:var(--accent-strong)}.vs-menu-sep{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px 3px}.vs-rec-setup{min-width:264px}.vs-rec-range{display:flex;gap:8px;padding:2px 10px 4px}.vs-rec-range label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted);flex:1}.vs-rec-range select{font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);max-width:118px}.vs-rec-radio{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 10px;color:var(--text-secondary);cursor:pointer;border-radius:6px}.vs-rec-radio:hover{background:var(--accent-soft)}.vs-rec-radio input{margin:0}.vs-rec-facesize{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:3px 10px 5px 26px}.vs-rec-facesize input{flex:1}.vs-rec-go{margin:6px 6px 2px;justify-content:center;text-align:center!important}.vs-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0f172ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.vs-countdown span{font-size:128px;font-weight:800;color:var(--on-accent);line-height:1;animation:vs-cd-pop .8s ease}.vs-countdown small{font-size:15px;color:#fffc;letter-spacing:.06em}@keyframes vs-cd-pop{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:.9}}.vs-camprep-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;display:flex;align-items:center;justify-content:center;background:#0f172ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.vs-camprep{background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #0f172a66;padding:18px 20px;width:min(520px,94vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.vs-camprep h3{margin:0;font-size:17px;color:var(--text)}.vs-camprep-frame{position:relative;margin:4px auto 2px;max-width:100%;background:repeating-conic-gradient(var(--text) 0% 25%,var(--text) 0% 50%) 50% / 22px 22px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.vs-camprep-bubble{object-fit:cover;transform:scaleX(-1);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px #00000073;background:#000}.vs-camprep-ctrls{display:flex;flex-direction:column;gap:9px}.vs-camprep-ctrls>label{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.vs-camprep-ctrls>label input[type=range]{width:100%}.vs-camprep-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vs-camprep-row label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.vs-camprep-row select{font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.vs-camprep-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.vs-field{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.vs-field select{font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.vs-spacer{flex:1}.vs-dur{font-size:12px;color:var(--muted);margin-right:4px}.vs-body{flex:1;display:flex;min-height:0}.vs-rail{flex:0 0 auto;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface);padding:8px;display:flex;flex-direction:column;gap:8px}.vs-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:2px 2px 6px;position:sticky;top:-8px;background:var(--surface);z-index:1}.vs-collapse{border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:2px 5px;border-radius:5px}.vs-collapse:hover{background:var(--hover);color:var(--accent-strong)}.vs-tabs .vs-collapse{flex:0 0 auto;border-bottom:2px solid transparent}.vs-resizer{flex:0 0 6px;align-self:stretch;cursor:col-resize;background:transparent;position:relative;z-index:2}.vs-resizer:after{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;border-radius:2px;background:transparent;transition:background .12s}.vs-resizer:hover:after,body.vs-resizing .vs-resizer:after{background:var(--accent)}body.vs-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.vs-reopen{flex:0 0 26px;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;border:0;border-right:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:12px;font-weight:600}.vs-reopen:hover{background:var(--accent-soft);color:var(--accent-strong)}.vs-reopen span{writing-mode:vertical-rl;letter-spacing:.06em}.vs-reopen-r span{transform:rotate(180deg)}.vs-empty{color:var(--muted);font-size:12px;text-align:center;padding:20px 8px}.vs-page{border:1.5px solid var(--border);border-radius:9px;overflow:hidden;cursor:pointer;background:var(--surface);transition:border-color .12s,box-shadow .12s}.vs-page:hover{border-color:var(--border-strong)}.vs-page.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.vs-thumb{display:block;width:100%;height:auto;background:var(--text)}.vs-page-meta{display:flex;align-items:center;gap:6px;padding:4px 6px}.vs-page-n{font-size:11px;font-weight:700;color:var(--on-accent);background:var(--accent);border-radius:5px;padding:1px 6px}.vs-page-title{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-page-ops{display:flex;gap:2px;padding:0 4px 5px}.vs-page-ops button{flex:1;border:1px solid var(--border);background:var(--surface);border-radius:5px;font-size:11px;padding:2px 0;cursor:pointer;color:var(--text-secondary)}.vs-page-ops button:hover:not(:disabled){background:var(--hover)}.vs-page-ops button:disabled{opacity:.4;cursor:default}.vs-stage{flex:1;display:flex;flex-direction:column;min-width:0;align-items:center;background:#0e1526;padding:14px;gap:10px}.vs-canvas-fit{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.vs-canvas{max-width:100%;max-height:100%;background:#000;border-radius:8px;box-shadow:0 12px 44px #0000008c}.vs-transport{display:flex;align-items:center;gap:8px;width:100%;max-width:780px;color:var(--border-strong)}.vs-transport input[type=range]{flex:1}.vs-transport .btn{padding:4px 10px}.vs-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.vs-inspector{flex:0 0 auto;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.vs-tabs{display:flex;border-bottom:1px solid var(--border)}.vs-tabs button{flex:1;border:0;background:none;padding:9px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.vs-tabs button.on{color:var(--accent-strong);border-bottom-color:var(--accent)}.vs-tabs button:disabled{opacity:.4;cursor:default}.vs-insp{padding:12px;display:flex;flex-direction:column;gap:8px}.vs-insp h4{margin:8px 0 2px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.vs-row{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-secondary)}.vs-row input,.vs-row textarea,.vs-insp select{border:1px solid var(--border);border-radius:6px;padding:5px 7px;font-size:13px;font-family:inherit}.vs-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.vs-bg{display:flex;flex-direction:column;gap:6px}.vs-seg{display:flex;gap:4px;flex-wrap:wrap}.vs-seg button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;color:var(--text-secondary)}.vs-seg button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.vs-grad{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.vs-grad label{display:inline-flex;align-items:center;gap:4px}.vs-grad input[type=color]{width:34px;height:26px;padding:0;border:1px solid var(--border);border-radius:5px}.vs-grad input[type=number]{width:56px;border:1px solid var(--border);border-radius:5px;padding:3px 5px}.vs-mini{border:1px solid var(--border);background:var(--surface);border-radius:6px;font-size:11px;padding:3px 8px;cursor:pointer;color:var(--accent-strong)}.vs-mini:hover{background:var(--accent-soft)}.vs-hint{padding:16px;color:var(--muted);font-size:13px}.vs-cap{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12px;cursor:pointer;color:var(--text-secondary)}.vs-cap.on{border-color:var(--accent);background:var(--accent-soft)}.vs-cap button{border:0;background:none;cursor:pointer;color:var(--muted)}.vs-cap-edit{display:flex;flex-direction:column;gap:7px;border:1px dashed var(--border);border-radius:8px;padding:8px;margin-top:4px}.vs-cap-edit textarea{resize:vertical}.vs-timeline{position:relative;height:56px;border-top:1px solid var(--border);background:var(--surface);display:flex;cursor:pointer;overflow:hidden}.vs-tl-page{position:relative;border-right:1px solid var(--surface);background:linear-gradient(180deg,var(--accent-soft),var(--accent-soft));display:flex;align-items:center;padding:0 8px;min-width:0;box-sizing:border-box}.vs-tl-page.on{background:linear-gradient(180deg,var(--accent-soft),#a5b4fc)}.vs-tl-label{font-size:11px;color:var(--accent-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.vs-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;pointer-events:none;box-shadow:0 0 6px #ef444499}[data-theme=dark] .toolbar{box-shadow:none}[data-theme=dark] .canvas-tools{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-md)}[data-theme=dark] .preview-pane{background:var(--canvas-wash)}[data-theme=dark] .insp-title code,[data-theme=dark] .docs code,[data-theme=dark] .lib-intro code,[data-theme=dark] .lib-name code{background:var(--accent-soft);color:var(--accent-text)}[data-theme=dark] .errors{background:var(--danger-soft);border-top-color:var(--danger-border)}[data-theme=dark] .modal-veil{background:var(--overlay)}[data-theme=dark] .swatch{box-shadow:inset 0 0 0 1px var(--border)}[data-theme=dark] .swatch.on{border-color:var(--text)}.b3d{flex:1;display:flex;min-height:0;min-width:0}.b3d-editor-pane{flex:0 0 36%;max-width:520px;display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0;position:relative}.b3d-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:6px 12px;border-bottom:1px solid var(--border);background:var(--panel)}.b3d-examples{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:6px;padding:3px 6px;cursor:pointer}.b3d-editor{flex:1;resize:none;border:0;border-radius:0;width:100%}.b3d-errors{max-height:30%;overflow-y:auto;border-top:1px solid var(--border);background:#fef2f2;color:#b91c1c;font:12px/1.5 ui-monospace,Menlo,monospace;padding:8px 12px}[data-theme=dark] .b3d-errors{background:#2a1416;color:#fca5a5}.b3d-errors b{color:inherit}.b3d-canvas-pane{flex:1;min-width:0;position:relative;background:#0b1020}.b3d-canvas{display:block;width:100%;height:100%}.b3d-canvas-tools{position:absolute;top:10px;right:10px;display:flex;gap:6px}.b3d-canvas-tools button{font-size:12px;font-weight:600;color:#e2e8f0;background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:8px;padding:5px 10px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.b3d-canvas-tools button:hover{background:#1e293bd9}.b3d-inspector-pane{flex:0 0 220px;display:flex;flex-direction:column;border-left:1px solid var(--border);min-width:0;overflow:hidden}.b3d-insp{padding:12px;overflow-y:auto}.b3d-insp-title{font-size:14px;font-weight:700;color:var(--text)}.b3d-insp-meta{font-size:11px;color:var(--faint);margin:3px 0 12px}.b3d-insp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.b3d-insp-list li{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b3d-insp-list li em{color:var(--accent);font-style:normal}.b3d-insp-shape{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 5px;flex:none}.b3d-loading{flex:1;display:grid;place-items:center;color:var(--faint);font-size:14px}.b3d-nogl{position:absolute;inset:auto 12px 12px 12px;background:#0f172ad1;color:#e2e8f0;font-size:12px;line-height:1.5;border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.b3d-transport{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;background:#0f172ac7;border:1px solid rgba(148,163,184,.28);border-radius:10px;padding:6px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.b3d-transport button{color:#e2e8f0;background:none;border:0;cursor:pointer;font-size:14px;padding:2px 4px}.b3d-transport button:hover{color:#fff}.b3d-transport input[type=range]{flex:1;accent-color:var(--accent)}.b3d-time{font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums;white-space:nowrap}.b3d-export-msg{position:absolute;top:46px;right:10px;background:#0f172ad1;color:#e2e8f0;font-size:12px;border:1px solid rgba(148,163,184,.3);border-radius:8px;padding:5px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.b3d-canvas.b3d-editing{cursor:crosshair}.b3d-build-tools{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px)}.b3d-build-tools button{font-size:12px;font-weight:600;color:#e2e8f0;background:#0f172ab8;border:1px solid rgba(148,163,184,.3);border-radius:8px;padding:5px 9px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.b3d-build-tools button:hover{background:#1e293be6}.b3d-build-tools button.on{background:var(--accent);border-color:var(--accent);color:#fff}.b3d-build-tools .b3d-seg{display:inline-flex;gap:0}.b3d-build-tools .b3d-seg button{border-radius:0}.b3d-build-tools .b3d-seg button:first-child{border-radius:8px 0 0 8px}.b3d-build-tools .b3d-seg button:last-child{border-radius:0 8px 8px 0;border-left:0}.b3d-build-tools .b3d-palette{display:inline-flex;gap:4px;flex-wrap:wrap}.b3d-build-tools .b3d-del{background:#be123cbf;border-color:#f43f5e80}.b3d-build-hint{position:absolute;left:10px;top:44px;font-size:11px;color:#cbd5e1;background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:7px;padding:4px 9px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gt{flex:1;display:flex;min-height:0;min-width:0;background:var(--bg);position:relative}.gt-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted)}.gt-source{flex:0 0 236px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border);background:var(--surface);padding:12px;overflow-y:auto}.gt-rail-head{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.gt-drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 12px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);cursor:pointer}.gt-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.gt-drop-icon{font-size:30px}.gt-drop-title{font-size:13px;font-weight:700;color:var(--text)}.gt-drop-sub{font-size:11px;color:var(--muted)}.gt-source-name{font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:8px;word-break:break-all}.gt-note{font-size:11.5px;color:var(--muted);line-height:1.5;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 10px}.gt-link{border:none;background:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.gt-link.danger{color:var(--danger)}.gt-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px 20px;gap:14px}.gt-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;background:var(--canvas-wash);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.gt-canvas{max-width:100%;max-height:100%;border-radius:var(--radius-sm);cursor:move;box-shadow:var(--shadow-md);background:#000}.gt-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center}.gt-empty-icon{font-size:44px}.gt-empty p{max-width:320px;font-size:14px;line-height:1.5}.gt-timeline{display:flex;flex-direction:column;gap:8px}.gt-track{position:relative;height:30px;background:var(--surface-3);border-radius:8px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.gt-trim-outside{position:absolute;top:0;bottom:0;background:#0000002e}.gt-trim-region{position:absolute;top:0;bottom:0;background:var(--accent-soft);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent)}.gt-handle{position:absolute;top:-3px;bottom:-3px;width:12px;margin-left:-6px;background:var(--accent);border-radius:4px;cursor:ew-resize;box-shadow:var(--shadow-sm);touch-action:none}.gt-handle:after{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#ffffffb3;border-radius:1px}.gt-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--text);pointer-events:none}.gt-times{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--text-secondary)}.gt-times label{display:inline-flex;align-items:center;gap:4px}.gt-times input{width:56px;border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:3px 6px;font-size:12.5px;background:var(--bg-elevated);color:var(--text)}.gt-dur{color:var(--muted);font-variant-numeric:tabular-nums}.gt-transport{display:flex;align-items:center;gap:12px}.gt-play{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;padding:7px 16px;border-radius:var(--radius);cursor:pointer}.gt-play:hover{border-color:var(--accent);color:var(--accent)}.gt-clock{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.gt-spacer{flex:1}.gt-inspector{flex:0 0 250px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--border);background:var(--surface);padding:12px;overflow-y:auto}.gt-insp-sec{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.gt-insp-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.gt-insp-hint{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.gt-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-secondary)}.gt-field.sm{flex:1;font-size:12px}.gt-field select,.gt-field input{border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:5px 8px;font-size:12.5px;background:var(--bg-elevated);color:var(--text)}.gt-field.sm input{width:100%}.gt-field input[type=color]{width:38px;height:28px;padding:2px}.gt-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.gt-check.sm{font-size:12px}.gt-row{display:flex;gap:8px;align-items:center}.gt-textarea{width:100%;min-height:54px;resize:vertical;border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;background:var(--bg-elevated);color:var(--text)}.gt-mini{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:11px;padding:4px 8px;border-radius:5px;cursor:pointer;white-space:nowrap}.gt-mini:hover{border-color:var(--accent);color:var(--accent)}.gt-warn{font-size:11.5px;color:#92400e;background:#fef3c7;border-radius:var(--radius-sm);padding:6px 8px}.gt-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer}.gt-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gt-btn:disabled{opacity:.5;cursor:default}.gt-btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);width:100%}.gt-btn.primary:hover:not(:disabled){background:var(--accent-strong);color:var(--on-accent)}.gt-export-sec{border-bottom:none;margin-top:auto}.gt-export-phase{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.gt-progress{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.gt-progress-bar{height:100%;background:var(--accent);transition:width .15s}.gt-toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:40;max-width:560px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;box-shadow:var(--shadow-lg)}.gt-toast.ok{background:#248a3d}.gt-toast.err{background:var(--danger)}@media (max-width: 900px){.gt{flex-direction:column}.gt-source,.gt-inspector{flex-basis:auto;max-height:200px;border:none;border-bottom:1px solid var(--border)}}.blog{flex:1;display:flex;min-height:0;min-width:0;background:var(--bg);position:relative}.blog-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.blog-rail{flex:0 0 232px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);min-height:0}.blog-rail-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.blog-rail-search{padding:6px 8px;border-bottom:1px solid var(--border-soft)}.blog-rail-search input{width:100%;border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:5px 8px;font-size:12.5px;background:var(--bg-elevated);color:var(--text)}.blog-rail-search input:focus{border-color:var(--accent);outline:none}.blog-post-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:3px}.blog-rail-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.blog-rail-group-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.blog-rail-group-count{background:var(--surface-3);color:var(--muted);border-radius:999px;padding:0 7px;font-size:10px}.blog-rail-empty{padding:16px 12px;color:var(--muted);font-size:12.5px;text-align:center}.blog-post-item{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:none;cursor:pointer;color:var(--text)}.blog-post-item:hover{background:var(--hover)}.blog-post-item.on{background:var(--accent-soft);border-color:var(--accent-soft)}.blog-post-title{font-size:13px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.blog-post-section{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.blog-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.blog-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.blog-title-input{flex:1;font-size:18px;font-weight:700;border:1px solid transparent;background:none;color:var(--text);padding:6px 8px;border-radius:var(--radius-sm)}.blog-title-input:hover{border-color:var(--border)}.blog-title-input:focus{border-color:var(--accent);outline:none;background:var(--bg-elevated)}.blog-seg{display:inline-flex;background:var(--seg-bg);border-radius:8px;padding:2px}.blog-seg button{border:none;background:none;color:var(--muted);font-size:12.5px;font-weight:600;padding:4px 14px;border-radius:6px;cursor:pointer}.blog-seg button.on{background:var(--seg-on);color:var(--text);box-shadow:var(--shadow-sm)}.blog-export{position:relative}.blog-btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.blog-btn.primary:hover{background:var(--accent-strong);color:var(--on-accent)}.blog-btn.primary:disabled{opacity:.6;cursor:default}.blog-export-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:1px}.blog-export-menu button{text-align:left;border:none;background:none;color:var(--text);font-size:13px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer}.blog-export-menu button:hover{background:var(--hover)}.blog-export-group{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px 3px}.blog-code-gistrow{display:flex;gap:6px;padding:0 8px 8px}.blog-code-gistrow .blog-code-file{flex:1}.blog-toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:40;max-width:560px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg)}.blog-toast.ok{background:#248a3d;color:#fff}.blog-toast.err{background:var(--danger);color:#fff}.blog-canvas{flex:1;overflow-y:auto;padding:20px max(24px,6%);display:flex;flex-direction:column;gap:14px}.blog-subtitle-input{font-size:15px;color:var(--text-secondary);border:1px solid transparent;background:none;padding:6px 8px;border-radius:var(--radius-sm)}.blog-subtitle-input:hover{border-color:var(--border)}.blog-subtitle-input:focus{border-color:var(--accent);outline:none;background:var(--bg-elevated)}.blog-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.blog-block.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.blog-block-tools{display:flex;align-items:center;gap:4px;padding:5px 8px;background:var(--surface-2);border-bottom:1px solid var(--border)}.blog-block-kind{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.blog-block-spacer{flex:1}.blog-block-tools button{border:none;background:none;cursor:pointer;color:var(--muted);font-size:13px;padding:2px 6px;border-radius:5px}.blog-block-tools button:hover{background:var(--hover);color:var(--text)}.blog-block-del:hover{color:var(--danger)!important;background:var(--danger-soft)!important}.blog-block-note{padding:12px;font-size:12.5px;color:var(--muted);font-style:italic}.blog-text-editor{width:100%;min-height:120px;resize:vertical;border:none;background:none;color:var(--text);font:13.5px/1.6 ui-monospace,Menlo,monospace;padding:12px}.blog-text-editor:focus{outline:none}.blog-add{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 24px}.blog-add-btn{border:1px dashed var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600;padding:8px 18px;border-radius:var(--radius);cursor:pointer}.blog-add-btn:hover{border-color:var(--accent);color:var(--accent)}.blog-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;width:100%;max-width:460px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.blog-palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;font-size:12px;font-weight:600;color:var(--text)}.blog-palette-item:hover{border-color:var(--accent);background:var(--accent-soft)}.blog-palette-emoji{font-size:18px;line-height:1}.blog-reader{flex:1;overflow-y:auto;padding:32px max(24px,8%);max-width:820px;margin:0 auto;width:100%}.blog-reader-title{font-size:32px;font-weight:800;line-height:1.15;margin:0 0 8px;color:var(--text)}.blog-reader-subtitle{font-size:18px;color:var(--text-secondary);margin:0 0 14px;line-height:1.4}.blog-reader-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.blog-chip{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text)}.blog-chip.ghost{background:var(--surface-3);color:var(--muted)}.blog-reader-block{margin:16px 0}.blog-reader-cover{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:20px;border:1px solid var(--border)}.blog-divider{border:none;border-top:1px solid var(--border-strong);margin:8px 0}.blog-toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:12px 16px;margin:4px 0 20px;display:flex;flex-direction:column;gap:2px}.blog-toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.blog-toc-item{text-align:left;background:none;border:none;color:var(--accent);cursor:pointer;font-size:13.5px;padding:2px 0}.blog-toc-item:hover{text-decoration:underline}.blog-toc-item.lvl2{padding-left:14px;font-size:13px}.blog-toc-item.lvl3{padding-left:28px;font-size:12.5px;color:var(--text-secondary)}.blog-insp-cover{width:100%;height:90px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.blog-insp-cover-row{display:flex;gap:6px}.blog-insp-cover-row .blog-btn{flex:1;text-align:center}.blog-md{color:var(--text);font-size:15.5px;line-height:1.7}.blog-md-h1{font-size:26px;font-weight:800;line-height:1.2;margin:24px 0 10px}.blog-md-h2{font-size:21px;font-weight:700;line-height:1.25;margin:22px 0 8px}.blog-md-h3{font-size:17px;font-weight:700;margin:18px 0 6px}.blog-md-p{margin:10px 0}.blog-md-list{margin:10px 0;padding-left:26px}.blog-md-list li{margin:4px 0}.blog-md-quote{margin:14px 0;padding:6px 16px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.blog-md-pre{margin:14px 0;padding:14px 16px;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;font:13px/1.55 ui-monospace,Menlo,monospace}.blog-md-code{background:var(--surface-3);color:var(--accent-text);padding:1px 5px;border-radius:4px;font:.88em ui-monospace,Menlo,monospace}.blog-md-inline-img{max-width:100%;border-radius:var(--radius-sm);vertical-align:middle}.blog-md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-md-tablewrap{overflow-x:auto;margin:14px 0}.blog-md-table{border-collapse:collapse;width:100%;font-size:14px}.blog-md-table th,.blog-md-table td{border:1px solid var(--border);padding:7px 12px;text-align:left}.blog-md-table th{background:var(--surface-2);font-weight:700}.blog-md-empty{color:var(--muted-2);font-style:italic}.blog-media-edit{display:flex;flex-direction:column;gap:8px;padding:12px}.blog-media-drop{display:flex;align-items:center;gap:12px}.blog-media-drop label{position:relative}.blog-media-thumb{width:96px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2)}.blog-media-msg{font-size:12px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px}.blog-figure{margin:0;display:flex;flex-direction:column;gap:6px}.blog-media{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.blog-figcaption{font-size:13px;color:var(--muted);text-align:center}.blog-code-edit{display:flex;flex-direction:column}.blog-code-meta{display:flex;gap:6px;padding:8px 8px 0}.blog-code-lang{width:80px}.blog-code-file{flex:1}.blog-code-lang,.blog-code-file{border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:5px 8px;font-size:12px;background:var(--bg-elevated);color:var(--text);font-family:ui-monospace,Menlo,monospace}.blog-code-textarea{min-height:120px;resize:vertical;border:none;background:none;color:var(--text);font:13px/1.55 ui-monospace,Menlo,monospace;padding:10px 12px}.blog-code-textarea:focus{outline:none}.blog-code{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:4px 0}.blog-code-head{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}.blog-code-name{font-size:12px;font-weight:600;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.blog-code-gist{font-size:12px;color:var(--accent);text-decoration:none}.blog-code-copy{margin-left:auto;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:5px;cursor:pointer}.blog-code-copy:hover{border-color:var(--accent);color:var(--accent)}.blog-code-pre{margin:0;padding:14px 16px;background:var(--code-bg);overflow-x:auto;font:13px/1.55 ui-monospace,Menlo,monospace;color:var(--text)}.blog-callout-edit{display:flex;flex-direction:column;gap:8px;padding:12px}.blog-callout-vars{display:flex;gap:6px;flex-wrap:wrap}.blog-callout-var{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer}.blog-callout-var.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.blog-callout{border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);padding:12px 16px;background:var(--surface-2)}.blog-callout-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--text)}.blog-callout-body{margin-top:4px}.blog-callout-body .blog-md{font-size:14.5px}.blog-callout-body .blog-md-p:first-child{margin-top:4px}.blog-callout.var-info{border-left-color:#0071e3;background:#0071e30f}.blog-callout.var-tip{border-left-color:#34c759;background:#34c75912}.blog-callout.var-warning{border-left-color:#ff9500;background:#ff950014}.blog-callout.var-note{border-left-color:#8e8e93;background:var(--surface-2)}.blog-quiz-edit{display:flex;flex-direction:column;gap:8px;padding:12px}.blog-quiz-opt-edit{display:flex;align-items:center;gap:6px}.blog-quiz-mark{flex:0 0 26px;height:26px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--accent);font-weight:800;cursor:pointer}.blog-quiz-mark.on{border-color:#34c759;background:#34c75926;color:#248a3d}.blog-quiz-rm{flex:0 0 26px;height:26px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:6px}.blog-quiz-rm:hover{color:var(--danger);background:var(--danger-soft)}.blog-quiz-edit-row{display:flex;align-items:center;gap:14px}.blog-quiz-multi{font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;cursor:pointer}.blog-quiz{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--surface)}.blog-quiz-q{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text)}.blog-quiz-opts{display:flex;flex-direction:column;gap:8px}.blog-quiz-opt{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;font-size:14px;color:var(--text)}.blog-quiz-opt:hover:not(:disabled){border-color:var(--accent)}.blog-quiz-opt:disabled{cursor:default}.blog-quiz-opt.chosen{border-color:var(--accent);background:var(--accent-soft)}.blog-quiz-opt.correct{border-color:#34c759;background:#34c7591f}.blog-quiz-opt.wrong{border-color:var(--danger);background:var(--danger-soft)}.blog-quiz-bullet{font-size:14px;width:16px;text-align:center}.blog-quiz-submit{margin-top:12px}.blog-quiz-result{margin-top:12px;display:flex;flex-direction:column;gap:8px}.blog-quiz-verdict{font-weight:700;font-size:15px}.blog-quiz-verdict.ok{color:#248a3d}.blog-quiz-verdict.no{color:var(--danger)}.blog-quiz-explain{font-size:14px;background:var(--surface-2);border-radius:var(--radius-sm);padding:8px 12px}.blog-anim-edit{display:flex;flex-direction:column;gap:8px;padding:12px}.blog-anim-edit-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-anim-edit-row .blog-insp-input{flex:1;min-width:140px}.blog-anim-yaml{min-height:120px;border:1px solid var(--input-border);border-radius:var(--radius-sm)}.blog-anim-preview{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.blog-anim-view{display:flex;flex-direction:column;gap:8px}.blog-anim-title{font-size:15px;font-weight:700;color:var(--text)}.blog-stepper{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--canvas-wash)}.blog-stepper-canvas{display:block;width:100%;height:340px}.blog-stepper-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--border)}.blog-stepper-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer}.blog-stepper-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.blog-stepper-btn:disabled{opacity:.45;cursor:default}.blog-stepper-btn.ghost{border-color:transparent;background:none;color:var(--muted)}.blog-stepper-btn.ghost:hover{color:var(--accent)}.blog-stepper-count{font-size:12.5px;font-weight:600;color:var(--text-secondary);min-width:84px;text-align:center;font-variant-numeric:tabular-nums}.blog-stepper-spacer{flex:1}.blog-stepper-errors{padding:12px;font:12px/1.5 ui-monospace,Menlo,monospace;color:#b91c1c;background:#fef2f2;border-radius:var(--radius)}.blog-inspector{flex:0 0 232px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--border);background:var(--surface);padding:12px;overflow-y:auto}.blog-insp-sec{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.blog-insp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.blog-insp-input{border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;background:var(--bg-elevated);color:var(--text)}.blog-insp-input:focus{border-color:var(--accent);outline:none}.blog-insp-hint{font-size:12px;color:var(--text-secondary)}.blog-insp-actions{flex-direction:column;gap:6px}.blog-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer}.blog-btn:hover{border-color:var(--accent);color:var(--accent)}.blog-btn.danger:hover{border-color:var(--danger-border);color:var(--danger);background:var(--danger-soft)}@media (max-width: 900px){.blog{flex-direction:column}.blog-rail,.blog-inspector{flex-basis:auto;max-height:160px;border:none;border-bottom:1px solid var(--border)}}