@font-face{font-family:Inter;src:url(/boundsvg/playground/core/assets/Inter-Variable-DEKF4JyX.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg: #1a1a1a;--panel: #252526;--panel-2: #1e1e1e;--line: #3c3c3c;--text: #d4d4d4;--muted: #858585;--accent: #22d3ee;--accent-2: #f97316;--error: #fca5a5}@font-face{font-family:JetBrains Mono;src:url(/boundsvg/playground/core/assets/JetBrainsMono-Regular-CA-Os4ii.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}html{width:100%;height:100%;background:var(--bg, #1a1a1a)}body{width:100%;height:100%}body{font-family:Inter,system-ui,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,#2a2a2a 0%,var(--bg) 60%);color:var(--text)}.header{padding:10px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#2d2d2d,#252526);display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}.brand-lockup{display:flex;align-items:center;gap:8px}.brand-logo{width:auto;height:28px;opacity:.62;flex-shrink:0}.brand{margin:0;font-size:16px;font-weight:700;letter-spacing:.01em;line-height:1;flex-shrink:0}.brand-sub{font-size:12px;color:var(--muted);flex-shrink:0}.github-link{display:flex;align-items:center;color:var(--muted);transition:color .15s;flex-shrink:0}.github-link:hover{color:var(--text)}.status-strip{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b;flex-shrink:0}.status-dot.ready{background:#34d399}.status-dot.loading,.status-dot.idle{background:#fbbf24;animation:pulse 1.2s infinite}.status-dot.error{background:#ef4444}@keyframes pulse{50%{opacity:.4}}.toolbar{display:flex;align-items:center;gap:10px;padding:8px 24px;border-bottom:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar input[type=checkbox]{accent-color:var(--accent)}.bbox-overlay-menu{position:relative;font-size:12px;color:var(--muted)}.bbox-overlay-menu summary{min-width:136px;list-style:none;background:#1e1e1e;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 24px 3px 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.bbox-overlay-menu summary::-webkit-details-marker{display:none}.bbox-overlay-menu summary:after{position:absolute;right:8px;content:"▾";color:var(--muted)}.bbox-overlay-menu[open] summary{border-color:var(--accent)}.bbox-overlay-options{position:absolute;z-index:20;top:calc(100% + 4px);left:0;display:grid;gap:6px;min-width:160px;min-inline-size:0;margin:0;padding:8px;background:#1e1e1e;border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 28px #0000004d}.bbox-overlay-options label{justify-content:flex-start;gap:6px;white-space:nowrap}.toolbar input[type=text]{background:#1e1e1e;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:3px 6px;font-size:12px}.toolbar select{background:#1e1e1e;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 6px;font-size:12px;cursor:pointer}.code-col{border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.code-tabs{display:flex;border-bottom:1px solid var(--line);background:#1e1e1e;flex-shrink:0}.code-tab{padding:8px 16px;border:none;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;cursor:pointer;transition:.15s}.code-tab:hover{color:var(--text)}.code-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.code-tab-divider{width:1px;align-self:stretch;margin:4px 2px;background:var(--line, #444)}.code-block{flex:1;background:var(--panel);padding:16px;overflow:auto;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.6;color:#c9d1d9;white-space:pre;-moz-tab-size:2;tab-size:2}.code-block .token.comment,.code-block .token.prolog,.code-block .token.doctype,.code-block .token.cdata{color:#6b7fa0}.code-block .token.punctuation{color:#8b9fc6}.code-block .token.tag{color:#7dd3fc}.code-block .token.tag .token.punctuation{color:#5b8fb8}.code-block .token.attr-name{color:#a5b4fc}.code-block .token.attr-value,.code-block .token.string{color:#86efac}.code-block .token.number,.code-block .token.boolean{color:#fbbf24}.code-block .token.keyword,.code-block .token.operator{color:#c084fc}.code-block .token.function,.code-block .token.class-name{color:#67e8f9}.code-block .token.builtin{color:#f9a8d4}.code-block .token.script{color:#dbeafe}.code-line{padding:0 2px;margin:0 -2px;border-radius:2px;transition:background .1s}.code-line-highlight{background:#4285f41f}.text-copy-menu{position:fixed;z-index:1000;min-width:160px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 0;box-shadow:0 4px 12px #0006;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-copy-menu-item{display:block;width:100%;padding:6px 14px;color:var(--text);background:none;border:none;text-align:left;cursor:pointer;font-size:inherit;font-family:inherit;line-height:1.4;white-space:nowrap}.text-copy-menu-item:hover{background:var(--panel-2);color:var(--accent)}.text-copy-menu-item:disabled{color:var(--muted);cursor:default}.text-copy-menu-sep{height:1px;margin:4px 0;background:var(--line)}.text-copy-menu-preview{max-width:220px;overflow:hidden;text-overflow:ellipsis}.text-copy-toast{position:fixed;z-index:1001;padding:4px 12px;background:var(--accent);color:#000;border-radius:4px;font-size:12px;max-width:220px;box-shadow:0 4px 12px #00000040;pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .15s,transform .15s;transform:translateY(-4px)}.text-copy-toast[data-visible=true]{opacity:1;transform:translateY(0)}