:root,[data-theme=dark]{--bg: #14161a;--bg-tint: #181b21;--surface: #191c22;--surface-2: #22262d;--border: #2a2e35;--border-strong: #3a3f48;--ink: #f0eee7;--ink-2: #c2c6cd;--muted: #8b919b;--muted-2: #5f656e;--accent: #ff6b57;--accent-soft: rgba(255, 107, 87, .15);--positive: #48d29a;--positive-soft: rgba(72, 210, 154, .15);--warn: #e5b567;--warn-soft: rgba(229, 181, 103, .15);--danger: #ff5d64;--danger-soft: rgba(255, 93, 100, .15);--info: #6ea8ff;--info-soft: rgba(110, 168, 255, .15);--violet: #c07bff;--violet-soft: rgba(192, 123, 255, .15);--selection-ink: #14161a;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .2);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 0 0 1px var(--border)}[data-theme=light]{--bg: #f5f3ee;--bg-tint: #efece5;--surface: #fbfaf7;--surface-2: #e9e6de;--border: #e0dcd2;--border-strong: #cbc6b9;--ink: #14161a;--ink-2: #3a3f48;--muted: #5b616b;--muted-2: #8b919b;--accent: #f04f38;--accent-soft: rgba(240, 79, 56, .12);--positive: #16855c;--positive-soft: rgba(22, 133, 92, .12);--warn: #9a6b1f;--warn-soft: rgba(154, 107, 31, .12);--danger: #cf3038;--danger-soft: rgba(207, 48, 56, .1);--info: #2f66c4;--info-soft: rgba(47, 102, 196, .1);--violet: #7b3fd4;--violet-soft: rgba(123, 63, 212, .1);--selection-ink: #f5f3ee;--shadow-sm: 0 1px 0 rgba(20, 22, 26, .04);--shadow-md: 0 1px 2px rgba(20, 22, 26, .06), 0 0 0 1px var(--border)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{filter:brightness(1.15)}input,textarea,select,button{font-family:inherit}.serif{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.01em}.serif-i{font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-feature-settings:"tnum","zero"}.tnum{font-variant-numeric:tabular-nums}.y{color:var(--accent)}@keyframes fypulse{0%,to{opacity:.45}50%{opacity:1}}.app{display:grid;grid-template-columns:248px 1fr;grid-template-rows:100vh;height:100vh}.sidebar{background:var(--bg-tint);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;overflow:hidden}.brand{padding:18px 18px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}.brand-mark{flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.1;gap:3px}.brand-version{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;color:var(--muted);letter-spacing:.02em}.brand-name{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-transform:lowercase}.brand-edition{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:auto}.client-switch{margin:12px 12px 8px;padding:9px 11px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .12s}.client-switch:hover{border-color:var(--border-strong)}.client-dot{width:8px;height:8px;border-radius:50%;background:var(--positive);box-shadow:0 0 0 3px var(--positive-soft);flex-shrink:0}.client-meta{min-width:0;flex:1}.client-name{font-size:12.5px;font-weight:600;color:var(--ink)}.client-domain{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);margin-top:1px}.client-chev{color:var(--muted)}.nav-section{padding:4px 10px 10px}.nav-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);padding:12px 8px 5px;display:flex;align-items:center;gap:8px}.nav-label:before,.nav-label:after{content:"";flex:0 0 auto}.nav-label .roman{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:none;letter-spacing:0}.nav-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;font-size:12.5px;color:var(--ink-2);cursor:pointer;position:relative;transition:background 80ms,color 80ms;text-decoration:none}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--ink)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.nav-item svg{width:14px;height:14px;opacity:.75;flex-shrink:0}.nav-item.active svg{opacity:1;color:var(--accent)}.nav-count{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);background:var(--surface-2);padding:1px 6px;border-radius:4px}.nav-item.active .nav-count{background:var(--accent-soft);color:var(--accent)}.nav-footer{margin-top:auto;padding:12px 16px 14px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.nav-footer-slogan{font-family:Space Grotesk,sans-serif;font-size:12.5px;color:var(--ink-2);letter-spacing:-.01em}.nav-footer-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:9.5px}.nav-footer-row .v{color:var(--ink-2)}.main{display:flex;flex-direction:column;min-width:0;background:var(--bg);overflow:hidden}.topbar{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--bg);flex-shrink:0}.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.crumbs .here{color:var(--ink);font-weight:600}.crumbs .sep{color:var(--muted-2)}.topbar-spacer{flex:1}.searchbox{display:flex;align-items:center;gap:8px;background:var(--bg-tint);border:1px solid var(--border);border-radius:8px;padding:6px 11px;width:230px;flex-shrink:0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden}.searchbox>span{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;white-space:nowrap}.searchbox kbd{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tint);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:10.5px;color:var(--ink-2);font-family:JetBrains Mono,monospace;cursor:pointer;white-space:nowrap;flex-shrink:0}.pill:hover{border-color:var(--border-strong)}.pill.live{background:var(--positive-soft);border-color:transparent;color:var(--positive)}.pill.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--positive);animation:fypulse 1.6s ease-in-out infinite}.iconbtn{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;position:relative}.iconbtn:hover{background:var(--bg-tint);color:var(--ink)}.iconbtn .dot{position:absolute;top:5px;right:6px;width:6px;height:6px;background:var(--accent);border-radius:50%;border:1.5px solid var(--bg)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--selection-ink);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif}.page{flex:1;overflow-y:auto;padding:0}.page-head{padding:24px 26px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-title-wrap{max-width:70%}.page-eyebrow{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:8px}.page-eyebrow .roman{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:0;text-transform:none;color:var(--accent)}.page-title{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--ink);line-height:1.1}.page-title em{font-style:normal;color:var(--ink)}.page-sub{margin-top:7px;font-size:13.5px;color:var(--muted);max-width:60ch}.page-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;white-space:nowrap;font-family:inherit}.btn:hover{border-color:var(--border-strong)}.btn-primary{background:var(--accent);color:var(--selection-ink);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.08);border-color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--ink);background:var(--surface-2)}.divider-row{display:flex;align-items:center;gap:12px;padding:20px 26px 8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.divider-row:after{content:"";flex:1;height:1px;background:var(--border)}.divider-row .roman{font-family:JetBrains Mono,monospace;text-transform:none;letter-spacing:0;font-size:10px;color:var(--accent)}.section{padding:0 26px 26px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.card-title{font-size:12.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}.card-title .roman{font-family:JetBrains Mono,monospace;color:var(--accent);font-weight:400;font-size:10px}.card-body{padding:16px}.card-foot{border-top:1px solid var(--border);padding:11px 16px;font-size:11.5px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.stat{padding:15px 16px 14px;border-right:1px solid var(--border);position:relative;min-width:0}.stat:last-child{border-right:0}.stat-label{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}.stat-value{font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:600;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.stat-value .unit{font-family:Manrope,sans-serif;font-size:12px;font-weight:500;color:var(--muted);margin-left:5px}.stat-delta{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-family:JetBrains Mono,monospace;font-size:10.5px}.stat-delta.up{color:var(--positive)}.stat-delta.down{color:var(--danger)}.stat-delta .note{color:var(--muted);margin-left:6px;font-family:Manrope,sans-serif}.stat-spark{position:absolute;right:12px;top:14px;opacity:.85}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.tbl th{text-align:left;font-weight:500;font-family:JetBrains Mono,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:9px 16px;border-bottom:1px solid var(--border);background:var(--bg-tint);white-space:nowrap}.tbl td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--ink-2);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--bg-tint)}.tbl tr.sub-row td{background:var(--bg-tint);border-bottom:1px solid var(--border);padding-top:7px;padding-bottom:7px}.tbl tr.sub-row:hover td{background:var(--surface-2)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{padding:4px 13px;font-size:11px;line-height:1.6;background:transparent;border:0;border-right:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.seg button:last-child{border-right:0}.seg button.active{background:var(--accent);color:var(--selection-ink)}.seg button:hover:not(.active){background:var(--bg-tint);color:var(--ink-2)}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.swatch.tracked{background:var(--accent)}.swatch.untracked{background:var(--border-strong)}.tbl .num{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.tbl .ink{color:var(--ink)}.tbl .pri{color:var(--ink);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-family:JetBrains Mono,monospace;font-weight:500;letter-spacing:.02em;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border);text-transform:uppercase}.badge.running{background:var(--positive-soft);color:var(--positive);border-color:transparent}.badge.paused{background:var(--surface-2);color:var(--muted)}.badge.draft{background:var(--info-soft);color:var(--info);border-color:transparent}.badge.shipped{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge.error{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chan{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted)}.chan:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--muted-2)}.chan.organic:before{background:var(--positive)}.chan.paid:before{background:var(--accent)}.chan.email:before{background:var(--info)}.chan.social:before{background:var(--violet)}.chan.direct:before{background:var(--muted)}.chan.referral:before{background:var(--warn)}.bar{position:relative;height:6px;background:var(--surface-2);border-radius:100px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--ink-2);border-radius:100px}.bar.accent>i{background:var(--accent)}.bar.positive>i{background:var(--positive)}.split{display:grid;grid-template-columns:1fr 320px;gap:16px}.col-stack{display:flex;flex-direction:column;gap:14px}.page::-webkit-scrollbar,.scroll::-webkit-scrollbar{width:10px;height:10px}.page::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px;border:2px solid var(--bg)}.page::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track{background:transparent}::selection{background:var(--accent);color:var(--selection-ink)}.ornament{display:inline-block;color:var(--muted-2)}.two-pane{display:grid;grid-template-columns:360px 1fr;gap:0;border-top:1px solid var(--border);height:calc(100% + -0px);min-height:0}.pane-list{border-right:1px solid var(--border);overflow-y:auto;background:var(--bg-tint)}.pane-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;position:relative}.pane-item:hover,.pane-item.active{background:var(--surface)}.pane-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--accent);border-radius:2px}.pane-detail{overflow-y:auto;padding:22px 26px}.funnel-row{display:grid;grid-template-columns:200px 1fr 80px 80px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.funnel-row:last-child{border-bottom:0}.funnel-label{font-size:12.5px;color:var(--ink)}.funnel-label .meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);margin-left:6px}.funnel-bar{position:relative;height:22px;background:var(--surface-2);border-radius:4px;overflow:hidden}.funnel-bar>i{display:block;height:100%;background:var(--accent)}.funnel-bar>.drop{position:absolute;top:0;right:0;height:100%;background:repeating-linear-gradient(45deg,transparent 0 3px,var(--danger-soft) 3px 6px);opacity:.5}.funnel-pct{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.funnel-n{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.attr-ribbon{display:flex;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.attr-cell{flex:1;padding:12px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.attr-cell:last-child{border-right:0}.attr-cell .k{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.attr-cell .v{font-size:13px;color:var(--ink)}.attr-cell .v.mono{font-family:JetBrains Mono,monospace;font-size:11.5px}.timeline{position:relative;padding:8px 0 8px 24px}.timeline:before{content:"";position:absolute;left:10px;top:14px;bottom:14px;width:1px;background:var(--border)}.t-evt{position:relative;padding:8px 0 8px 8px;display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:start}.t-evt:before{content:"";position:absolute;left:-18px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border-strong)}.t-evt.pageview:before{border-color:var(--info)}.t-evt.click:before{background:var(--accent);border-color:var(--accent)}.t-evt.scroll:before{border-color:var(--muted)}.t-evt.form:before{border-color:var(--positive)}.t-evt.error:before{background:var(--danger);border-color:var(--danger)}.t-evt.conversion:before{background:var(--positive);border-color:var(--positive)}.t-evt.experiment:before{background:var(--accent);border-color:var(--accent)}.t-evt .ts{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted);padding-top:2px}.t-evt .what{font-size:12.5px;color:var(--ink)}.t-evt .what .label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);margin-right:6px;text-transform:uppercase;letter-spacing:.06em}.t-evt .what .detail{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted);display:block;margin-top:2px}.t-evt .dur{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted)}.sig-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:24px;position:relative}.sig-frame{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--border);border-radius:8px;pointer-events:none}.sig-frame:before,.sig-frame:after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--accent)}.sig-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.sig-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.code{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--bg-tint);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--ink-2);white-space:pre-wrap;word-break:break-all;line-height:1.5}.heat{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.heat .cell{aspect-ratio:1 / 1;border-radius:2px;background:var(--bg-tint)}.muted{color:var(--muted)}.ink{color:var(--ink)}.right{text-align:right}.flex{display:flex;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.row{display:flex;align-items:center;gap:8px}.between{display:flex;align-items:center;justify-content:space-between}.grow{flex:1;min-width:0}.col{display:flex;flex-direction:column}.hl{background:linear-gradient(180deg,transparent 60%,var(--accent-soft) 60%);padding:0 2px}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.theme-popover-wrap{position:relative}.theme-toggle-glyph{font-size:15px;line-height:1}.toggle-switch{width:32px;height:18px;border-radius:100px;background:var(--border-strong);cursor:pointer;position:relative;transition:background .12s;flex-shrink:0}.toggle-switch.on{background:var(--accent)}.toggle-switch:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .12s}.toggle-switch.on:after{transform:translate(14px)}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:auto}.login-card{width:100%;max-width:400px;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.login-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0 0 4px}.login-sub{font-size:12.5px;color:var(--muted);margin:0 0 24px}.field-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.field-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:5px}.field-input{width:100%;padding:8px 10px;background:var(--bg-tint);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--ink);font-family:Manrope,sans-serif;outline:none;transition:border-color .1s}.field-input:focus{border-color:var(--accent)}.field-input::placeholder{color:var(--muted-2)}.login-error{background:var(--danger-soft);color:var(--danger);border:1px solid transparent;border-radius:6px;padding:8px 12px;font-size:12px;margin-bottom:14px}.login-divider{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;margin:14px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-notice{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted);text-align:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.login-success{background:var(--positive-soft);color:var(--positive);border:1px solid transparent;border-radius:6px;padding:8px 12px;font-size:12px;margin-bottom:14px;line-height:1.5}.setup-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.setup-card{max-width:480px;padding:36px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px}.setup-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:var(--ink);margin:0 0 10px}.setup-code{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--bg-tint);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--ink-2);margin:12px 0;white-space:pre}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b0d99;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto}.modal-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:var(--ink);margin:0 0 6px}.modal-sub{font-size:12.5px;color:var(--muted);margin:0 0 20px}.modal-warn{background:var(--danger-soft);color:var(--danger);border-radius:6px;padding:8px 12px;font-size:12px;margin-bottom:14px}.modal-secret{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--bg-tint);border:1px solid var(--border-strong);border-radius:8px;padding:12px;word-break:break-all;color:var(--ink);margin-bottom:12px;line-height:1.6}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:14px;border-top:1px solid var(--border)}button.iconbtn{border:none;background:none;font:inherit}.iconbtn.active{background:var(--accent-soft);color:var(--accent)}.preview-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);z-index:150;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-md);animation:preview-slide-in .18s ease}.preview-drawer--full{width:100vw}@keyframes preview-slide-in{0%{transform:translate(16px);opacity:.6}to{transform:translate(0);opacity:1}}.preview-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex:0 0 auto}.preview-drawer__title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}.preview-drawer__head-actions{display:inline-flex;align-items:center;gap:2px}.preview-drawer__badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid var(--border)}.preview-drawer__badge--live{background:var(--positive-soft);color:var(--positive);border-color:transparent}.preview-drawer__controls{display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px 12px;border-bottom:1px solid var(--border);flex:0 0 auto}.preview-drawer__field{display:flex;flex-direction:column;gap:3px;min-width:120px;flex:1 1 120px}.preview-drawer__field--path{flex:1 1 100%}.preview-drawer__field>span{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.preview-drawer__field input,.preview-drawer__field select{font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}.preview-drawer__field input:focus-visible,.preview-drawer__field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.preview-drawer__stage{flex:1 1 auto;position:relative;background:#fff;overflow:hidden}.preview-drawer__frame{width:100%;height:100%;border:0;display:block;background:#fff}.preview-drawer__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center;color:var(--muted);font-size:13px;background:var(--bg)}.preview-drawer__empty--error{color:var(--danger)}.preview-drawer__note{flex:0 0 auto;padding:8px 12px;font-size:11.5px;color:var(--ink-2);border-top:1px solid var(--border);background:var(--bg-tint)}.preview-drawer__note a{color:var(--accent);text-decoration:underline}.preview-drawer__resize{position:absolute;left:-3px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none}.preview-drawer__resize:after{content:"";position:absolute;left:2px;top:50%;width:2px;height:28px;transform:translateY(-50%);border-radius:2px;background:var(--border-strong);opacity:0;transition:opacity .12s}.preview-drawer__resize:hover:after,.preview-drawer__resize--active:after{opacity:1;background:var(--accent)}.preview-drawer__dragmask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;cursor:col-resize}