:root{--bg-sidebar: color-mix(in srgb, var(--bg) 88%, #000);--bg-raised: var(--surface);--bg-inset: var(--surface-2);--bg-hover: var(--hover);--border: var(--hairline);--border-strong: var(--hairline-strong);--accent-strong: var(--accent);--accent-bg: var(--accent-tint);--green-bg: var(--green-tint);--red-bg: var(--red-tint);--amber-bg: var(--amber-tint);--violet: var(--accent);--violet-bg: var(--accent-tint);--gray: var(--text-faint);--series-1: var(--accent);--series-2: var(--amber);--series-3: var(--green);--tile-blue: var(--accent);--tile-green: var(--green);--tile-orange: var(--amber);--tile-cyan: var(--accent);--diff-add: var(--green-tint);--diff-del: var(--red-tint);--grid: var(--hairline);--dots: transparent;--shadow: var(--shadow-3);--shadow-card: var(--shadow-2);--shadow-float: var(--shadow-3);--shadow-secondary: var(--shadow-1);--cta-bg: var(--accent);--cta-ink: var(--on-accent);--radius: var(--r-3);--radius-sm: var(--r-2);--ease: var(--ease-out);--ease-spring: var(--ease-out);--ease-exit: var(--ease-in);--mono: var(--font-mono);--sans: var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--mono);font-size:12.5px}h1,h2,h3{margin:0;font-weight:600;color:var(--text-strong)}h1{font-size:26px;letter-spacing:-.7px}h2{font-size:15px;letter-spacing:-.2px}h3{font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.conn-lost{color:var(--red);font-weight:500}.paused-note{color:var(--amber);font-weight:500}.settings{width:100%}.setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.setting:last-child{border-bottom:none}.setting__title{font-weight:500}.setting__hint{color:var(--text-muted);font-size:13px;margin-top:2px;max-width:70ch}.setting__control{display:flex;justify-content:flex-end}.setting__control select{width:auto;min-width:240px}.setting__value{color:var(--text-muted);overflow-wrap:anywhere;text-align:right}:root[data-density=compact] td{padding-top:6px;padding-bottom:6px}:root[data-density=compact] th{padding-top:6px;padding-bottom:6px}:root[data-density=compact] .card-body{padding:12px}:root[data-density=compact] .card-head{padding:9px 12px}:root[data-density=compact] .list-item{padding:7px 12px}:root[data-density=compact] .setting{padding:10px 12px}:root[data-density=compact] .stat{padding:10px 12px}:root[data-density=compact] .log{line-height:1.5}.content{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:52px;display:flex;align-items:center;gap:12px;padding:0 clamp(20px,2.5vw,56px);background:var(--bg);border-bottom:1px solid var(--border)}.topbar .actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;color:var(--text-muted);background:var(--bg-raised);border:0;box-shadow:var(--shadow-secondary);cursor:pointer;transition:transform .2s var(--ease)}.icon-btn:hover{color:var(--text);text-decoration:none;transform:translateY(-1px)}.main{min-width:0;width:100%;padding:clamp(20px,2vw,32px) clamp(20px,2.5vw,56px) 48px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:16px}.tile{position:relative;overflow:hidden;border-radius:20px;padding:18px 20px;min-height:132px;display:flex;flex-direction:column;background:var(--bg-raised);box-shadow:var(--shadow-card);color:var(--text);transition:transform .25s var(--ease)}.tile:hover{transform:translateY(-1px)}.tile.blue{--tile: var(--tile-blue)}.tile.green{--tile: var(--tile-green)}.tile.orange{--tile: var(--tile-orange)}.tile.cyan{--tile: var(--tile-cyan)}.tile-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-muted)}.tile-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tile)}.tile-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px}.tile-value{font-size:34px;font-weight:600;line-height:1.05;letter-spacing:-1px;color:var(--text-strong);font-variant-numeric:tabular-nums}.tile-note{margin-top:auto;padding-top:10px;font-size:12px;color:var(--text-faint)}.tile svg{flex:none;color:var(--tile)}.dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;margin-bottom:16px}.chart-wrap{position:relative;padding:8px 16px 12px}.chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.chart-wrap text{fill:var(--text-faint);font-size:11px;font-family:var(--sans)}.chart-tip{position:absolute;pointer-events:none;z-index:5;min-width:150px;padding:8px 12px;border-radius:12px;background:var(--bg-raised);box-shadow:var(--shadow-float);font-size:12px;color:var(--text)}.chart-tip .tip-title{font-weight:600;margin-bottom:4px}.chart-tip .tip-row{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.chart-tip .tip-row b{margin-left:auto;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:2px;flex:none}.donut-wrap{display:grid;place-items:center;padding:16px 16px 4px}.share{padding:10px 16px}.share-head{display:flex;align-items:center;gap:8px;font-size:13px}.share-head b{margin-left:auto;font-variant-numeric:tabular-nums}.share-bar{height:5px;border-radius:3px;background:var(--bg-hover);margin-top:6px;overflow:hidden}.share-bar div{height:100%;border-radius:3px}.meter{height:8px;border-radius:4px;background:var(--bg-hover);overflow:hidden;margin:8px 0 6px}.meter div{height:100%;border-radius:4px}.limit-head{display:flex;align-items:baseline;gap:8px;font-weight:500}.limit-head b{margin-left:auto;font-size:18px;font-variant-numeric:tabular-nums}.device-code{display:grid;gap:10px;justify-items:start}.device-code__value{font-size:26px;font-weight:600;letter-spacing:.12em;padding:6px 14px;border-radius:6px;background:var(--bg-inset);border:1px solid var(--border-strong)}.repo-list{font-family:var(--mono);font-size:13px;padding:4px}.repo-list option{padding:5px 8px;border-radius:4px}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px;padding:28px}.brand{display:flex;align-items:center;gap:9px;height:64px;padding:0 8px;margin-bottom:8px;font-weight:650;font-size:18px;letter-spacing:-.4px;color:var(--text-strong)}.login .brand span:last-child{display:inline}.chart-empty{padding:48px 16px;text-align:center;color:var(--text-muted)}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:24px;letter-spacing:-.6px}.page-head .sub{color:var(--text-muted);font-size:13px}.page-head .actions{margin-left:auto;display:flex;gap:8px}.back{color:var(--text-muted);font-size:13px;display:inline-flex;gap:4px;margin-bottom:10px}.card{background:var(--bg-raised);border-radius:var(--r-3);box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}.card-head h2{font-size:16px;letter-spacing:-.3px}.card-head .actions{margin-left:auto;display:flex;gap:6px}.card-body{padding:16px 20px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.grow{flex:1}.right{margin-left:auto}.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.stat{padding:14px 16px}.stat-label{font-size:12px;color:var(--text-muted)}.stat-value{font-size:28px;font-weight:600;letter-spacing:-.8px;color:var(--text-strong);margin-top:2px;font-variant-numeric:tabular-nums}.stat-note{font-size:12px;color:var(--text-faint)}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-2);border:0;background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow-secondary);font:500 14px var(--sans);cursor:pointer;white-space:nowrap;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--bg-raised) 88%,var(--text))}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--cta-bg);color:var(--cta-ink);box-shadow:none}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--cta-bg) 88%,var(--text))}.btn.danger{color:var(--red)}.btn.ghost{background:transparent;box-shadow:none;color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text);transform:none}.btn.sm{height:30px;padding:0 10px;font-size:13px;border-radius:10px}.btn svg{flex:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;background:var(--bg-hover);color:var(--text-muted);white-space:nowrap}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.blue{background:var(--accent-bg);color:var(--accent)}.badge.violet{background:var(--violet-bg);color:var(--violet)}.badge.blue{color:var(--accent-ink)}.tag{font-family:var(--mono);font-size:12px;padding:1px 8px;border-radius:999px;background:var(--bg-inset);box-shadow:var(--shadow-secondary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:500;font-size:12px;color:var(--text-muted);padding:8px 16px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--bg-hover)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pkg{font-family:var(--mono);font-weight:600}.ver{font-family:var(--mono);color:var(--text-muted);font-size:12px}.empty{padding:40px 16px;text-align:center;color:var(--text-muted)}.empty h3{color:var(--text);margin-bottom:4px;font-size:14px}.empty .btn{margin-top:12px}.field{display:flex;flex-direction:column;gap:5px}.field label,.label{font-size:12px;font-weight:500;color:var(--text-muted)}.field .hint{font-size:12px;color:var(--text-faint)}input,select,textarea{font:14px var(--sans);color:var(--text);background:var(--bg-raised);border:0;border-radius:var(--radius-sm);box-shadow:var(--shadow-secondary);transition:box-shadow var(--dur-2) var(--ease-out);padding:8px 12px;width:100%}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px var(--accent-tint)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-2);background:var(--bg-hover)}.segmented button{border:none;background:transparent;color:var(--text-muted);padding:5px 12px;border-radius:9px;font:500 13px var(--sans);cursor:pointer;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--bg-raised);color:var(--text-strong);box-shadow:var(--shadow-secondary)}.error-box{background:var(--red-bg);color:var(--red);padding:10px 14px;border-radius:12px;font-size:13px;white-space:pre-wrap}.note-box{background:var(--amber-bg);color:var(--amber);padding:10px 14px;border-radius:12px;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b122052;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;overflow-y:auto;animation:fade-in .2s var(--ease)}.dialog{width:100%;max-width:560px;border-radius:24px;box-shadow:var(--shadow-float);animation:pop-in .25s var(--ease)}.dialog .card-head{padding:18px 24px}.dialog .card-head h2{font-size:21px;letter-spacing:-.42px}.dialog .card-body{max-height:70vh;overflow-y:auto;padding:20px 24px}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--border)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding:10px 12px;overflow-x:auto}.tabs button{border:none;background:transparent;color:var(--text-muted);font:500 14px var(--sans);padding:6px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease)}.tabs button:hover{color:var(--text);background:var(--bg-hover)}.tabs button.on{color:var(--text-strong);background:var(--bg-hover)}.log{background:var(--bg-inset);font-family:var(--mono);font-size:12.5px;line-height:1.65;padding:12px 0;height:max(360px,calc(100vh - 420px));overflow-y:auto;border-radius:0 0 var(--radius) var(--radius)}.log-line{display:grid;grid-template-columns:74px 1fr;padding:0 16px}.log-line:hover{background:var(--bg-hover)}.log-time{color:var(--text-faint);-webkit-user-select:none;user-select:none}.log-text{white-space:pre-wrap;word-break:break-word}.log-line.step .log-text{color:var(--text);font-weight:600;padding-top:6px}.log-line.info .log-text{color:var(--text-muted)}.log-line.tool .log-text{color:var(--violet)}.log-line.agent .log-text{color:var(--text)}.log-line.warn .log-text{color:var(--amber)}.log-line.error .log-text{color:var(--red)}.log-line.check.ok .log-text{color:var(--green)}.log-line.check.fail .log-text{color:var(--red)}.log-tag{display:inline-block;min-width:92px;margin-right:8px;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.log-line.check.ok .log-tag{color:var(--green)}.log-line.check.fail .log-tag{color:var(--red)}.log-live{display:flex;align-items:center;gap:8px;padding:6px 16px;color:var(--text-faint)}.diff{font-family:var(--mono);font-size:12.5px;line-height:1.55;overflow-x:auto;padding:8px 0;background:var(--bg-inset)}.diff div{padding:0 16px;white-space:pre;min-width:max-content}.diff .add{background:var(--diff-add);color:var(--green)}.diff .del{background:var(--diff-del);color:var(--red)}.diff .hunk{color:var(--accent);background:var(--accent-bg)}.diff .file{color:var(--text);font-weight:600;background:var(--bg-hover);padding-top:6px;padding-bottom:6px;margin-top:8px}.markdown{line-height:1.65}.markdown h1{font-size:18px;margin:0 0 12px}.markdown h2{font-size:15px;margin:20px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.markdown h3{font-size:14px;margin:16px 0 6px}.markdown p,.markdown ul,.markdown ol{margin:0 0 10px}.markdown ul,.markdown ol{padding-left:22px}.markdown li{margin:2px 0}.markdown code{background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;padding:0 4px}.markdown pre{background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:10px 12px;overflow-x:auto}.markdown pre code{border:none;padding:0;background:none}.markdown hr{border:none;border-top:1px solid var(--border);margin:16px 0}.markdown table{margin:8px 0;border:1px solid var(--border)}.markdown td,.markdown th{padding:6px 10px;border:1px solid var(--border)}.meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 24px}.meta dt{font-size:12px;color:var(--text-muted)}.meta dd{margin:2px 0 0;overflow-wrap:anywhere}.list-item{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.switch{position:relative;display:inline-block;vertical-align:middle;width:32px;height:18px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:var(--border-strong);cursor:pointer;transition:background .15s}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(14px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.toast{position:fixed;bottom:20px;right:20px;z-index:60;max-width:380px;background:var(--bg-raised);border:1px solid transparent;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-float);font-size:13px;animation:pop-in .25s var(--ease)}.toast.err{border-color:var(--red);color:var(--red)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.chips{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:1100px){.dash-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1fr)}}.topbar-logo,.topbar-user{display:none}@media(max-width:720px){.topbar{gap:8px;height:auto;min-height:56px;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:0}.topbar-logo{display:inline-flex;align-items:center;gap:8px;color:var(--text-strong);flex:none;font-weight:650;font-size:18px;letter-spacing:-.4px}.topbar-logo:hover{text-decoration:none}.topbar-title,.topbar .btn-label{display:none}.topbar .actions{gap:6px}.topbar .actions .btn{width:36px;padding:0;justify-content:center}.topbar-user{display:grid;place-items:center}.main{padding:16px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}.page-head{margin-bottom:16px}.page-head h1{font-size:22px}.page-head .actions{margin-left:0;width:100%;flex-wrap:wrap}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:0;padding:14px;border-radius:16px}.tile-value{font-size:24px;letter-spacing:-.6px}.tile svg{display:none}.tile-note{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:16px}.card-head{padding:12px 16px}.card-body{padding:14px 16px}.list-item{padding:12px 16px}.setting{grid-template-columns:minmax(0,1fr);padding:14px 16px}.setting__control{justify-content:flex-start}.setting__control select{width:100%;min-width:0}.log{height:60vh}.hide-sm{display:none}td,th{padding:8px 10px}.overlay{align-items:flex-end;padding:0}.dialog{max-width:none;border-radius:24px 24px 0 0;max-height:92vh;display:flex;flex-direction:column}.dialog .card-body{max-height:none;flex:1}.dialog-foot{padding-bottom:max(14px,env(safe-area-inset-bottom))}.toast{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.credits{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-raised);box-shadow:var(--shadow-secondary);white-space:nowrap}.credits svg{color:var(--accent)}.credits__plan{padding:1px 8px;border-radius:999px;background:var(--accent-bg);color:var(--accent-ink);font-weight:600}.credits--empty{color:var(--amber)}.credits--empty svg{color:var(--amber)}.ai-improve{display:grid;gap:8px;margin-top:8px}.ai-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:12px 14px;border-radius:12px;background:var(--amber-bg)}@media(max-width:720px){.credits>span:not(.credits__plan){display:none}}a.credits{text-decoration:none}a.credits:hover{color:var(--text)}.plan{gap:20px}.plan-now{display:grid;gap:10px}.plan-meter{height:8px;border-radius:999px;background:var(--accent-bg);overflow:hidden}.plan-meter span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease}.plan-meter--empty span{background:var(--amber)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-card{display:grid;gap:4px;align-content:start;padding:14px 16px;border-radius:14px;border:1px solid var(--border)}.plan-card .btn{margin-top:10px;justify-self:start}.plan-card--current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.plan-card__credits{font-size:28px;font-weight:700;line-height:1.1;margin-top:6px}.plan-sub{font-size:13px;font-weight:600;margin:0 0 8px}.plan-history{list-style:none;margin:0;padding:0;display:grid}.plan-history li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border);font-size:13px}.plan-history li:first-child{border-top:0}@media(max-width:720px){.plan-grid{grid-template-columns:minmax(0,1fr)}.plan-history li{flex-wrap:wrap}}.setup{list-style:none;margin:0;padding:0;display:grid;gap:4px}.setup-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;position:relative;padding-bottom:18px}.setup-step:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:2px;width:2px;background:var(--border)}.setup-step__n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;background:var(--bg-hover);color:var(--text-muted)}.setup-step.is-done .setup-step__n{background:var(--green);color:#fff}.setup-step__body{display:grid;gap:8px;padding-top:5px;min-width:0}.setup-step__body h3{font-size:15px;letter-spacing:-.2px}.setup-step__body p{margin:0}.thread .stack{gap:10px}.thread-msg{display:grid;gap:6px;padding:10px 14px;border-radius:14px;max-width:640px;background:var(--bg-raised);box-shadow:var(--shadow-secondary);color:var(--text);text-decoration:none}.thread-msg:hover{box-shadow:var(--shadow-card)}.thread-msg.is-current{box-shadow:inset 0 0 0 1.5px var(--accent)}.thread-msg__text{white-space:pre-wrap}.crash{max-width:480px;margin:18vh auto 0;padding:0 16px;text-align:center;display:grid;gap:12px}.crash h1{font-size:26px;margin:0}.crash p{color:var(--text-muted);margin:0}:is(.btn,.icon-btn,.rail-item,.segmented button,.tabs button):active:not(:disabled){transform:scale(.97);transition-duration:60ms}@media(hover:none){.btn:hover:not(:disabled){transform:none}}.overlay{animation:fade-in .2s var(--ease) both}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.dialog{animation:pop-in .32s var(--ease) both}.toast{animation:toast-in .4s var(--ease-spring) both}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}::view-transition-old(root){animation:vt-out .14s var(--ease-exit) both}::view-transition-new(root){animation:vt-in .32s var(--ease) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 6px}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.builder-new{max-width:720px;margin:6vh auto 40px;display:grid;gap:18px;text-align:center}.builder-new h1{font-size:clamp(26px,4vw,36px);margin:0}.builder-new__box{padding:14px;display:grid;gap:10px;text-align:left}.builder-new__box textarea{border:0;resize:vertical;font:inherit;font-size:16px;background:transparent;color:var(--text);outline:none;min-height:72px}.builder-new__box input{flex:1;min-width:0}.builder-list-head{font-size:15px;margin:0 0 10px;color:var(--text-muted)}.builder{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:16px;height:calc(100vh - 20px);min-height:520px}.builder-chat{display:flex;flex-direction:column;min-height:0}.builder-chat .card-head{display:flex;align-items:center;gap:10px}.builder-chat__log{flex:1;overflow-y:auto;padding:16px;display:grid;gap:14px;align-content:start}.builder-turn{display:grid;gap:8px}.bubble{padding:10px 14px;border-radius:16px;white-space:pre-wrap;line-height:1.45;max-width:92%;display:grid;gap:6px}.bubble--me{justify-self:end;background:var(--surface-2);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--hairline);border-bottom-right-radius:6px}.bubble--agent{justify-self:start;border-bottom-left-radius:6px;padding-left:2px}.bubble--error{color:var(--red)}.builder-version{justify-self:start}.builder-chat__input{display:grid;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--border)}.builder-chat__input .btn{justify-self:end}.builder-preview{display:flex;flex-direction:column;min-height:0;overflow:hidden}.builder-preview__bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.builder-preview__stage{flex:1;display:flex;justify-content:center;background:var(--bg-hover);min-height:0}.builder-preview__stage iframe{height:100%;max-width:100%;border:0;background:#fff;transition:width .32s var(--ease)}@media(max-width:900px){.builder{grid-template-columns:1fr;height:auto}.builder-chat__log{max-height:50vh}.builder-preview__stage{height:70vh}}.bubble--live{min-width:min(320px,92%);padding-left:14px;background:var(--hover)}.bubble--live .spinner{flex:none}.bubble--queued{border:1px dashed var(--border-strong);background:transparent}.builder-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:13px;color:var(--text-muted)}.builder-steps span{color:var(--green)}.skill-projects{display:grid;gap:8px}.skill-projects .row{padding:8px 0;border-top:1px solid var(--border)}.skill-projects .row:first-child{border-top:0}.app{display:grid;grid-template-columns:60px minmax(0,1fr);min-height:100vh}.content{min-width:0}.rail{position:sticky;top:0;z-index:40;height:100vh;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;background:var(--bg-sidebar);border-right:1px solid var(--border)}.rail-logo{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px}.rail-logo:hover{opacity:.85}.rail-item{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:0;background:none;color:var(--text-faint);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.rail-item:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.rail-item.active{background:var(--bg-raised);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border-strong)}.rail-label{display:none}.rail-item[data-label]:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;translate:0 -50%;white-space:nowrap;pointer-events:none;padding:4px 9px;border-radius:7px;background:var(--bg-raised);color:var(--text);font-size:12px;font-weight:500;box-shadow:var(--shadow-float)}.rail-item .count{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:600}.rail-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.topbar-title{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text);min-width:0}.topbar-title a{color:var(--text-muted)}.topbar-title .sep{color:var(--text-faint)}.main--flush{padding:10px}.subnav{display:flex;gap:2px;margin:-4px 0 22px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.subnav a{padding:8px 12px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:500;white-space:nowrap}.subnav a:hover{color:var(--text);text-decoration:none}.subnav a.active{color:var(--text-strong);border-bottom-color:var(--text-strong)}@media(max-width:720px){.app{display:block;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.rail{position:fixed;top:auto;left:0;right:0;bottom:0;height:auto;flex-direction:row;justify-content:space-around;gap:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border)}.rail-logo,.rail-foot{display:none}.rail-item{flex:1;width:auto;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500}.rail-item.active{background:none;box-shadow:none}.rail-label{display:block}.rail-item[data-label]:hover:after{display:none}.rail-item .count{top:4px;right:calc(50% - 20px)}.main--flush{padding:6px}}.builder-new__box{border-radius:18px;padding:14px 14px 10px;box-shadow:inset 0 0 0 1px var(--border-strong);background:var(--bg-raised)}.builder-new__box:focus-within{box-shadow:inset 0 0 0 1px var(--text-faint)}.builder-new__box input{background:transparent;border:0;box-shadow:none}.send-btn{width:34px;height:34px;flex:none;display:grid;place-items:center;border:0;border-radius:10px;cursor:pointer;background:var(--cta-bg);color:var(--cta-ink);transition:transform .15s var(--ease),opacity .15s}.send-btn:disabled{opacity:.35;cursor:default}.send-btn:hover:not(:disabled){transform:translateY(-1px)}.chip-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.chip-btn:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.builder-ideas{justify-content:center}.builder-rows{max-width:720px;margin:0 auto;padding:0;overflow:hidden}.builder-list-head{max-width:720px;margin-left:auto;margin-right:auto}.builder-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:16px;align-items:center;padding:12px 16px;color:var(--text);border-top:1px solid var(--border)}.builder-row:first-child{border-top:0}.builder-row:hover{background:var(--bg-hover);text-decoration:none}.builder-row strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-status{font-size:12px;color:var(--text-faint);display:inline-flex;align-items:center;gap:6px}.builder-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.builder-status.is-live{color:var(--green)}.builder-status.is-working{color:var(--amber)}.builder-url{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12px}.builder-chat__input{border-top:0}.builder-chat__input textarea{border-radius:14px;background:var(--bg-inset)}.builder-switch{display:none}@media(max-width:900px){.builder{height:calc(100dvh - 90px - env(safe-area-inset-bottom));min-height:0;grid-template-rows:auto minmax(0,1fr)}.builder-switch{display:flex;justify-content:center}.builder[data-pane=chat] .builder-preview,.builder[data-pane=preview] .builder-chat{display:none}.builder-chat__log{max-height:none}.builder-preview__stage{height:auto}.builder-url{display:none}}@media(max-width:720px){.builder-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.builder-new{margin-top:2vh}}.builder-import{max-width:720px;margin:0 auto 12px}.builder-import select{flex:1;min-width:0}.builder-event{margin:0;display:flex;align-items:center;gap:6px;justify-content:center}.builder-auto{display:flex;align-items:center;gap:8px;padding:8px 16px 0}.builder-kind{display:flex;justify-content:center}.builder-preview__stage{position:relative}.builder-qr{position:absolute;right:14px;bottom:14px;width:132px;padding:10px;display:grid;gap:6px;text-align:center}.builder-qr svg{display:block;width:100%;border-radius:6px}@media(max-width:900px){.builder-qr{display:none}}.builder-dev{display:flex;flex-wrap:wrap;gap:4px 12px;font-family:var(--mono);font-size:11.5px;color:var(--text-faint)}.builder-agent{width:auto;margin-right:auto}.builder-cost{margin-right:auto;white-space:nowrap}.builder-agent+.builder-cost{margin-right:0}.link-btn{border:0;padding:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.builder-auto input{flex:1;min-width:0;font-family:var(--mono);font-size:12px;height:30px}.builder-proof{display:grid;gap:8px;margin-top:4px;white-space:normal}.builder-proof strong{font-size:13px;font-weight:500}.builder-proof .is-ok{color:var(--green)}.builder-proof .is-warn{color:var(--amber)}.builder-proof ul{margin:0;padding-left:18px;font-size:13px;color:var(--text-muted)}.builder-proof__shots{display:flex;gap:8px;align-items:flex-start}.builder-proof__shots button{padding:0;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;background:none;cursor:zoom-in}.builder-proof__shots img{display:block;height:96px;width:auto}.builder-proof__big{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.builder-findings{margin:0;padding:0;list-style:none;display:grid;gap:8px}.builder-findings li{display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:var(--amber-bg)}.builder-findings li.is-blocker{background:var(--red-bg)}.builder-findings strong{font-weight:500}.builder-livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:4px;animation:pulse-live 1.4s ease-in-out infinite}@keyframes pulse-live{50%{opacity:.35}}.bs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;background:var(--bg);text-align:center;animation:bs-fade .25s ease}.bs__art{width:min(560px,92vw);height:auto;overflow:visible}.bs__title{font-size:22px;font-weight:600;letter-spacing:-.4px;color:var(--text-strong)}.bs__step{color:var(--text-muted);font-size:15px;animation:bs-step .4s var(--ease)}.bs__note{color:var(--text-faint);font-size:13px}.bs svg *{transform-box:fill-box}.bs-lens{animation:bs-scan 4.5s var(--ease-inout) infinite alternate}.bs-ground{stroke:var(--border-strong);stroke-width:3;stroke-linecap:round}.bs-browser{fill:var(--bg-raised);stroke:var(--border-strong);stroke-width:2.5}.bs-browser__bar{fill:var(--bg-hover)}.bs-shadow{fill:var(--hairline-strong);transform-origin:center;animation:bs-shadow 1s ease-in-out infinite}.bs-kistl{transform-origin:118px 256px;transform-box:view-box;animation:bs-squash 1s ease-in-out infinite}.bs-hammer{transform-origin:0% 100%;animation:bs-swing 1s cubic-bezier(.5,0,.3,1) infinite}.bs-eyes{transform-origin:center;animation:bs-blink 4s infinite}.bs-sparks{opacity:0;animation:bs-sparks 1s infinite}.bs-part{transform-origin:center;animation:bs-pop 7s var(--ease-spring) infinite both}.bs-part--2{animation-delay:.5s}.bs-part--3{animation-delay:1.2s}.bs-part--4{animation-delay:1.9s}.bs-part--5{animation-delay:2.6s}.bs-brick{transform-origin:center;animation:bs-throw 1.4s ease-in infinite}.bs-done{transform-origin:center;animation:bs-done 7s var(--ease-spring) infinite both}@keyframes bs-fade{0%{opacity:0}}@keyframes bs-step{0%{opacity:0;translate:0 6px}}@keyframes bs-scan{0%{translate:-56px -18px}to{translate:56px 22px}}@keyframes bs-squash{0%,to{scale:1 1}30%{scale:1.03 .95}55%{scale:.97 1.05;translate:0 -8px}}@keyframes bs-shadow{55%{scale:.85 1}}@keyframes bs-swing{0%,to{rotate:-38deg}45%{rotate:-46deg}62%{rotate:28deg}72%{rotate:22deg}}@keyframes bs-sparks{0%,58%{opacity:0;scale:.6}66%{opacity:1;scale:1.1}84%,to{opacity:0;scale:1.2}}@keyframes bs-blink{0%,92%,to{scale:1 1}96%{scale:1 .1}}@keyframes bs-pop{0%{scale:0;opacity:0}8%,88%{scale:1;opacity:1}96%,to{scale:0;opacity:0}}@keyframes bs-throw{0%{translate:0 0;rotate:0deg;opacity:0}12%{opacity:1}50%{translate:75px -78px;rotate:200deg}88%{opacity:1}to{translate:150px 10px;rotate:400deg;opacity:0}}@keyframes bs-done{0%,58%{scale:0}66%,88%{scale:1}96%,to{scale:0}}.badge--live{position:relative;padding-left:20px}.badge--live:before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:currentColor;animation:lz-pulse 1.4s var(--ease-inout) infinite}@keyframes lz-pulse{50%{opacity:.35;transform:scale(.8)}}.skeleton{display:block;border-radius:var(--r-1);background:var(--hover);animation:lz-shimmer 1.6s var(--ease-inout) infinite}@keyframes lz-shimmer{50%{opacity:.45}}.empty{padding:48px 16px}.empty h3{font-size:15px;font-weight:500}.empty__lens{position:relative;display:block;width:84px;height:84px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 34% 26%,color-mix(in srgb,#fff 16%,transparent),transparent 34%),var(--surface-2)}.empty__lens:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:1.5px;background:var(--spectrum);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.empty__lens svg{position:absolute;top:14px;right:14px;bottom:14px;left:14px;width:56px;height:56px}.empty__lens svg *{animation:none!important}.builder-preview__stage>.empty{margin:auto}.skel{display:grid;gap:16px}.skel__rows{padding:0;overflow:hidden}.skel__row{display:flex;align-items:center;gap:16px;height:46px;padding:0 16px;border-top:1px solid var(--hairline)}.skel__row:first-child{border-top:0}.skel__row .skeleton{height:12px}.skel__row .skeleton:first-child{margin-right:auto}.builder-rows-wrap{max-width:720px;margin:0 auto}.skel-chat{padding:16px;display:grid;gap:14px;align-content:start}.skel-chat__me{justify-self:end;width:62%;height:44px;border-radius:16px}.skel-chat__agent{width:78%;height:72px;border-radius:16px}.builder-preview>.builder-preview__stage.skeleton{border-radius:0}.builder-title{flex:1;min-width:0}.builder-title h2{margin:0;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-chat .card-head .back{margin:0}.menu{position:relative}.menu summary{list-style:none;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;min-width:200px;padding:6px;box-shadow:var(--shadow-2)}.menu__list .btn{justify-content:flex-start;width:100%;white-space:nowrap}.bubble--live .faint{color:var(--text-muted)}:root[data-theme=light] .rail-label{color:var(--text)}