:root{--bg: #E9EDEB;--bg-sunk: #DFE5E2;--surface: #FFFFFF;--surface-2: #F4F6F5;--line: #D4DBD8;--line-strong: #BDC8C4;--ink: #14201D;--ink-2: #35443F;--muted: #5D6C67;--muted-2: #82908B;--brand: #0E5C4F;--brand-hi: #0B4C41;--brand-ink: #FFFFFF;--brand-soft: rgba(14, 92, 79, .08);--brand-line: rgba(14, 92, 79, .28);--ok: #17795E;--ok-soft: #E2F0EA;--warn: #A05B06;--warn-soft: #F8EEDE;--crit: #A32A22;--crit-soft: #F7E7E5;--info: #1F5673;--info-soft: #E4EEF3;--code-bg: #F4F6F5;--code-pl: #14201D;--code-kw: #7A3E96;--code-str: #0E6245;--code-fn: #1F5673;--code-cm: #82908B;--shadow-sm: 0 1px 2px rgba(20, 32, 29, .06);--shadow: 0 10px 30px rgba(20, 32, 29, .1);--shadow-lg: 0 24px 60px rgba(20, 32, 29, .16);--sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--pill: 4px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 22px;--sp-6: 30px;--sp-7: 44px;--sp-8: 64px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101319;--bg-sunk: #0B0E13;--surface: #171B22;--surface-2: #1D222B;--line: #262B34;--line-strong: #343B46;--ink: #E6E8EC;--ink-2: #C3C9D2;--muted: #8B939E;--muted-2: #6D757F;--brand: #8891E8;--brand-hi: #9BA3EE;--brand-ink: #0E1119;--brand-soft: rgba(136, 145, 232, .13);--brand-line: rgba(136, 145, 232, .34);--ok: #3FA46A;--ok-soft: rgba(63, 164, 106, .14);--warn: #C9922E;--warn-soft: rgba(201, 146, 46, .14);--crit: #D4645B;--crit-soft: rgba(207, 91, 82, .14);--info: #6BA8C4;--info-soft: rgba(107, 168, 196, .14);--code-bg: #0E1117;--code-pl: #E6E8EC;--code-kw: #C69BE8;--code-str: #8FCFA9;--code-fn: #8FB8D8;--code-cm: #6D757F;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{--bg: #101319;--bg-sunk: #0B0E13;--surface: #171B22;--surface-2: #1D222B;--line: #262B34;--line-strong: #343B46;--ink: #E6E8EC;--ink-2: #C3C9D2;--muted: #8B939E;--muted-2: #6D757F;--brand: #8891E8;--brand-hi: #9BA3EE;--brand-ink: #0E1119;--brand-soft: rgba(136, 145, 232, .13);--brand-line: rgba(136, 145, 232, .34);--ok: #3FA46A;--ok-soft: rgba(63, 164, 106, .14);--warn: #C9922E;--warn-soft: rgba(201, 146, 46, .14);--crit: #D4645B;--crit-soft: rgba(207, 91, 82, .14);--info: #6BA8C4;--info-soft: rgba(107, 168, 196, .14);--code-bg: #0E1117;--code-pl: #E6E8EC;--code-kw: #C69BE8;--code-str: #8FCFA9;--code-fn: #8FB8D8;--code-cm: #6D757F;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand-soft)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.legend,.stat .lbl,.tbl th,.chan-kind,.tile .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:500}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:550;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--muted-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:var(--brand-hi);border-color:var(--brand-hi)}.btn.danger{color:var(--crit);border-color:var(--crit);background:transparent}.btn.danger:hover{background:var(--crit-soft)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--ink);background:var(--surface-2)}.btn.sm{padding:5px 10px;font-size:12.5px}.btn.lg{padding:11px 22px;font-size:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 11px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-soft)}.field .hint{font-size:12px;color:var(--muted-2)}.field textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;padding:3px 8px;border-radius:var(--pill);text-transform:uppercase;border:1px solid transparent}.badge.passed,.badge.ready,.badge.done{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}.badge.failed,.badge.error,.badge.timedout,.badge.broken{background:var(--crit-soft);color:var(--crit);border-color:color-mix(in srgb,var(--crit) 26%,transparent)}.badge.running,.badge.working{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 26%,transparent)}.badge.flaky{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 26%,transparent)}.badge.queued,.badge.pending,.badge.draft,.badge.skipped,.badge.canceled,.badge.free{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.badge.pro{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-line)}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--brand);animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-sunk) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .16s ease}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:100%;max-width:470px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal.wide{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:15.5px;font-weight:620;letter-spacing:-.01em}.modal-body{padding:20px}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:9px}.toast{background:var(--surface);border:1px solid var(--line-strong);border-left:3px solid var(--brand);padding:11px 16px;border-radius:var(--r-sm);box-shadow:var(--shadow);font-size:13.5px;max-width:370px;animation:slideUp .22s ease}.toast.err{border-left-color:var(--crit)}.empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--muted)}.empty svg{opacity:.35;margin-bottom:12px}.empty h3{color:var(--ink);font-size:16px;margin-bottom:6px;font-weight:620}.empty p{font-size:13.5px;max-width:400px;margin:0 auto 16px}.mono{font-family:var(--mono)}.dim{color:var(--muted)}.dim2{color:var(--muted-2)}.sm{font-size:13px}.xs{font-size:11.5px}.row{display:flex;align-items:center;gap:9px}.grow{flex:1;min-width:0}.right{margin-left:auto}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:flex;min-height:100vh}.sidebar{width:218px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:9px;padding:18px 18px 14px;font-weight:640;font-size:16px;letter-spacing:-.015em}.sidebar .brand span{color:var(--brand)}.sidebar nav{flex:1;padding:6px 10px;display:flex;flex-direction:column;gap:1px}.navlink{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:var(--r-sm);color:var(--muted);font-size:13.5px;font-weight:500;border:none;background:none;text-align:left;width:100%;transition:color .14s,background .14s}.navlink:hover{color:var(--ink);background:var(--surface-2)}.navlink.active{color:var(--brand);background:var(--brand-soft);font-weight:600}.sidebar .foot{padding:12px;border-top:1px solid var(--line)}.sidebar .plan-chip{margin:0 12px 10px;padding:9px 11px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:11.5px;color:var(--muted)}.sidebar .plan-chip b{color:var(--ink);font-family:var(--mono);letter-spacing:.06em;font-size:10.5px}.sidebar .plan-chip .bar{height:3px;background:var(--line-strong);border-radius:2px;margin-top:7px;overflow:hidden}.sidebar .plan-chip .bar i{display:block;height:100%;background:var(--brand);transition:width .4s}.main{flex:1;min-width:0;padding:var(--sp-6) var(--sp-6) var(--sp-8);max-width:1240px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:var(--sp-5);flex-wrap:wrap}.page-head h1{font-size:23px;font-weight:640;letter-spacing:-.022em}.page-head .sub{color:var(--muted);font-size:13.5px;width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--sp-4)}.card h2{font-size:14.5px;font-weight:620;margin-bottom:var(--sp-4);letter-spacing:-.01em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-sm)}.stat .val{font-family:var(--mono);font-size:25px;font-weight:600;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums;line-height:1.1}.stat .val small{font-size:13px;color:var(--muted);font-weight:500}.stat.green .val{color:var(--ok)}.stat .glow{display:none}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;padding:7px 11px;border-bottom:1px solid var(--line)}.tbl td{padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr.click{cursor:pointer}.tbl tbody tr.click:hover{background:var(--surface-2)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:var(--sp-3)}.proj-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:17px;cursor:pointer;transition:border-color .16s,box-shadow .16s;box-shadow:var(--shadow-sm)}.proj-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}.proj-card h3{font-size:15px;font-weight:620;margin-bottom:2px}.proj-card .url{font-size:12px;color:var(--muted);font-family:var(--mono)}.proj-card .meta{display:flex;gap:13px;margin-top:13px;font-size:12px;color:var(--muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:var(--sp-5);overflow-x:auto}.tab{padding:9px 14px;font-size:13.5px;font-weight:550;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tests-layout{display:flex;gap:var(--sp-3);align-items:flex-start}.folder-pane{width:200px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;position:sticky;top:18px;box-shadow:var(--shadow-sm)}.folder-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:var(--r-sm);border:none;background:none;color:var(--muted);font-size:13px;font-weight:500;text-align:left;transition:color .12s,background .12s}.folder-item:hover{color:var(--ink);background:var(--surface-2)}.folder-item.active{color:var(--brand);background:var(--brand-soft)}.folder-item .cnt{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted-2)}.folder-item.droptarget{outline:1px dashed var(--brand);outline-offset:-1px}.test-row{display:flex;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}.test-row:hover{background:var(--surface-2)}.test-row:last-child{border-bottom:none}.test-row .t{font-weight:570;font-size:13.5px}.test-row .status-dot{width:7px;height:7px;border-radius:50%;flex:none}.status-dot.passed{background:var(--ok)}.status-dot.failed,.status-dot.error,.status-dot.timedout{background:var(--crit)}.status-dot.none,.status-dot.pending,.status-dot.skipped{background:var(--muted-2)}.status-dot.running{background:var(--info);animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.35}}.gen-steps{display:flex;flex-direction:column}.gen-step{display:flex;gap:13px;position:relative;padding-bottom:20px}.gen-step:before{content:"";position:absolute;left:10px;top:24px;bottom:2px;width:1px;background:var(--line-strong)}.gen-step:last-child:before{display:none}.gen-step .dot{width:21px;height:21px;border-radius:50%;flex:none;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line-strong);color:var(--muted);transition:all .3s}.gen-step.done .dot{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.gen-step.active .dot{border-color:var(--brand);color:var(--brand)}.gen-step.err .dot{background:var(--crit-soft);border-color:var(--crit);color:var(--crit)}.gen-step .g-title{font-weight:570;font-size:13.5px;padding-top:1px}.gen-step .g-msg{font-size:12.5px;color:var(--muted);margin-top:2px}.editor-wrap{border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden}.editor-wrap .cm-editor{font-size:13px}.editor-wrap .cm-editor.cm-focused{outline:none}.cm-editor,.cm-scroller{font-family:var(--mono)!important}.cm-scroller{line-height:1.6!important}.run-result-card{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--sp-3);background:var(--surface);box-shadow:var(--shadow-sm)}.run-result-head{display:flex;align-items:center;gap:11px;padding:11px 15px;cursor:pointer}.run-result-head:hover{background:var(--surface-2)}.run-result-body{padding:15px;border-top:1px solid var(--line)}.err-box{background:var(--crit-soft);border:1px solid color-mix(in srgb,var(--crit) 28%,transparent);border-radius:var(--r-sm);padding:11px 13px;font-family:var(--mono);font-size:12px;white-space:pre-wrap;color:var(--crit);max-height:240px;overflow:auto;word-break:break-word}.triage-box{display:flex;gap:10px;background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 26%,transparent);border-radius:var(--r-sm);padding:11px 13px;font-size:13px;margin-top:10px}.shots{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.shots img{height:104px;border-radius:var(--r-sm);border:1px solid var(--line-strong);cursor:zoom-in;transition:transform .15s}.shots img:hover{transform:scale(1.03)}video.artifact{width:100%;max-width:620px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#000}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#080c0be6;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:92vh;border-radius:var(--r-md)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}@media(max-width:900px){.chart-grid{grid-template-columns:1fr}}.status-pip{width:8px;height:8px;border-radius:50%;flex:none;background:var(--muted-2);display:inline-block}.status-pip.ok{background:var(--ok)}.status-pip.bad{background:var(--crit);animation:pulse 1.6s ease-in-out infinite}.status-pip.idle{background:var(--muted-2)}.state-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:var(--pill);border:1px solid var(--line);color:var(--muted)}.state-pill.ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}.state-pill.bad{color:var(--crit);background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 26%,transparent)}.uptime-bar{display:flex;gap:2px;margin-top:7px;height:20px;align-items:stretch}.uptime-bar i{flex:1;min-width:2px;border-radius:1px;background:var(--line-strong);transition:background .2s}.uptime-bar i.up{background:var(--ok);opacity:.85}.uptime-bar i.down{background:var(--crit)}.uptime-bar i.none{background:var(--line)}.health-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--line);border-left-width:3px;background:var(--surface);margin-bottom:var(--sp-4);box-shadow:var(--shadow-sm)}.health-banner .hb-icon{width:38px;height:38px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex:none}.health-banner .hb-title{font-size:17px;font-weight:640;letter-spacing:-.018em}.health-banner .hb-sub{font-size:13px;color:var(--muted);margin-top:1px}.health-banner.ok{border-left-color:var(--ok)}.health-banner.ok .hb-icon{background:var(--ok-soft);color:var(--ok)}.health-banner.ok .hb-title{color:var(--ok)}.health-banner.warn{border-left-color:var(--warn)}.health-banner.warn .hb-icon{background:var(--warn-soft);color:var(--warn)}.health-banner.warn .hb-title{color:var(--warn)}.health-banner.bad{border-left-color:var(--crit)}.health-banner.bad .hb-icon{background:var(--crit-soft);color:var(--crit)}.health-banner.bad .hb-title{color:var(--crit)}.health-banner.idle{border-left-color:var(--line-strong)}.health-banner.idle .hb-icon{background:var(--surface-2);color:var(--muted)}.journey-row{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.journey-row:last-child{border-bottom:none}.status-wrap{min-height:100vh;background:var(--bg);padding:40px 20px 20px}.status-inner{width:min(760px,100%);margin:0 auto}.status-banner{display:flex;align-items:center;gap:11px;padding:16px 20px;border:1px solid;border-left-width:3px;border-radius:var(--r-md);background:var(--surface)}.chan-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.chan-row:last-child{border-bottom:none}.chan-kind{padding:3px 8px;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--line);flex:none;min-width:72px;text-align:center}.watch-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px 14px;margin:4px 0 16px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-2);font-size:13.5px;transition:border-color .16s,background .16s}.watch-toggle:hover{border-color:var(--muted-2)}.watch-toggle.on{border-color:var(--brand);background:var(--brand-soft)}.watch-toggle.on>svg{color:var(--brand)}.watch-toggle input{margin-top:2px;flex:none;accent-color:var(--brand)}.watch-toggle>svg{flex:none;margin-top:1px;color:var(--muted)}.watch-hint{display:flex;align-items:center;gap:13px;padding:13px 18px;margin-bottom:var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--muted)}.watch-hint>svg{color:var(--brand);flex:none}.watch-hint b{color:var(--ink);font-size:14px}@media(max-width:700px){.watch-hint{flex-wrap:wrap}}.live-card{border-color:var(--brand-line)}.live-frame{width:100%;aspect-ratio:1360 / 900;max-height:72vh;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg-sunk);display:block}.live-booting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:var(--surface-2);color:var(--muted);text-align:center;padding:20px}.live-booting b{color:var(--ink);font-size:14px}.live-badge{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--crit);background:var(--crit-soft);border:1px solid color-mix(in srgb,var(--crit) 30%,transparent);padding:3px 8px;border-radius:var(--pill);animation:pulse 1.8s ease-in-out infinite}@media(max-width:860px){.live-frame{max-height:60vh}}.theme-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.theme-toggle button{border:none;background:none;padding:5px 9px;color:var(--muted);display:flex;align-items:center;transition:background .14s,color .14s}.theme-toggle button:hover{color:var(--ink);background:var(--surface-2)}.theme-toggle button.on{color:var(--brand);background:var(--brand-soft)}.landing{background:var(--bg);overflow-x:hidden}.l-nav{display:flex;align-items:center;gap:24px;padding:15px 0;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.l-nav .brand{display:flex;align-items:center;gap:9px;font-weight:640;font-size:17px;letter-spacing:-.02em}.l-nav .links{display:flex;gap:20px;margin-left:10px}.l-nav .links a{color:var(--muted);font-size:13.5px;font-weight:500}.l-nav .links a:hover{color:var(--ink);text-decoration:none}.wrap{width:min(1140px,calc(100% - 44px));margin:0 auto}.hero{position:relative;padding:74px 0 64px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-bg .grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 76% 62% at 50% 34%,black 22%,transparent 76%);mask-image:radial-gradient(ellipse 76% 62% at 50% 34%,black 22%,transparent 76%);opacity:.8}.hero-bg .orb{display:none}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:980px){.hero-inner{grid-template-columns:1fr}}.hero .kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-line);padding:5px 11px;border-radius:var(--pill);margin-bottom:20px}.hero h1{font-size:clamp(32px,4.3vw,50px);font-weight:640;line-height:1.06;letter-spacing:-.035em;margin-bottom:18px;text-wrap:balance}.hero h1 .grad{color:var(--brand)}.hero .lede{font-size:17px;color:var(--muted);max-width:52ch;margin-bottom:26px}.hero .cta-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.hero .cta-note{font-size:12.5px;color:var(--muted-2);margin-top:13px;font-family:var(--mono)}.demo{position:relative;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden;font-size:13px;max-width:100%}.demo .bar{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.demo .bar .dots{display:flex;gap:5px}.demo .bar .dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.demo .bar .title{color:var(--muted);font-family:var(--mono);font-size:11px;margin-left:4px;letter-spacing:.04em}.demo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:372px}@media(max-width:560px){.demo-body{grid-template-columns:1fr}}.demo-left,.demo-right{min-width:0}.demo-left{padding:14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}.demo .prompt-box{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px;min-height:62px;font-size:12.5px;color:var(--ink)}.demo .prompt-box .label,.demo .code .label{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2);margin-bottom:6px;font-weight:500}.demo .caret{display:inline-block;width:6px;height:14px;background:var(--brand);vertical-align:text-bottom;margin-left:2px;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.demo .code{flex:1;font-family:var(--mono);font-size:11px;line-height:1.72;overflow:hidden;position:relative;min-height:150px;min-width:0;background:var(--code-bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px}.demo .code .ln{opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease;white-space:pre;overflow:hidden;text-overflow:ellipsis}.demo .code .ln.show{opacity:1;transform:none}.demo .code .c-kw{color:var(--code-kw)}.demo .code .c-str{color:var(--code-str)}.demo .code .c-fn{color:var(--code-fn)}.demo .code .c-cm{color:var(--code-cm)}.demo .code .c-pl{color:var(--code-pl)}.demo-right{display:flex;flex-direction:column}.demo .mini-browser{flex:1;display:flex;flex-direction:column;margin:14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.demo .mini-url{display:flex;align-items:center;gap:7px;padding:7px 11px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--surface-2)}.demo .mini-url .lock{color:var(--ok)}.demo .mini-page{flex:1;padding:16px;position:relative}.demo .mini-page .skel{border-radius:3px;background:var(--surface-2)}.demo .fake-input{height:28px;border:1px solid var(--line-strong);border-radius:3px;background:var(--surface);margin-bottom:9px;padding:5px 9px;font-family:var(--mono);font-size:10.5px;color:var(--ink);display:flex;align-items:center;transition:border-color .2s,box-shadow .2s}.demo .fake-input.focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.demo .fake-btn{height:30px;border-radius:3px;background:var(--brand);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11.5px;transition:transform .12s,filter .12s}.demo .fake-btn.press{transform:scale(.97);filter:brightness(1.15)}.demo .cursor-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--brand);background:var(--brand-soft);transition:all .55s cubic-bezier(.25,1,.4,1);z-index:5;pointer-events:none}.demo .dash-view{text-align:center;padding-top:20px}.demo .dash-view .avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-soft);border:1px solid var(--brand-line);margin:0 auto 9px;display:flex;align-items:center;justify-content:center;color:var(--brand);font-weight:700}.demo .checklist{padding:2px 14px 12px}.demo .check-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11.5px;color:var(--muted-2);opacity:.4;transition:opacity .3s,color .3s}.demo .check-item.on{opacity:1;color:var(--ink)}.demo .check-item .ck{width:14px;height:14px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex:none;transition:all .25s}.demo .check-item.on .ck{background:var(--ok);border-color:var(--ok);color:#fff}.demo .verdict{margin:0 14px 14px;border-radius:var(--r-sm);padding:9px 12px;display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px;font-family:var(--mono);letter-spacing:.04em;background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 28%,transparent);color:var(--ok);opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}.demo .verdict.show{opacity:1;transform:none}.section{padding:72px 0;position:relative}.section .sec-kicker{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--brand);margin-bottom:12px}.section h2.sec-title{font-size:clamp(25px,3vw,35px);font-weight:640;letter-spacing:-.028em;margin-bottom:12px;text-wrap:balance}.section .sec-lede{color:var(--muted);font-size:16px;max-width:60ch}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}@media(max-width:860px){.steps3{grid-template-columns:1fr}}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-sm)}.step-card .num{font-family:var(--mono);font-size:11px;color:var(--brand);letter-spacing:.1em;border:1px solid var(--brand-line);border-radius:var(--pill);padding:3px 8px;display:inline-block;margin-bottom:14px}.step-card h3{font-size:16px;font-weight:620;margin-bottom:7px}.step-card p{color:var(--muted);font-size:14px}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:14px;margin-top:38px}.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;transition:border-color .18s,box-shadow .18s;box-shadow:var(--shadow-sm)}.feat:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.feat .ic{width:34px;height:34px;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:13px}.feat h3{font-size:15px;font-weight:620;margin-bottom:5px}.feat p{color:var(--muted);font-size:13.5px}.models-band{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-top:36px}@media(max-width:860px){.models-band{grid-template-columns:1fr}}.model-list{display:flex;flex-direction:column;gap:8px}.model-pill{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 15px;font-size:13.5px;font-family:var(--mono)}.model-pill .tag{margin-left:auto}.pricing{display:grid;grid-template-columns:repeat(2,minmax(258px,370px));gap:18px;justify-content:center;margin-top:38px}@media(max-width:720px){.pricing{grid-template-columns:1fr}}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:26px;box-shadow:var(--shadow-sm)}.price-card.hot{border-color:var(--brand);box-shadow:var(--shadow)}.price-card .p-name{font-weight:620;font-size:15px}.price-card .p-price{font-family:var(--mono);font-size:34px;font-weight:600;margin:10px 0 3px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.price-card .p-price small{font-size:13px;color:var(--muted);font-weight:400}.price-card ul{list-style:none;margin:18px 0 20px;display:flex;flex-direction:column;gap:9px}.price-card li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--muted)}.price-card li svg{color:var(--ok);flex:none;margin-top:2px}.cta-band{text-align:center;padding:76px 0;position:relative;overflow:hidden}.cta-band h2{font-size:clamp(26px,3.4vw,40px);font-weight:640;letter-spacing:-.03em;margin-bottom:13px;text-wrap:balance}.cta-band p{color:var(--muted);font-size:16px;margin-bottom:26px}.l-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted-2);font-size:13px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}@media(max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.sidebar .brand{padding:11px 14px}.sidebar nav{flex-direction:row;padding:7px}.navlink span,.sidebar .plan-chip,.sidebar .foot{display:none}.main{padding:var(--sp-4)}.tests-layout{flex-direction:column}.folder-pane{width:100%;position:static}.chart-grid{grid-template-columns:1fr}}
