.tb-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;background:var(--bg-base);color:var(--text)}.tb-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;height:56px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--bg-topbar, var(--bg-raised));flex:none}.tb-topbar-left,.tb-topbar-mid,.tb-topbar-right{display:flex;align-items:center;gap:8px;min-width:0}.tb-topbar-right{justify-content:flex-end}.tb-name{min-width:80px;max-width:260px;flex:1;font:inherit;font-weight:700;font-size:15px;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:5px 8px}.tb-name:hover{border-color:var(--line)}.tb-name:focus{outline:none;border-color:var(--brand);background:var(--bg-card)}.tb-cat{width:auto;height:30px;padding:0 8px;font-size:12.5px}.tb-id{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--chip-bg, var(--bg-inset));border:1px solid var(--line);border-radius:var(--r-full);padding:3px 8px;cursor:pointer}.tb-id:hover{color:var(--text)}.tb-version{font-size:11.5px;color:var(--text-faint)}.tb-saved{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--success-text)}.tb-tool{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.tb-tool:hover:not(:disabled){background:var(--btn-ghost-hover, var(--bg-inset));color:var(--text)}.tb-tool:disabled{opacity:.35;cursor:default}.tb-divider{width:1px;height:22px;background:var(--line);margin:0 2px}.tb-error{padding:8px 12px 0}.tb-body{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 320px}.tb-body.is-html{grid-template-columns:300px minmax(0,1fr)}.tb-left{display:grid;grid-template-columns:64px minmax(0,1fr);border-right:1px solid var(--line);background:var(--bg-raised);min-height:0}.tb-left-tabs{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-right:1px solid var(--line)}.tb-left-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--text-muted);font-size:10.5px;font-weight:600;cursor:pointer}.tb-left-tab:hover{background:var(--nav-hover-bg, var(--bg-inset));color:var(--text)}.tb-left-tab.is-on{background:var(--nav-active-bg, var(--brand-soft));color:var(--nav-active-fg, var(--brand-text))}.tb-left-panel{overflow-y:auto;min-height:0}.tb-panel-body{padding:14px}.tb-panel-heading{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.tb-panel-hint{font-size:12.5px;line-height:1.5;color:var(--text-muted);margin:4px 0 10px}.tb-panel-hint code,.tb-note code{font-family:var(--font-mono);font-size:11.5px}.tb-empty-note{font-size:12.5px;color:var(--text-muted);padding:12px;border:1px dashed var(--line-strong);border-radius:var(--r-md)}.tb-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tb-palette-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-card);color:var(--text);font-size:11.5px;font-weight:600;cursor:grab;transition:border-color var(--t-fast, .12s),box-shadow var(--t-fast, .12s),transform var(--t-fast, .12s)}.tb-palette-item svg{color:var(--brand-text, var(--brand))}.tb-palette-item:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tb-palette-item:active{cursor:grabbing}.tb-lib-group{margin-bottom:10px}.tb-lib-group-title{font-size:11px;font-weight:600;color:var(--text-faint);margin:8px 0 6px}.tb-lib-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:9px 10px;margin-bottom:6px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-card);color:var(--text);cursor:grab;font:inherit}.tb-lib-item:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.tb-lib-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-text, var(--brand))}.tb-lib-name{display:block;font-size:13px;font-weight:600}.tb-lib-desc{display:block;font-size:11.5px;color:var(--text-muted);margin-top:1px}.tb-tree{display:grid;gap:6px}.tb-tree-section{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-card);overflow:hidden}.tb-tree-row{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-size:12.5px;cursor:pointer;color:var(--text);position:relative}.tb-tree-row:hover{background:var(--bg-inset)}.tb-tree-row.is-section{font-weight:600;background:var(--bg-inset)}.tb-tree-row.is-column{padding-left:18px;color:var(--text-muted);font-size:12px}.tb-tree-row.is-block{padding-left:22px}.tb-tree-row.is-empty{padding-left:26px;font-size:11.5px;color:var(--text-faint);font-style:italic;cursor:default}.tb-tree-row.is-selected{background:var(--brand-soft);color:var(--brand-text, var(--brand))}.tb-tree-row.drop-before{box-shadow:inset 0 2px 0 var(--brand)}.tb-tree-row.drop-after{box-shadow:inset 0 -2px 0 var(--brand)}.tb-tree-row.drop-into{box-shadow:inset 0 0 0 2px var(--brand)}.tb-tree-label{white-space:nowrap}.tb-tree-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:11.5px;font-weight:400;text-align:right}.tb-grip{color:var(--text-faint);cursor:grab;flex:none}.tb-vars{display:grid;gap:8px}.tb-var{display:grid;gap:4px}.tb-var-name{display:flex;align-items:center;justify-content:space-between;gap:6px}.tb-var-name code{font-family:var(--font-mono);font-size:12px;font-weight:600}.tb-var-tag{font-size:10.5px;color:var(--text-faint)}.tb-var-tag.is-req{color:var(--warning-text)}.tb-versions{display:grid;gap:4px;max-height:220px;overflow-y:auto}.tb-version-row{display:grid;grid-template-columns:auto 1fr;column-gap:8px;font-size:12px;padding:6px 8px;border-radius:var(--r-sm);background:var(--bg-inset)}.tb-version-subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.tb-version-date{grid-column:2;color:var(--text-faint);font-size:11px}.tb-code{margin:0 0 10px;padding:12px;max-height:360px;overflow:auto;background:var(--code-bg, var(--bg-inset));color:var(--code-fg, var(--text));border:1px solid var(--line);border-radius:var(--r-md);font-family:var(--font-mono);font-size:11.5px;line-height:1.55;white-space:pre}.tb-center{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-inset)}.tb-inbox{flex:none;margin:12px 16px 0;padding:4px 12px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md)}.tb-inbox-row{display:flex;align-items:center;gap:10px;padding:4px 0}.tb-inbox-row+.tb-inbox-row{border-top:1px solid var(--line)}.tb-inbox-row label{width:88px;flex:none;font-size:12px;font-weight:600;color:var(--text-muted)}.tb-inbox-input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:13.5px;color:var(--text);padding:6px 0}.tb-inbox-input:focus{outline:none}.tb-warn{display:flex;align-items:center;gap:6px;margin:8px 16px 0;padding:8px 10px;font-size:12.5px;border-radius:var(--r-sm);background:var(--warning-soft);color:var(--warning-text)}.tb-stage{flex:1;min-height:0;overflow:auto;padding:16px}.tb-frame-wrap{display:flex;justify-content:center}.tb-frame{position:relative;width:100%;max-width:900px}.tb-frame-wrap.is-mobile .tb-frame{width:390px}.tb-frame iframe{display:block;width:100%;border:0;border-radius:var(--r-md);background:transparent;box-shadow:var(--shadow-sm)}.tb-frame-wrap.is-mobile iframe{border-radius:28px;outline:8px solid #111827;outline-offset:0}.tb-preview{display:flex;justify-content:center;height:100%;min-height:560px}.tb-preview iframe{width:100%;max-width:900px;height:100%;min-height:560px;border:0;border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-sm)}.tb-preview.is-mobile iframe{width:390px;border-radius:28px;outline:8px solid #111827}.tb-html-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;height:100%;min-height:560px}.tb-code-editor{width:100%;height:100%;min-height:560px;resize:none;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--code-bg, #0f172a);color:var(--code-fg, #e2e8f0);font-family:var(--font-mono);font-size:12.5px;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.tb-code-editor:focus{outline:2px solid var(--brand);outline-offset:-2px}.tb-html-split .tb-preview.is-mobile iframe{width:390px}.tb-sel-bar{position:absolute;transform:translate(-100%);z-index:3;display:flex;align-items:center;gap:1px;height:28px;padding:0 3px;background:#312e81;color:#fff;border-radius:6px 6px 0;box-shadow:var(--shadow-md);white-space:nowrap}.tb-sel-bar button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#e0e7ff;cursor:pointer}.tb-sel-bar button:hover{background:#ffffff29;color:#fff}.tb-sel-bar button.is-danger:hover{background:#dc2626}.tb-sel-label{font-size:11px;font-weight:700;padding:0 6px 0 4px;letter-spacing:.02em}.tb-sel-label.is-section{color:#bbf7d0}.tb-sel-label.is-column{color:#fde68a}.tb-format-bar{position:absolute;z-index:4;display:flex;align-items:center;gap:1px;padding:3px;background:#111827;color:#fff;border-radius:8px;box-shadow:var(--shadow-lg)}.tb-format-bar>button,.tb-format-pop-wrap>button{display:inline-flex;align-items:center;gap:4px;height:30px;min-width:30px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:#e5e7eb;cursor:pointer;font-size:12px;font-weight:600}.tb-format-bar button:hover{background:#ffffff1f;color:#fff}.tb-format-sep{width:1px;height:18px;background:#ffffff2e;margin:0 3px}.tb-format-done{background:#4f46e5!important;color:#fff!important;margin-left:4px}.tb-format-pop-wrap{position:relative;display:inline-flex}.tb-format-pop{position:absolute;top:36px;left:0;z-index:5;background:#111827;border-radius:8px;padding:6px;box-shadow:var(--shadow-lg)}.tb-format-colours{display:grid;grid-template-columns:repeat(5,22px);gap:5px}.tb-format-colours button{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;padding:0}.tb-format-vars{display:grid;min-width:180px;max-height:240px;overflow-y:auto}.tb-format-vars button{text-align:left;padding:6px 8px;border:0;background:transparent;color:#e5e7eb;font-family:var(--font-mono);font-size:12px;border-radius:4px;cursor:pointer}.tb-format-vars button:hover{background:#ffffff1f}.tb-format-vars button.is-new{font-family:inherit;color:#a5b4fc}.tb-format-text{font-size:12px}.tb-right{border-left:1px solid var(--line);background:var(--bg-raised);overflow-y:auto;min-height:0}.tb-inspector{padding:14px}.tb-inspector-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:15px;font-weight:700}.tb-inspector-sub{font-size:12px;font-weight:400;color:var(--text-muted)}.tb-inspector-actions{display:flex;gap:2px}.tb-crumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint);margin:-2px 0 10px}.tb-crumbs button{border:0;background:transparent;padding:0;font:inherit;color:var(--brand-text, var(--brand));cursor:pointer}.tb-group{border-top:1px solid var(--line);padding:12px 0 4px}.tb-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tb-group-body{display:grid;gap:12px}.tb-field{display:grid;gap:5px}.tb-field-label{font-size:12.5px;font-weight:600;color:var(--text)}.tb-field-hint{font-size:11.5px;line-height:1.45;color:var(--text-faint)}.tb-input{height:32px;padding:0 9px;font-size:13px}textarea.tb-input{height:auto;padding:8px 9px;line-height:1.5}.tb-input.mono{font-family:var(--font-mono);font-size:12px}.tb-tip{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--text-muted);background:var(--brand-soft);border-radius:var(--r-md);padding:10px;margin:4px 0 12px}.tb-tip svg{flex:none;margin-top:1px;color:var(--brand-text, var(--brand))}.tb-note{font-size:12px;line-height:1.5;color:var(--text-muted);background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px}.tb-link-btn{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--brand-text, var(--brand));font:inherit;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer}.tb-icon-btn{width:28px;height:28px;flex:none;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);cursor:pointer}.tb-icon-btn:hover:not(:disabled){background:var(--bg-inset);color:var(--text);border-color:var(--line)}.tb-icon-btn.is-danger:hover:not(:disabled){color:var(--danger-text);border-color:var(--danger)}.tb-icon-btn:disabled{opacity:.3;cursor:default}.tb-seg{display:inline-flex;padding:2px;border-radius:var(--r-sm);background:var(--bg-inset);border:1px solid var(--line);gap:2px;flex-wrap:wrap}.tb-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:32px;height:28px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.tb-seg-btn:hover{color:var(--text)}.tb-seg-btn.is-on{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm)}.tb-seg-top .tb-seg-btn{height:30px}.tb-range{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px;align-items:center}.tb-range input[type=range]{width:100%;accent-color:var(--brand)}.tb-range-num{display:flex;align-items:center;gap:4px}.tb-range-num .tb-input{padding:0 6px;text-align:right}.tb-range-num span{font-size:11px;color:var(--text-faint);width:16px}.tb-color{position:relative;display:flex;align-items:center;gap:6px}.tb-color-swatch{width:32px;height:32px;flex:none;border-radius:var(--r-sm);border:1px solid var(--line-strong);cursor:pointer;position:relative;overflow:hidden}.tb-color-none{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 45%,#ef4444 45%,#ef4444 55%,transparent 55%)}.tb-popover{position:absolute;top:36px;left:0;z-index:20;min-width:190px;background:var(--bg-float, var(--bg-card));border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px}.tb-color-pop{padding:10px}.tb-swatches{display:grid;grid-template-columns:repeat(7,22px);gap:6px}.tb-swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);cursor:pointer;padding:0}.tb-color-custom{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--text-muted);cursor:pointer}.tb-color-custom input{width:28px;height:22px;border:0;padding:0;background:none;cursor:pointer}.tb-url{position:relative;display:flex;gap:6px}.tb-url .tb-input{flex:1;min-width:0}.tb-popover-item{display:block;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:var(--text);font-family:var(--font-mono);font-size:12px;cursor:pointer}.tb-popover-item:hover{background:var(--bg-inset)}.tb-popover-new{font-family:inherit;color:var(--brand-text, var(--brand))}.tb-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.tb-toggle input{position:absolute;opacity:0;width:1px;height:1px}.tb-toggle-track{width:34px;height:20px;flex:none;border-radius:999px;background:var(--line-strong);position:relative;transition:background var(--t-fast, .12s)}.tb-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--t-fast, .12s)}.tb-toggle input:checked+.tb-toggle-track{background:var(--brand)}.tb-toggle input:checked+.tb-toggle-track .tb-toggle-thumb{transform:translate(14px)}.tb-toggle input:focus-visible+.tb-toggle-track{outline:2px solid var(--brand);outline-offset:2px}.tb-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tb-layout{display:flex;gap:3px;height:34px;padding:6px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-card);cursor:pointer}.tb-layout span{background:var(--line-strong);border-radius:2px}.tb-layout:hover{border-color:var(--brand)}.tb-layout.is-on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.tb-layout.is-on span{background:var(--brand)}.tb-colcard{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md)}.tb-colcard.is-focus{border-color:#f59e0b}.tb-colcard-title{font-size:12px;font-weight:700;color:var(--text-muted)}.tb-row-item{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 8px;border:1px solid var(--line);border-radius:var(--r-sm)}.tb-row-text{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-row-actions{display:flex}.tb-row-actions .tb-icon-btn{width:22px;height:22px}.tb-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;gap:6px;align-items:center}@media(max-width:1280px){.tb-body{grid-template-columns:260px minmax(0,1fr) 290px}.tb-body.is-html{grid-template-columns:260px minmax(0,1fr)}.tb-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-id,.tb-version{display:none}}@media(max-width:1024px){.tb-body{grid-template-columns:64px minmax(0,1fr) 280px}.tb-left{grid-template-columns:64px}.tb-left:hover,.tb-left:focus-within{grid-template-columns:64px 250px;position:relative;z-index:6;box-shadow:var(--shadow-lg);width:314px}.tb-left-panel{display:none}.tb-left:hover .tb-left-panel,.tb-left:focus-within .tb-left-panel{display:block;background:var(--bg-raised)}.tb-body.is-html{grid-template-columns:64px minmax(0,1fr)}.tb-html-split{grid-template-columns:1fr}.tb-topbar{grid-template-columns:minmax(0,1fr) auto}.tb-topbar-mid{display:none}}@media(max-width:760px){.tb-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.tb-left{grid-template-columns:1fr}.tb-left-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.tb-left-panel{display:block;max-height:38vh}.tb-left:hover,.tb-left:focus-within{width:auto;box-shadow:none;grid-template-columns:1fr}.tb-right{max-height:40vh;border-left:0;border-top:1px solid var(--line)}.tb-cat,.tb-saved{display:none}}:root,:root[data-theme=dark]{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-base: #07090f;--bg-raised: #0b0f18;--bg-card: #0e1320;--bg-card-hover: #131a2a;--bg-inset: #070a11;--bg-overlay: rgba(4, 6, 11, .72);--bg-float: #111827;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--line-brand: rgba(99, 102, 241, .45);--brand: #6366f1;--brand-strong: #4f46e5;--brand-soft: rgba(99, 102, 241, .12);--brand-glow: rgba(79, 70, 229, .35);--accent: #38bdf8;--gradient-brand: linear-gradient(135deg, #6366f1 0%, #38bdf8 100%);--success: #10b981;--success-text: #4ade9c;--success-soft: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-text: #fbbf24;--warning-soft: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-text: #fca5a5;--danger-soft: rgba(239, 68, 68, .12);--text: #f1f5f9;--text-muted: #9aa8bd;--text-faint: #64748b;--r-xs: 6px;--r-sm: 9px;--r-md: 13px;--r-lg: 18px;--r-xl: 26px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .75);--shadow-brand: 0 8px 28px -8px var(--brand-glow);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .12s var(--ease);--t-base: .22s var(--ease);--container: 1180px;--sidebar-w: 254px;--topbar-h: 62px;--bg-topbar: rgba(7, 9, 15, .85);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-hover: rgba(255, 255, 255, .1);--btn-ghost-hover: rgba(255, 255, 255, .06);--nav-hover-bg: rgba(255, 255, 255, .05);--nav-active-bg: rgba(99, 102, 241, .16);--nav-active-fg: #ffffff;--nav-active-border: rgba(99, 102, 241, .45);--avatar-fg: #a5b4fc;--chip-bg: rgba(255, 255, 255, .07);--tab-active-bg: rgba(255, 255, 255, .09);--tint-1: rgba(255, 255, 255, .04);--tint-2: rgba(255, 255, 255, .09);--brand-text: #a5b4fc;--placeholder: #4e5a6e;--scroll-thumb: rgba(255, 255, 255, .12);--scroll-thumb-hover: rgba(255, 255, 255, .22);color-scheme:dark}:root[data-theme=light]{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-base: #f8fafc;--bg-raised: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-inset: #f1f5f9;--bg-overlay: rgba(15, 23, 42, .35);--bg-float: #ffffff;--line: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .16);--line-brand: rgba(79, 70, 229, .35);--brand: #4f46e5;--brand-strong: #4338ca;--brand-soft: rgba(79, 70, 229, .08);--brand-glow: rgba(79, 70, 229, .2);--accent: #0284c7;--gradient-brand: linear-gradient(135deg, #4f46e5 0%, #0284c7 100%);--success: #10b981;--success-text: #047857;--success-soft: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-text: #b45309;--warning-soft: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-text: #b91c1c;--danger-soft: rgba(239, 68, 68, .1);--text: #0f172a;--text-muted: #475569;--text-faint: #64748b;--r-xs: 6px;--r-sm: 9px;--r-md: 13px;--r-lg: 18px;--r-xl: 26px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px -10px rgba(15, 23, 42, .12);--shadow-lg: 0 24px 60px -20px rgba(15, 23, 42, .2);--shadow-brand: 0 8px 28px -8px var(--brand-glow);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .12s var(--ease);--t-base: .22s var(--ease);--container: 1180px;--sidebar-w: 254px;--topbar-h: 62px;--bg-topbar: rgba(255, 255, 255, .85);--btn-secondary-bg: rgba(15, 23, 42, .04);--btn-secondary-hover: rgba(15, 23, 42, .08);--btn-ghost-hover: rgba(15, 23, 42, .05);--nav-hover-bg: rgba(15, 23, 42, .04);--nav-active-bg: rgba(79, 70, 229, .1);--nav-active-fg: #4f46e5;--nav-active-border: rgba(79, 70, 229, .3);--avatar-fg: #4f46e5;--chip-bg: rgba(15, 23, 42, .06);--tab-active-bg: #ffffff;--tint-1: rgba(15, 23, 42, .035);--tint-2: rgba(15, 23, 42, .08);--brand-text: #4338ca;--placeholder: #94a3b8;--scroll-thumb: rgba(15, 23, 42, .18);--scroll-thumb-hover: rgba(15, 23, 42, .3);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 24px);-webkit-text-size-adjust:100%}body{background-color:var(--bg-base);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5{line-height:1.2;letter-spacing:-.022em;font-weight:700;text-wrap:balance}p{text-wrap:pretty}code,pre{font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:#6366f159;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.display{font-size:clamp(2.4rem,1.2rem + 4.2vw,4.2rem);font-weight:800;line-height:1.04;letter-spacing:-.035em}.h-section{font-size:clamp(1.75rem,1.1rem + 2.2vw,2.6rem);font-weight:800;letter-spacing:-.03em}.lede{font-size:clamp(1rem,.95rem + .35vw,1.185rem);color:var(--text-muted);line-height:1.65}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding-block:clamp(64px,8vw,112px);position:relative}.section-head{max-width:660px;margin-bottom:clamp(36px,5vw,56px)}.section-head.center{margin-inline:auto;text-align:center}.section-head .h-section{margin-top:14px}.section-head .lede{margin-top:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1020px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.glow-field{position:relative;isolation:isolate;overflow-x:clip}.glow-field:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:720px;z-index:-1;pointer-events:none;background:radial-gradient(48% 52% at 18% 8%,rgba(79,70,229,.26) 0%,transparent 68%),radial-gradient(42% 46% at 82% 0%,rgba(56,189,248,.16) 0%,transparent 70%)}.grid-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.032) 1px,transparent 1px);background-size:62px 62px;mask-image:radial-gradient(70% 55% at 50% 22%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(70% 55% at 50% 22%,#000 0%,transparent 78%)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;transition:border-color var(--t-base),background var(--t-base),transform var(--t-base)}.card-lg{border-radius:var(--r-lg);padding:28px}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--bg-card-hover);border-color:var(--line-strong);transform:translateY(-2px)}.card-brand{background:linear-gradient(135deg,#6366f129,#38bdf812),var(--bg-card);border-color:var(--line-brand)}.inset{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px}.divider{height:1px;background:var(--line);border:0}.btn{--btn-bg: transparent;--btn-fg: var(--text);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:40px;font-size:14px;font-weight:600;white-space:nowrap;border-radius:var(--r-sm);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast),opacity var(--t-fast)}.btn svg{flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{--btn-bg: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);--btn-fg: #fff;--btn-border: rgba(255, 255, 255, .14);box-shadow:var(--shadow-brand)}.btn-primary:not(:disabled):hover{--btn-bg: linear-gradient(180deg, #7376f5 0%, #5b52ea 100%);box-shadow:0 10px 32px -8px var(--brand-glow)}.btn-secondary{--btn-bg: var(--btn-secondary-bg);--btn-border: var(--line-strong)}.btn-secondary:not(:disabled):hover{--btn-bg: var(--btn-secondary-hover);--btn-border: var(--line-strong)}.btn-ghost{--btn-fg: var(--text-muted)}.btn-ghost:not(:disabled):hover{--btn-bg: var(--btn-ghost-hover);--btn-fg: var(--text)}.btn-danger{--btn-bg: var(--danger-soft);--btn-fg: var(--danger-text);--btn-border: rgba(239, 68, 68, .3)}.btn-danger:not(:disabled):hover{--btn-bg: rgba(239, 68, 68, .2)}.btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:var(--r-md)}.btn-sm{height:32px;padding:0 11px;font-size:13px;gap:6px}.btn-icon{width:34px;height:34px;padding:0;flex:none}.btn-block{width:100%}.link{color:var(--accent);font-weight:600;background:none;border:0;padding:0;cursor:pointer;transition:color var(--t-fast)}.link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.field{display:block;margin-bottom:16px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px}.field-hint{font-size:12px;color:var(--text-faint);margin-top:7px;line-height:1.5}.field-error{font-size:12px;color:var(--danger-text);margin-top:7px}.input{width:100%;height:42px;background:var(--bg-inset);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:0 13px;font-size:14.5px;color:var(--text);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}textarea.input{height:auto;padding:11px 13px;line-height:1.6;resize:vertical}.input::placeholder{color:var(--placeholder)}.input:hover:not(:disabled):not(:focus){border-color:var(--line-strong)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input:disabled{opacity:.6;cursor:not-allowed}.input-invalid,.input-invalid:focus{border-color:#ef444499;box-shadow:0 0 0 3px var(--danger-soft)}.input-affix{display:flex;align-items:center;background:var(--bg-inset);border:1px solid var(--line-strong);border-radius:var(--r-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input-affix:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input-affix.is-invalid,.input-affix.is-invalid:focus-within{border-color:#ef444499;box-shadow:0 0 0 3px var(--danger-soft)}.input-affix .input{border:0;background:transparent;box-shadow:none;flex:1;min-width:0}.input-affix .affix{padding-inline:12px;font-size:13.5px;font-weight:600;color:var(--text-muted);border-left:1px solid var(--line);align-self:stretch;display:flex;align-items:center;white-space:nowrap}.input-code{text-align:center;font-family:var(--font-mono);font-size:26px;font-weight:600;letter-spacing:.42em;text-indent:.42em;height:58px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:520px){.form-row{grid-template-columns:minmax(0,1fr)}}.strength{display:flex;gap:4px;margin-top:8px}.strength-seg{height:3px;flex:1;border-radius:var(--r-full);background:var(--tint-2);transition:background var(--t-base)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;line-height:1.5;border:1px solid transparent;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success-text);border-color:#10b98147}.badge-warning{background:var(--warning-soft);color:var(--warning-text);border-color:#f59e0b47}.badge-danger{background:var(--danger-soft);color:var(--danger-text);border-color:#ef444447}.badge-neutral{background:var(--tint-2);color:var(--text-muted);border-color:var(--line-strong)}.badge-brand{background:var(--brand-soft);color:var(--brand-text);border-color:var(--line-brand)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.dot-live{box-shadow:0 0 0 0 currentColor;animation:pulse-dot 2.4s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.chip{display:inline-flex;align-items:center;gap:9px;padding:6px 7px 6px 12px;border-radius:var(--r-full);border:1px solid var(--line-strong);background:var(--tint-1);font-size:13px;color:var(--text-muted);transition:border-color var(--t-fast),background var(--t-fast)}.chip:hover{border-color:var(--line-brand);background:var(--brand-soft)}.chip strong{color:var(--text);font-weight:600}.alert{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:var(--r-sm);border:1px solid transparent;font-size:13.5px;line-height:1.55;margin-bottom:18px}.alert svg{flex:none;margin-top:1px}.alert-danger{background:var(--danger-soft);border-color:#ef44444d;color:var(--danger-text)}.alert-success{background:var(--success-soft);border-color:#10b9814d;color:var(--success-text)}.alert-warning{background:var(--warning-soft);border-color:#f59e0b4d;color:var(--warning-text)}.alert-info{background:var(--brand-soft);border-color:var(--line-brand);color:var(--brand-text)}.table-wrap{overflow-x:auto;margin-inline:-22px;padding-inline:22px}.table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}.table th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:0 14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--tint-1)}.progress{height:7px;width:100%;background:var(--tint-2);border-radius:var(--r-full);overflow:hidden}.progress-bar{height:100%;border-radius:var(--r-full);background:var(--gradient-brand);transition:width .6s var(--ease)}.progress-bar.is-success{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.is-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar.is-danger{background:linear-gradient(90deg,#dc2626,#ef4444)}.tabs{display:flex;gap:2px;padding:4px;background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:7px;padding:0 14px;height:34px;border:0;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:600;white-space:nowrap;border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.tab:hover{color:var(--text);background:var(--btn-ghost-hover)}.tab[aria-selected=true],.tab.is-active{background:var(--tab-active-bg);color:var(--text);box-shadow:var(--shadow-sm)}.code-block{--code-bg: #0b1018;--code-line: rgba(255, 255, 255, .08);--code-fg: #d3dceb;--code-faint: #8b9ab1;background:var(--code-bg);border:1px solid var(--code-line);border-radius:var(--r-md);overflow:hidden}:root[data-theme=light] .code-block{border-color:#0f172a24;box-shadow:0 14px 34px -22px #0f172a8c}.code-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--code-line);background:#ffffff08;font-size:12.5px;color:var(--code-faint)}.code-head .btn-ghost{color:var(--code-faint)}.code-head .btn-ghost:hover{background:#ffffff14;color:var(--code-fg)}.code-head .badge-success{background:#10b98129;border-color:#10b98152;color:#4ade9c}.code-body{padding:16px 18px;overflow-x:auto;font-size:13px;line-height:1.75;color:var(--code-fg)}.code-body .tok-key{color:#7dd3fc}.code-body .tok-str{color:#86efac}.code-body .tok-fn{color:#c4b5fd}.code-body .tok-com{color:#7d8ba3}.code-inline{background:var(--chip-bg);border:1px solid var(--line);border-radius:var(--r-xs);padding:2px 6px;font-size:.88em}.tl{display:flex;gap:6px}.tl i{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.code-head .tl i{background:#ffffff29}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-xs)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-viewport{position:fixed;z-index:100;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:13.5px;line-height:1.5;pointer-events:auto;animation:toast-in .26s var(--ease)}.toast svg{flex:none;margin-top:1px}.toast-success{border-color:#10b98159}.toast-error{border-color:#ef444459}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.empty{text-align:center;padding:52px 24px}.empty-icon{width:52px;height:52px;border-radius:var(--r-md);background:var(--tint-1);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 16px;color:var(--text-faint)}.empty h3{font-size:17px;margin-bottom:6px}.empty p{font-size:14px;color:var(--text-muted);max-width:400px;margin:0 auto}.empty .btn{margin-top:20px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.logo-mark{width:32px;height:32px;border-radius:9px;background:var(--gradient-brand);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-brand);flex:none}.logo-mark-lg{width:46px;height:46px;border-radius:var(--r-md)}.site-nav{position:sticky;top:0;z-index:50;height:var(--topbar-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background var(--t-base),border-color var(--t-base),backdrop-filter var(--t-base)}.site-nav[data-stuck=true]{background:var(--bg-topbar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.site-nav .container{display:flex;align-items:center;gap:28px}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-link{padding:7px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--text-muted);background:none;border:0;cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.nav-link:hover{color:var(--text);background:var(--nav-hover-bg)}.nav-link.is-active{color:var(--nav-active-fg);background:var(--nav-active-bg);box-shadow:inset 0 0 0 1px var(--nav-active-border)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none}.mobile-menu{position:fixed;inset:var(--topbar-h) 0 auto 0;z-index:49;background:var(--bg-raised);border-bottom:1px solid var(--line);padding:16px 24px 24px;display:flex;flex-direction:column;gap:4px;animation:slide-down .2s var(--ease);box-shadow:var(--shadow-lg)}.mobile-menu .nav-link{text-align:left;padding:12px;font-size:15px}.mobile-menu .btn{margin-top:8px}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:880px){.nav-links,.nav-actions .btn-secondary{display:none}.nav-toggle{display:inline-flex}.site-nav .container{justify-content:space-between}}.hero{padding-block:clamp(56px,8vw,104px) clamp(48px,6vw,80px);text-align:center;position:relative}.hero .display{margin-top:26px}.hero .lede{margin:22px auto 0;max-width:620px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}.hero-note{margin-top:18px;font-size:13px;color:var(--text-faint);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.hero-note span{display:inline-flex;align-items:center;gap:6px}.hero-visual{margin-top:clamp(16px,2.5vw,32px);border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--bg-raised);box-shadow:var(--shadow-lg),0 0 80px -30px var(--brand-glow);overflow:hidden;text-align:left}.hero-visual-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--tint-1)}.hero-visual-url{flex:1;text-align:center;font-size:12px;color:var(--text-faint);font-family:var(--font-mono)}@media(max-width:680px){.preview-aside{display:none!important}}.logo-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 44px;opacity:.75}.logo-strip span{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--text-faint)}.feature{position:relative;overflow:hidden}.feature-icon{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--brand-soft);border:1px solid var(--line-brand);color:var(--brand-text);margin-bottom:16px}.feature h3{font-size:16.5px;margin-bottom:8px}.feature p{font-size:14px;color:var(--text-muted);line-height:1.6}.step{display:flex;gap:16px}.step-num{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--brand-soft);border:1px solid var(--line-brand);color:var(--brand-text)}.step h3{font-size:16px;margin-bottom:6px}.step p{font-size:14px;color:var(--text-muted)}.price-card{display:flex;flex-direction:column;position:relative}.price-card.is-featured{border-color:var(--line-brand);background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,transparent 42%),var(--bg-card);box-shadow:0 0 44px -22px var(--brand-glow)}.price-amount{display:flex;align-items:baseline;gap:4px;margin-block:16px 6px}.price-amount b{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1}.price-amount span{font-size:14px;color:var(--text-faint)}.price-features{list-style:none;display:flex;flex-direction:column;gap:11px;margin-block:22px;font-size:14px;flex:1}.price-features li{display:flex;align-items:flex-start;gap:10px;color:var(--text-muted)}.price-features svg{flex:none;margin-top:3px;color:var(--success)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;background:none;border:0;text-align:left;font-size:15.5px;font-weight:600;color:var(--text);cursor:pointer;transition:color var(--t-fast)}.faq-q:hover{color:var(--accent)}.faq-q svg{flex:none;color:var(--text-faint);transition:transform var(--t-base)}.faq-item[data-open=true] .faq-q svg{transform:rotate(45deg);color:var(--accent)}.faq-a{font-size:14.5px;color:var(--text-muted);line-height:1.7;padding-bottom:20px;max-width:70ch}.cta-panel{border-radius:var(--r-xl);border:1px solid var(--line-brand);background:radial-gradient(60% 120% at 50% 0%,rgba(99,102,241,.22) 0%,transparent 70%),var(--bg-card);padding:clamp(40px,6vw,64px) 24px;text-align:center}.site-footer{border-top:1px solid var(--line);padding-block:56px 32px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}@media(max-width:880px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.footer-col a{display:block;font-size:14px;color:var(--text-muted);padding-block:6px;transition:color var(--t-fast)}.footer-col a:hover{color:var(--text)}.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--text-faint)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-form-side{display:flex;flex-direction:column;padding:28px clamp(24px,5vw,56px) 40px;overflow-y:auto}.auth-form-inner{width:100%;max-width:420px;margin:auto;padding-block:32px}.auth-form-inner.is-wide{max-width:520px}.auth-title{font-size:27px;margin-top:22px}.auth-sub{color:var(--text-muted);font-size:14.5px;margin-top:8px;margin-bottom:28px}.auth-alt{text-align:center;margin-top:22px;font-size:14px;color:var(--text-muted)}.auth-brand-side{position:relative;border-left:1px solid var(--line);background:radial-gradient(70% 60% at 20% 15%,rgba(79,70,229,.22) 0%,transparent 65%),radial-gradient(60% 50% at 90% 85%,rgba(56,189,248,.14) 0%,transparent 70%),var(--bg-raised);padding:56px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-quote{font-size:22px;font-weight:600;line-height:1.45;letter-spacing:-.02em;max-width:440px}.auth-points{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:40px;max-width:420px}.auth-points li{display:flex;gap:12px;font-size:14.5px;color:var(--text-muted)}.auth-points svg{flex:none;margin-top:3px;color:var(--accent)}@media(max-width:940px){.auth{grid-template-columns:1fr}.auth-brand-side{display:none}}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:28px;flex-wrap:wrap}.plan-badge{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:20px;border-radius:var(--r-full);background:var(--brand-soft);border:1px solid var(--line-brand)}.plan-badge-name{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--brand-text);letter-spacing:-.01em}.plan-badge-price{font-size:13px;font-weight:700}.stepper-item{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-faint)}.stepper-item[data-state=active]{color:var(--text)}.stepper-item[data-state=done]{color:var(--success-text)}.stepper-bullet{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11px;border:1px solid var(--line-strong);background:var(--tint-1)}.stepper-item[data-state=active] .stepper-bullet{border-color:var(--brand);background:var(--brand);color:#fff}.stepper-item[data-state=done] .stepper-bullet{border-color:#10b98166;background:var(--success-soft);color:var(--success-text)}.stepper-line{flex:1;height:1px;background:var(--line-strong)}.shell{display:flex;min-height:100vh}.shell-sidebar{width:var(--sidebar-w);flex:none;background:var(--bg-raised);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh;z-index:40}.shell-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.shell-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;margin-inline:-4px;padding-inline:4px}.shell-nav-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:16px 10px 6px}.shell-nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--text-muted);border:0;background:none;width:100%;text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.shell-nav-item svg{flex:none}.shell-nav-item:hover{background:var(--nav-hover-bg);color:var(--text)}.shell-nav-item.is-active{background:var(--nav-active-bg);color:var(--nav-active-fg);font-weight:600;box-shadow:inset 0 0 0 1px var(--nav-active-border);position:relative}.shell-nav-item.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3.5px;border-radius:var(--r-full);background:var(--brand)}.shell-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.shell-topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:14px;padding-inline:clamp(18px,3vw,34px);border-bottom:1px solid var(--line);background:var(--bg-topbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.shell-content{padding:clamp(22px,3vw,34px) clamp(18px,3vw,34px) 72px;max-width:1160px;width:100%}.page-head{margin-bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-head h1{font-size:25px;font-weight:700}.page-head p{color:var(--text-muted);font-size:14.5px;margin-top:5px;max-width:62ch}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--brand-soft);border:1px solid var(--line-brand);color:var(--avatar-fg);flex:none}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:228px;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;z-index:60;animation:slide-down .14s var(--ease)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;border-radius:var(--r-xs);font-size:14px;color:var(--text-muted);cursor:pointer;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.menu-item:hover{background:var(--btn-ghost-hover);color:var(--text)}.menu-item.is-danger:hover{background:var(--danger-soft);color:var(--danger-text)}.menu-head{padding:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.shell-scrim{display:none}@media(max-width:900px){.shell-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform var(--t-base);box-shadow:var(--shadow-lg)}.shell-sidebar[data-open=true]{transform:none}.shell-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:var(--bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s var(--ease)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stat{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:17px 18px}.stat-label{font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:7px}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-top:7px;line-height:1.15}.stat-meta{font-size:12.5px;color:var(--text-faint);margin-top:5px}.check-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-sm);border:1px solid transparent;width:100%;background:none;text-align:left;font:inherit;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.check-item:hover{background:var(--tint-1);border-color:var(--line)}.check-item[data-done=true]{cursor:default}.check-item[data-done=true]:hover{background:none;border-color:transparent}.check-title{font-size:14px;font-weight:500}.check-item[data-done=true] .check-title{color:var(--text-muted)}.check-desc{font-size:12.5px;color:var(--text-faint);margin-top:2px}.logo-mark{position:relative;overflow:visible}.logo-mark svg{transition:transform var(--t-base)}.logo:hover .logo-mark svg,a:hover>.logo .logo-mark svg{transform:translate(1px,-3px) rotate(-6deg)}.logo-mark:after{content:"";position:absolute;bottom:-2px;left:50%;width:5px;height:0;border-radius:50%;transform:translate(-50%);background:linear-gradient(to bottom,#fbbf24,#ef444400);opacity:0;transition:height var(--t-base),opacity var(--t-base)}.logo:hover .logo-mark:after,a:hover>.logo .logo-mark:after{height:13px;opacity:1;animation:thrust-flicker .14s steps(2) infinite}@keyframes thrust-flicker{0%{transform:translate(-50%) scaleY(1)}to{transform:translate(-50%) scaleY(.72)}}.btn-rocket svg:last-child{transition:transform var(--t-base)}.btn-rocket:not(:disabled):hover svg:last-child{transform:translate(3px,-3px)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:0;animation:star-twinkle 4s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.55;transform:scale(1)}}.launchpad{position:relative;height:168px;margin-top:8px;display:grid;place-items:end center;overflow:hidden}.launch-rocket{position:relative;animation:rocket-ascend 7s var(--ease) infinite;will-change:transform}@keyframes rocket-ascend{0%{transform:translateY(72px) scale(.92);opacity:0}12%{opacity:1}55%{transform:translateY(-34px) scale(1);opacity:1}80%{transform:translateY(-96px) scale(.96);opacity:1}to{transform:translateY(-190px) scale(.8);opacity:0}}.launch-trail{position:absolute;bottom:0;left:50%;width:3px;height:130px;transform:translate(-50%);border-radius:var(--r-full);background:linear-gradient(to top,#6366f100,#6366f173 35%,#38bdf8bf);animation:trail-pulse 7s var(--ease) infinite}@keyframes trail-pulse{0%,to{opacity:0;height:30px}30%{opacity:.9;height:120px}70%{opacity:.5;height:170px}}.rocket-idle{animation:rocket-bob 3.4s ease-in-out infinite}@keyframes rocket-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .64s var(--ease),transform .64s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.orbit{position:relative}.orbit:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:inherit;border:1px dashed rgba(99,102,241,.3);opacity:0;transition:opacity var(--t-base)}.card:hover .orbit:before{opacity:1;animation:orbit-spin 9s linear infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}.page-hero{padding-block:clamp(48px,7vw,84px) clamp(28px,4vw,44px);text-align:center;position:relative}.page-hero .display{font-size:clamp(2rem,1.2rem + 3vw,3.2rem);margin-top:16px}.page-hero .lede{margin:18px auto 0;max-width:620px}.page-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fade-up{animation:fade-up .5s var(--ease) both}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade-in .16s var(--ease)}.modal-container{background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--line);width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:modal-scale-up .18s var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-title{font-size:17px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.modal-subtitle{font-size:13px;color:var(--text-faint);margin:4px 0 0;line-height:1.45}.modal-body{padding:22px 24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:var(--tint-1);flex-shrink:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-up{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-cat-otp{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.28)}.badge-cat-welcome{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.28)}.badge-cat-billing{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.28)}.badge-cat-transactional{background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.28)}.badge-cat-marketing{background:#ec48991f;color:#f472b6;border:1px solid rgba(236,72,153,.28)}.var-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;border-radius:var(--r-xs);background:var(--brand-soft);color:var(--brand-text);border:1px solid var(--line-brand);cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;user-select:none;line-height:1.3}.var-chip:hover{background:var(--brand-glow);color:#fff;border-color:var(--brand);transform:translateY(-1px)}.template-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.preset-card{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;cursor:pointer;transition:all var(--t-base);text-align:left;position:relative}.preset-card:hover{border-color:var(--line-brand);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.preset-card.is-selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 2px var(--brand-glow)}.phone-mockup-frame{width:375px;max-width:100%;background:#fff;border-radius:28px;border:6px solid #1f2937;box-shadow:0 24px 48px -12px #00000080,0 0 0 1px #ffffff14;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-mockup-notch{width:120px;height:18px;background:#1f2937;border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin:0 auto;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10}.desktop-preview-frame{width:100%;background:#fff;border-radius:10px;border:1px solid var(--line-strong);box-shadow:var(--shadow-md);overflow:hidden}.preview-status-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-raised);border-bottom:1px solid var(--line)}.preview-dot{width:9px;height:9px;border-radius:50%;background:var(--tint-2)}.studio-shell{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h));overflow:hidden;margin:-20px -24px 0;background:var(--bg-base)}.studio-topbar{flex-shrink:0;background:var(--bg-raised);border-bottom:1px solid var(--line-strong);padding:0 20px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.studio-body{flex:1;display:grid;grid-template-columns:380px 1fr;min-height:0;overflow:hidden}@media(max-width:1100px){.studio-body{grid-template-columns:320px 1fr}}@media(max-width:900px){.studio-body{grid-template-columns:1fr}}.studio-panel{background:var(--bg-raised);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.studio-panel-tabs{flex-shrink:0;display:flex;border-bottom:1px solid var(--line);background:var(--bg-base);padding:0 4px}.studio-panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-faint);padding:10px 4px;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast);white-space:nowrap}.studio-panel-tab:hover{color:var(--text-muted)}.studio-panel-tab[aria-selected=true]{color:var(--brand-text);border-bottom-color:var(--brand)}.studio-panel-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.studio-canvas-area{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-inset)}.studio-canvas-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:var(--bg-raised);border-bottom:1px solid var(--line)}.studio-canvas-viewport{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 24px;background:radial-gradient(var(--tint-2) 1px,transparent 1px),radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,.06) 0%,transparent 70%),var(--bg-inset);background-size:20px 20px,auto,auto;gap:0}.block-palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.block-add-btn{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);text-align:left;color:var(--text);font-family:inherit}.block-add-btn:hover{background:var(--bg-card-hover);border-color:var(--line-brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.block-add-icon{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;flex-shrink:0}.block-item-card{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.block-item-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.block-item-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-card);border-bottom:1px solid var(--line)}.block-item-body{padding:12px}.desktop-preview-frame{width:100%;background:#fff;border-radius:var(--r-md);border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 6px -1px #0000001a,0 20px 40px -12px #00000059,0 0 0 1px #ffffff0a;overflow:hidden;animation:preview-rise .3s var(--ease) both}@keyframes preview-rise{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.phone-mockup-frame{width:375px;max-width:100%;background:#fff;border-radius:42px;border:10px solid #1a1f2e;box-shadow:0 0 0 1px #ffffff14,0 32px 64px -20px #0009,inset 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:preview-rise .3s var(--ease) both}.phone-mockup-notch{width:100px;height:24px;background:#1a1f2e;border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin:0 auto;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:6px}.phone-mockup-notch:after{content:"";width:8px;height:8px;border-radius:50%;background:#0d1117;border:1px solid rgba(255,255,255,.1)}.preview-status-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-raised);border-bottom:1px solid var(--line);flex-shrink:0}.preview-dot{width:10px;height:10px;border-radius:50%}.var-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font-mono);font-size:11px;font-weight:500;border-radius:var(--r-xs);background:var(--brand-soft);color:var(--brand-text);border:1px solid var(--line-brand);cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;user-select:none;line-height:1.5}.var-chip:hover{background:#6366f140;color:#fff;border-color:var(--brand);transform:translateY(-1px)}.var-chip:active{transform:translateY(0)}.studio-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:2px}.template-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.preset-card{display:flex;flex-direction:column;gap:8px;background:var(--bg-raised);border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px;cursor:pointer;transition:all var(--t-base);text-align:left;position:relative;overflow:hidden}.preset-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:var(--gradient-brand);transition:opacity var(--t-fast);z-index:0}.preset-card:hover{border-color:var(--line-brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.preset-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow-brand)}.preset-card>*{position:relative;z-index:1}.color-swatch-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.color-swatch-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast);padding:0}.color-swatch-btn:hover{transform:scale(1.2)}.color-swatch-btn.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--brand)}.studio-alert-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--warning-soft);border:1px solid rgba(245,158,11,.3);border-radius:var(--r-sm);font-size:12.5px;color:var(--warning-text);flex-shrink:0;margin:8px 16px}@media print{.shell-sidebar,.shell-topbar,.site-nav,.toast-viewport{display:none}}.studio-layout{display:grid;grid-template-columns:380px 1fr;gap:0;align-items:start}@media(max-width:1100px){.studio-layout{grid-template-columns:1fr}}.studio-canvas-backdrop{background:radial-gradient(var(--tint-2) 1px,transparent 1px),var(--bg-inset);background-size:20px 20px;border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:680px;box-shadow:inset 0 2px 10px #00000026;position:relative;overflow:hidden}.tpl-table{width:100%}.tpl-table td,.tpl-table th{vertical-align:middle}.tpl-name{font-weight:600;font-size:14px}.tpl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.tpl-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px}.tpl-id{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);cursor:pointer}.tpl-id:hover{color:var(--text)}@media(max-width:1180px){.tpl-col-updated{display:none}}@media(max-width:980px){.tpl-col-category{display:none}}@media(max-width:720px){.tpl-col-subject{display:none}}.row-menu{position:fixed;z-index:90;min-width:170px;padding:6px;background:var(--bg-float, var(--bg-card));border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg)}.row-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.row-menu-item:hover,.row-menu-item:focus-visible{background:var(--bg-inset);outline:none}.row-menu-item.is-danger{color:var(--danger-text)}.row-menu-item.is-danger:hover{background:var(--danger-soft)}.tpl-delete{color:var(--danger-text)}.tpl-delete:hover{background:var(--danger-soft);color:var(--danger-text)}.tpl-actions{text-align:right;white-space:nowrap}