:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg: #ebebf0;--bg-subtle: #e2e2e8;--surface: #f7f7f9;--surface-raised: #ffffff;--text: #18181b;--muted: #71717a;--line: #d4d4d8;--line-strong: #bdbdc4;--accent: #27272a;--accent-text: #fafafa;--brand: #52525b;--brand-soft: rgba(82, 82, 91, .08);--ok: #10b981;--ok-text: #047857;--ok-bg: rgba(16, 185, 129, .1);--ok-border: rgba(16, 185, 129, .25);--warn: #f59e0b;--warn-text: #b45309;--warn-bg: rgba(245, 158, 11, .12);--warn-border: rgba(245, 158, 11, .28);--err: #ef4444;--err-text: #b91c1c;--err-bg: rgba(239, 68, 68, .1);--err-border: rgba(239, 68, 68, .25);--shadow-xs: 0 1px 2px rgba(24, 24, 27, .05);--shadow-sm: 0 2px 8px -2px rgba(24, 24, 27, .07), 0 1px 3px rgba(24, 24, 27, .05);--shadow-md: 0 10px 24px -6px rgba(24, 24, 27, .1), 0 2px 6px rgba(24, 24, 27, .05);--shadow-lg: 0 24px 48px -12px rgba(24, 24, 27, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #18181b;--bg-subtle: #141417;--surface: #222226;--surface-raised: #2a2a2f;--text: #f4f4f5;--muted: #a1a1aa;--line: #323238;--line-strong: #43434b;--accent: #e4e4e7;--accent-text: #18181b;--brand: #a1a1aa;--brand-soft: rgba(161, 161, 170, .12);--ok: #34d399;--ok-text: #6ee7b7;--ok-bg: rgba(52, 211, 153, .12);--ok-border: rgba(52, 211, 153, .28);--warn: #fbbf24;--warn-text: #fcd34d;--warn-bg: rgba(251, 191, 36, .12);--warn-border: rgba(251, 191, 36, .28);--err: #f87171;--err-text: #fca5a5;--err-bg: rgba(248, 113, 113, .12);--err-border: rgba(248, 113, 113, .28);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 60px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{color-scheme:dark;--bg: #18181b;--bg-subtle: #141417;--surface: #222226;--surface-raised: #2a2a2f;--text: #f4f4f5;--muted: #a1a1aa;--line: #323238;--line-strong: #43434b;--accent: #e4e4e7;--accent-text: #18181b;--brand: #a1a1aa;--brand-soft: rgba(161, 161, 170, .12);--ok: #34d399;--ok-text: #6ee7b7;--ok-bg: rgba(52, 211, 153, .12);--ok-border: rgba(52, 211, 153, .28);--warn: #fbbf24;--warn-text: #fcd34d;--warn-bg: rgba(251, 191, 36, .12);--warn-border: rgba(251, 191, 36, .28);--err: #f87171;--err-text: #fca5a5;--err-bg: rgba(248, 113, 113, .12);--err-border: rgba(248, 113, 113, .28);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 60px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--brand-soft),transparent);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,strong{letter-spacing:-.02em}h1{font-size:28px;font-weight:700;margin:0;line-height:1.15}h2{font-size:16px;font-weight:600;margin:0 0 4px}p{margin:0 0 16px;color:var(--muted)}[hidden]{display:none!important}input,select{font:inherit;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-subtle);color:var(--text);width:100%;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}input:hover,select:hover{border-color:var(--line-strong)}input:focus-visible,select:focus-visible,button:focus-visible,a.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}button,a.btn{font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all .15s ease;box-shadow:var(--shadow-xs);white-space:nowrap}button:hover,a.btn:hover{background:var(--bg-subtle);border-color:var(--line-strong)}button:active,a.btn:active{transform:translateY(.5px)}button.primary,a.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.primary:hover,a.btn.primary:hover{opacity:.92;background:var(--accent)}button.danger-ghost,a.btn.danger-ghost{color:var(--muted);background:transparent;border-color:transparent;box-shadow:none}button.danger-ghost:hover,a.btn.danger-ghost:hover{color:var(--err-text);background:var(--err-bg);border-color:var(--err-border)}a.btn.icon-only{padding:8px 10px;color:var(--muted)}a.btn.icon-only:hover{color:var(--text)}button.link{border:0;background:none;box-shadow:none;padding:0;color:var(--muted);text-decoration:underline;font-size:13px}button.link:hover{color:var(--text);background:none}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;border:1px solid var(--line);background:var(--bg-subtle);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.badge-ok,.badge[data-tone=ok]{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.badge[data-tone=warn]{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.badge[data-tone=err]{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs)}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.sub{color:var(--muted);font-size:12px}.ok-text{color:var(--ok-text);font-weight:600}.err-text{color:var(--err-text);font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px}.spinner{width:22px;height:22px;border:2.5px solid var(--line);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:410px;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:16px;margin-bottom:20px;color:var(--text)}.auth-card h1{font-size:24px;margin-bottom:6px}.auth-card>p{font-size:13.5px;margin-bottom:20px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.tabs button{border:0;background:transparent;box-shadow:none;padding:7px 12px;border-radius:7px;color:var(--muted)}.tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-xs)}.stack{display:grid;gap:8px}.social-btn{width:100%;padding:10px 14px}.sep{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:16px 0}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--line)}form{display:grid;gap:10px;margin-bottom:8px}form button[type=submit]{padding:10px 16px;margin-top:4px}.err{color:var(--err-text);min-height:1.4em;margin:4px 0 0;font-size:12.5px}.gate-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.ts-layout{--sb-w: 248px;min-height:100dvh;padding-left:calc(var(--sb-w) + 20px);transition:padding-left .2s ease}.ts-layout.is-collapsed{--sb-w: 68px}.shell{max-width:1320px;margin:0 auto;padding:24px 32px 64px}.ts-menu{position:fixed;top:20px;left:20px;z-index:40;display:flex;flex-direction:column;gap:12px;width:var(--sb-w);transition:width .2s ease}.ts-top-search{position:fixed;top:22px;right:24px;z-index:40;display:inline-flex;align-items:center;gap:8px;padding:2px 4px;border:0;background:transparent;box-shadow:none;color:var(--muted);cursor:pointer;transition:color .15s ease}.ts-top-search svg{width:22px;height:22px;color:currentColor}.ts-top-search .kbd{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:-.01em;padding:0;border:0;background:transparent;color:currentColor}.ts-top-search:hover{background:transparent;border-color:transparent;box-shadow:none;color:var(--text)}.ts-brand-row{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;min-height:32px}.ts-brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:17px;letter-spacing:-.025em;color:var(--text);text-decoration:none}.ts-actions{display:flex;align-items:center;gap:2px}.ts-icon-btn{width:28px;height:28px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0}.ts-icon-btn:hover{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow-xs)}.ts-icon-plus{background:var(--surface);border-color:var(--line);color:var(--text)}.ts-nav-capsule{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:6px;box-shadow:var(--shadow-xs)}.ts-nav{display:grid;gap:3px}.ts-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease}.ts-nav-item svg{width:17px;height:17px;flex-shrink:0}.ts-nav-item:hover{color:var(--text);background:var(--bg-subtle)}.ts-nav-item[aria-current=page]{background:var(--accent);color:var(--accent-text);font-weight:600;box-shadow:var(--shadow-xs)}.ts-nav-count,.ts-nav-tag{margin-left:auto;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:99px;background:color-mix(in srgb,currentColor 14%,transparent);font-variant-numeric:tabular-nums}.ts-nav-tag.is-connected{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border)}.ts-user-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.ts-user-info{display:flex;align-items:center;gap:9px;min-width:0}.ts-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.ts-user-meta{display:grid;gap:1px;min-width:0}.ts-user-name-row{display:flex;align-items:center;gap:6px;min-width:0}.ts-user-name{font-size:12.5px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-pro-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;line-height:1;padding:2.5px 5px;border-radius:5px;background:var(--accent);color:var(--accent-text);flex-shrink:0}.ts-user-email{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-layout.is-collapsed .ts-brand span,.ts-layout.is-collapsed #sb-theme,.ts-layout.is-collapsed .ts-nav-item span,.ts-layout.is-collapsed .ts-nav-item small,.ts-layout.is-collapsed .ts-user-meta,.ts-layout.is-collapsed #signout{display:none}.ts-layout.is-collapsed .ts-nav-item,.ts-layout.is-collapsed .ts-user-badge{justify-content:center;padding-inline:8px}.ts-main{min-width:0}.cmd-backdrop{position:fixed;inset:0;z-index:100;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:start center;padding:12vh 16px 24px}.cmd-dialog{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cmd-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted)}.cmd-input-row input{border:0;background:transparent;padding:4px 0;font-size:14px;box-shadow:none!important}.kbd{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:5px;border:1px solid var(--line);background:var(--bg-subtle);color:var(--muted)}.cmd-results{max-height:300px;overflow-y:auto;padding:6px}.cmd-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.cmd-item:hover{background:var(--bg-subtle)}.cmd-item-title{display:flex;align-items:center;gap:9px}.cmd-item-title svg{width:16px;height:16px;color:var(--muted)}.cmd-item-meta{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.cmd-empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}.notice{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.notice-copy{display:flex;align-items:center;gap:10px;color:var(--text)}.notice p{margin:0;color:var(--text);font-size:13.5px}.page-title{padding:4px 0 24px}.page-title-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.page-title h1{font-size:clamp(28px,4vw,38px);letter-spacing:-.03em}.page-title-extra{display:flex;align-items:center;gap:8px}.crumbs{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.crumbs a{color:var(--muted);text-decoration:none;transition:color .15s}.crumbs a:hover{color:var(--text)}.crumb-sep{opacity:.45}.back{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 6px;border-radius:99px;color:var(--text);text-decoration:none;font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);transition:border-color .15s,background-color .15s}.back svg{width:15px;height:15px}.back:hover{border-color:var(--line-strong);background:var(--bg-subtle)}.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-xs)}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-icon{width:34px;height:34px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;flex-shrink:0}.kpi-icon svg{width:18px;height:18px}.kpi-icon[data-tone=ok]{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.kpi-icon[data-tone=warn]{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.kpi-icon[data-tone=err]{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}.kpi-label{font-size:12.5px;font-weight:500;color:var(--muted)}.kpi-value{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi-value[data-tone=ok]{color:var(--ok-text)}.kpi-value[data-tone=warn]{color:var(--warn-text)}.kpi-value[data-tone=err]{color:var(--err-text)}.kpi-sub{font-size:11.5px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}a.card.project{display:flex;flex-direction:column;padding:8px;gap:4px;overflow:hidden;color:inherit;text-decoration:none;border-radius:var(--radius-xl);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}a.card.project:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-md)}.cover{position:relative;aspect-ratio:16 / 9.5;background-color:var(--bg-subtle);background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:14px 14px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}a.card.project:hover .cover img{transform:scale(1.02)}.project-body{padding:12px 10px 8px;display:flex;flex-direction:column;gap:14px;flex:1}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-title-group{min-width:0;display:grid;gap:2px}.project-title-group h2{font-size:15.5px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title-group p{font-size:12px;color:var(--muted);margin:0}.project-rate{font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.project-rate[data-tone=ok]{color:var(--ok-text)}.project-rate[data-tone=warn]{color:var(--warn-text)}.project-rate[data-tone=err]{color:var(--err-text)}.project-meta-row{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.meta-dot{opacity:.5}.project-status-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--muted)}.project-status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.project-status-pill[data-tone=ok]{color:var(--ok-text)}.project-status-pill[data-tone=warn]{color:var(--warn-text)}.project-status-pill[data-tone=err]{color:var(--err-text)}.empty{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-subtle);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);margin-bottom:16px}.empty-icon.accent{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand)}.empty-icon svg{width:22px;height:22px}.empty h2{font-size:18px;margin-bottom:6px}.empty p{max-width:440px;margin:0 auto 16px;font-size:13.5px}.sense-feature-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.hero-canvas{height:clamp(320px,44vh,480px);background-color:var(--bg-subtle);background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:16px 16px;display:grid;place-items:center;padding:24px;overflow:hidden}.hero-canvas #stage{height:100%;aspect-ratio:var(--ratio, .6);max-width:100%;margin:0 auto;position:relative}.hero-canvas #stage .overlay{width:100%;height:100%;display:block}.hero-canvas #stage.has-image .overlay{position:absolute;inset:0}.hero-canvas #stage .frame-image{width:100%;height:100%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-md)}.hero-canvas #stage .frame-image svg{width:100%;height:100%;display:block}.hero-empty,.hero-loading{color:var(--muted);display:flex;align-items:center;gap:10px;font-size:13px}.hero-meta{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap}.hero-meta-info{display:grid;gap:4px}.hero-meta-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-meta-title strong{font-size:15px}.hero-meta-info>span{color:var(--muted);font-size:12.5px}.hero-meta .hint{display:none}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 14px}.section{font-size:13px;color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.grid.frames{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.frame-card{padding:16px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,box-shadow .15s}.frame-card:hover{border-color:var(--line-strong)}.frame-card[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}.frame-pick{all:unset;cursor:pointer;display:grid;gap:6px}.frame-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.frame-card-top strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted)}.trend[data-tone=ok] .spark{color:var(--ok)}.trend[data-tone=warn] .spark{color:var(--warn)}.trend[data-tone=err] .spark{color:var(--err)}.trend-stats{font-size:11.5px;font-variant-numeric:tabular-nums}.frame-card-actions{display:flex;gap:6px;align-items:center}.date-select{font-size:12px;padding:7px 28px 7px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392928c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center / 14px;appearance:none;-webkit-appearance:none;cursor:pointer}.dot{width:8px;height:8px;border-radius:99px;flex:none;background:var(--muted)}.dot.pass{background:var(--ok)}.dot.fail{background:var(--err)}.snapshot-summary{display:flex;align-items:center;gap:24px;padding:16px 22px;margin-bottom:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.snapshot-pass-rate{display:flex;align-items:center;gap:12px;flex:none;padding-right:24px;border-right:1px solid var(--line)}.snapshot-pass-rate svg{width:46px;height:46px;fill:none;stroke-width:4.5;transform:rotate(-90deg)}.snapshot-ring-track{stroke:var(--line)}.snapshot-ring-value{stroke:var(--ok);stroke-linecap:round}.snapshot-pass-rate>div{display:grid}.snapshot-pass-rate strong{font-size:24px;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.snapshot-pass-rate span,.snapshot-scan-date>span{font-size:11px;color:var(--muted)}.snapshot-summary-pills{display:flex;flex-wrap:wrap;gap:8px}.snapshot-status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--bg-subtle);border-radius:99px;padding:4px 11px;font-size:12px;white-space:nowrap}.snapshot-status[data-status=pass]{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.snapshot-status[data-status=fail]{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}.snapshot-status b{margin-left:2px;font-weight:700;font-variant-numeric:tabular-nums}.snapshot-scan-date{display:grid;text-align:right;margin-left:auto;white-space:nowrap;font-size:13px;font-weight:500}.snapshot-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.snapshot-canvas{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.snapshot-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:10px 16px;border-bottom:1px solid var(--line)}.snapshot-zoom{display:flex;align-items:center;gap:2px;background:var(--bg-subtle);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--line)}.snapshot-zoom button{font-size:12px;font-weight:500;padding:4px 10px;border:0;min-height:26px;background:transparent;box-shadow:none;border-radius:6px}.snapshot-zoom button:hover{background:var(--surface)}.snapshot-zoom button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-xs)}.snapshot-zoom-step{display:flex;align-items:center;margin-left:4px;padding-left:4px;border-left:1px solid var(--line)}.snapshot-zoom-step button{font-size:15px;width:26px;padding:0}.snapshot-zoom button:disabled{opacity:.35;cursor:default}.snapshot-zoom output{min-width:44px;text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:11px}.snapshot-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}.snapshot-toggle input{appearance:none;width:32px;height:18px;padding:2px;margin:0;border:1px solid var(--line-strong);border-radius:99px;background:var(--bg-subtle);cursor:pointer;flex:none;transition:background-color .15s,border-color .15s}.snapshot-toggle input:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background-color .15s ease}.snapshot-toggle input:checked{background:var(--accent);border-color:var(--accent)}.snapshot-toggle input:checked:after{background:var(--accent-text);transform:translate(14px)}.snapshot-legend{display:flex;gap:12px;margin-left:auto;font-size:11px;color:var(--muted)}.snapshot-legend>span{display:inline-flex;align-items:center;gap:5px}.snapshot-viewport{height:clamp(400px,calc(100dvh - 320px),860px);overflow:auto;overscroll-behavior:contain;background-color:var(--bg-subtle);background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:16px 16px}.snapshot-stage-space{display:grid;place-items:center;position:relative;width:max-content;height:max-content;min-width:100%;min-height:100%;padding:28px}.snapshot-canvas #stage{position:relative;flex:none;margin:0;background:#fff;border-radius:4px;box-shadow:var(--shadow-md)}.snapshot-canvas #stage .overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.snapshot-canvas .frame-image{width:100%;height:100%}.snapshot-canvas .frame-image svg{width:100%;height:100%;display:block}.snapshot-canvas .box{cursor:pointer;stroke-width:1.5;fill-opacity:.1;transition:opacity .15s,fill-opacity .15s}.snapshot-canvas .box[data-status=unknown]{stroke-dasharray:4 3}.snapshot-canvas .box:hover,.snapshot-canvas .box.active{fill-opacity:.28}.snapshot-canvas.has-selection .box:not(.selected){opacity:.25}.snapshot-canvas .box.selected{stroke-width:3;fill-opacity:.18;opacity:1}.snapshot-canvas.only-fail .box:not([data-status=fail]){display:none}.snapshot-layer-chip{position:absolute;z-index:2;pointer-events:none;padding:3px 8px;border-radius:6px;color:var(--accent-text);background:var(--accent);box-shadow:var(--shadow-sm);white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;font-weight:600}.snapshot-canvas-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.snapshot-canvas-footer>span{font-family:var(--font-mono)}.snapshot-canvas-footer .hint{margin:0;font-size:11px}.snapshot-inspector{position:sticky;top:24px;display:flex;flex-direction:column;min-width:0;max-height:calc(100dvh - 48px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.snapshot-inspector-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.snapshot-inspector-heading h2{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0}.snapshot-details{margin:12px 12px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-subtle);flex:none}.snapshot-selection-hint strong{display:block;font-size:12.5px;font-weight:600;margin-bottom:2px}.snapshot-selection-hint p{font-size:12px;margin:0}.snapshot-detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.snapshot-clear{border:0;background:transparent;box-shadow:none;width:24px;height:24px;padding:0;color:var(--muted);font-size:18px}.snapshot-details h3{font-size:14.5px;font-weight:600;margin:0;overflow-wrap:anywhere;max-height:72px;overflow:auto}.snapshot-colours{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.swatch-card{display:flex;gap:8px;align-items:center;padding:6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0}.swatch-card i{display:block;width:24px;height:24px;flex:none;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:5px}.swatch-card span{display:block;font-size:10px;color:var(--muted)}.swatch-card code{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text)}.snapshot-metrics{display:flex;gap:20px;margin:0;border-top:1px solid var(--line);padding-top:10px}.snapshot-metrics dt{font-size:10.5px;color:var(--muted)}.snapshot-metrics dd{font-family:var(--font-mono);font-size:20px;font-weight:600;margin:2px 0 0}.snapshot-metrics small{font-size:12px;color:var(--muted);margin-left:1px}.snapshot-verdict{font-size:11.5px;margin:10px 0 0;line-height:1.45}.snapshot-page [data-status=fail]{--layer-colour: var(--err)}.snapshot-page [data-status=pass]{--layer-colour: var(--ok)}.snapshot-verdict{color:var(--layer-colour, var(--muted))}.snapshot-list-tools{padding:12px 12px 0;flex:none}.snapshot-filters{display:flex;gap:3px;padding:3px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--line)}.snapshot-filters button{flex:1;gap:6px;padding:5px 6px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:11.5px;border-radius:6px}.snapshot-filters button span{font-family:var(--font-mono);font-size:10px;opacity:.75}.snapshot-filters button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-xs)}.snapshot-search{display:flex;align-items:center;position:relative;margin-top:8px}.snapshot-search svg{position:absolute;left:10px;color:var(--muted);pointer-events:none}.snapshot-search input{font-size:12.5px;padding:7px 10px 7px 32px;background:var(--bg-subtle)}.snapshot-list-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:10px 4px 6px}.snapshot-layer-list{list-style:none;margin:0;padding:0 8px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:120px}.snapshot-layer-list li+li{margin-top:2px}.snapshot-layer{display:flex;gap:10px;width:100%;align-items:center;text-align:left;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;box-shadow:none}.snapshot-layer:hover{background:var(--bg-subtle)}.snapshot-layer.selected{background:color-mix(in srgb,var(--layer-colour, var(--muted)) 9%,var(--surface));border-color:color-mix(in srgb,var(--layer-colour, var(--muted)) 35%,var(--line))}.snapshot-layer-copy{display:grid;gap:4px;flex:1;min-width:0}.snapshot-layer-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500}.snapshot-ratio{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--layer-colour, var(--muted))}.snapshot-ratio .sub{font-size:10px}.snapshot-meter{position:relative;width:50px;height:3.5px;border-radius:99px;background:var(--line);flex:none}.snapshot-meter i{display:block;height:100%;border-radius:inherit;background:var(--layer-colour, var(--muted))}.snapshot-meter b{position:absolute;top:-2px;width:1.5px;height:7.5px;background:var(--text);opacity:.45}.snapshot-swatches{display:flex}.snapshot-swatches i{width:16px;height:18px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:4px}.snapshot-swatches i+i{margin-left:-4px}.snapshot-no-layers{padding:24px 16px;font-size:12.5px;text-align:center;margin:0}.account-grid{display:grid;gap:16px;max-width:680px}.account-section{padding:22px 24px}.account-profile{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--line)}.account-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:18px;font-weight:700}.account-profile h2{font-size:17px;margin:0 0 2px}.account-profile p{margin:0;font-size:13px}.account-section-head{padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.account-section-head p{margin:2px 0 0;font-size:12.5px}.list .item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.list .item+.item{border-top:1px solid var(--line)}.list .item:last-child{padding-bottom:0}.list .item>div{display:grid;gap:2px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-workspace{grid-template-columns:minmax(0,1fr)}.snapshot-inspector{position:static;max-height:none}.snapshot-layer-list{max-height:420px}}@media(max-width:860px){.ts-layout,.ts-layout.is-collapsed{padding-left:0}.ts-menu{position:static;width:auto;margin:16px 16px 0}.ts-top-search{display:none}.shell{padding:16px 16px 48px}.ts-nav{grid-template-columns:repeat(4,1fr)}.ts-nav-item{justify-content:center}.ts-nav-count,.ts-nav-tag,#sb-collapse{display:none}.kpi-strip,.grid{grid-template-columns:1fr}}@media(max-width:560px){.snapshot-summary{flex-wrap:wrap;gap:14px}.snapshot-pass-rate{border-right:0;padding-right:0}.snapshot-scan-date{margin-left:auto}.snapshot-summary-pills{flex-basis:100%}}