@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;height:100svh;max-height:100svh;margin:0 auto;display:flex;overflow:hidden}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--sim-bg:#0b1016;--sim-panel:#111820;--sim-card:#161f28;--sim-card-hover:#1a2530;--sim-line:#27323d;--sim-line-light:#35414d;--sim-text:#e7edf2;--sim-muted:#8794a0;--sim-accent:#f3a43b;--sim-accent-strong:#ffb852;--sim-accent-soft:#f3a43b24;--sim-green:#65c59b;color:var(--sim-text);background:var(--sim-bg);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{height:100%}body{height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--sim-accent);outline-offset:2px}#root{background:radial-gradient(circle at 78% 4%, #31435238, transparent 30rem), var(--sim-bg);text-align:left;border:0;width:100%;max-width:none;height:100svh;max-height:100svh;margin:0;overflow:hidden}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--sim-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#0c1117e0;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:var(--sim-text);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand>div:last-child,.user-menu>span:last-child{display:grid}.brand strong{letter-spacing:.01em;font-size:15px}.brand small,.user-menu small{color:var(--sim-muted);font-size:11px}.brand-mark{background:var(--sim-accent-soft);border:1px solid #f3a43b75;border-radius:9px;justify-content:center;align-items:end;gap:2px;width:36px;height:36px;padding:7px;display:flex;transform:skew(-8deg)}.brand-mark span{background:var(--sim-accent);border-radius:2px 2px 0 0;width:5px;display:block}.brand-mark span:first-child{height:11px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:15px}.header-status,.user-menu,.service-status{align-items:center;display:flex}.header-status{gap:22px}.service-status{color:var(--sim-muted);letter-spacing:.06em;text-transform:uppercase;gap:8px;font-size:11px;font-weight:600}.service-status i,.app-footer i{background:var(--sim-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #65c59b1a}.user-menu{gap:9px}.user-avatar{border:1px solid var(--sim-line-light);color:#c8d1d9;background:#202b35;border-radius:50%;place-items:center;width:34px;height:34px;font:500 11px DM Mono,monospace;display:grid}.user-menu strong{font-size:12px}.logout-button,.text-button{cursor:pointer;background:0 0;border:0}.logout-button{color:var(--sim-muted);font-size:12px}.logout-button:hover,.text-button:hover{color:var(--sim-accent-strong)}.workspace{grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:18px;min-height:0;padding:22px;display:grid;overflow:hidden}.control-panel,.visual-panel{border:1px solid var(--sim-line);background:#111820eb;border-radius:14px;min-height:0;box-shadow:0 18px 45px #0000002e}.control-panel{flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.panel-heading,.visual-heading{z-index:1;border-bottom:1px solid var(--sim-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:18px 20px;display:flex;position:relative}.eyebrow{color:var(--sim-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font:500 9px DM Mono,monospace}.panel-heading h2,.visual-heading h2{color:var(--sim-text);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}.panel-heading-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.panel-tabs-bar{border-bottom:1px solid var(--sim-line);background:#0c121899;flex-shrink:0;padding:0 20px}.panel-tablist{flex-wrap:nowrap;gap:0;margin:0;display:flex}.panel-tab{min-width:0;color:var(--sim-muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1 1 0;margin:0;padding:11px 8px 10px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;overflow:hidden}.panel-tab:hover:not(:disabled):not(.is-active){color:var(--sim-text)}.panel-tab.is-active{border-bottom-color:var(--sim-accent);color:var(--sim-accent-strong)}.panel-tab:disabled{opacity:.45;cursor:not-allowed}.panel-tab-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 0;display:flex}.panel-tabpanel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-tabpanel .pass-stack{flex:1;min-height:0;padding-top:10px}.panel-tabpanel-models{padding:14px 16px 20px;overflow-y:auto}.panel-tabpanel-models .model-picker{border-top:none;padding:0}.draft-pass-summary{margin:0;padding:0 16px 8px}.draft-pass-summary div{justify-content:space-between;gap:12px;font-size:11px;display:flex}.draft-pass-summary dt{color:#b9c3cb;font-weight:500}.draft-pass-summary dd{color:#e8eef2;text-align:right;margin:0}.draft-pass-model{text-align:right;max-width:100%;display:block}.draft-model-link{color:#e8eef2;max-width:100%;font:inherit;text-align:right;text-underline-offset:2px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #ffffff29;text-decoration:underline #ffffff29;overflow:hidden}.draft-model-link:hover:not(:disabled){color:var(--sim-accent-strong);text-decoration-color:#4a90d966}.draft-model-link:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.pass-count,.status-pill{border:1px solid var(--sim-line-light);color:var(--sim-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;font:500 9px DM Mono,monospace}.pass-count{padding:6px 9px}.pass-stack{scrollbar-color:var(--sim-line-light) transparent;padding:14px;overflow-y:auto}.pass-card{border:1px solid var(--sim-line);background:var(--sim-card);border-radius:10px}.pass-card+.pass-card{margin-top:10px}.completed-pass{padding:14px}.completed-pass:hover{border-color:var(--sim-line-light);background:var(--sim-card-hover)}.draft-pass{border-color:#f3a43b5c}.draft-pass>.pass-card-heading{border-bottom:1px solid var(--sim-line);padding:14px 16px}.pass-card-heading,.pass-card-heading>div{align-items:center;display:flex}.pass-card-heading{justify-content:space-between;gap:12px}.pass-card-heading>div{gap:10px}.pass-card-heading strong{font-size:12px;font-weight:600}.pass-number{border:1px solid var(--sim-line-light);width:25px;height:25px;color:var(--sim-accent);background:var(--sim-accent-soft);border-radius:6px;place-items:center;font:500 10px DM Mono,monospace;display:grid}.status-pill{color:var(--sim-accent);border-color:#f3a43b52;padding:4px 7px}.text-button{color:var(--sim-muted);padding:3px;font-size:10px}.text-button:disabled{opacity:.45;cursor:not-allowed}.pass-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0 0;display:grid}.pass-summary div{gap:2px;display:grid}.pass-summary dt{color:var(--sim-muted);text-transform:uppercase;font-size:9px}.pass-summary dd{color:#cad3da;margin:0;font:400 10px DM Mono,monospace}.control-list{padding:5px 16px 16px}.model-picker{border-top:1px solid #ffffff0f;padding:12px 16px 0}.control-label{color:#b9c3cb;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.segmented-control{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.segmented-control .segment{color:#cad3da;cursor:pointer;background:#0003;border:1px solid #ffffff1f;border-radius:6px;flex:auto;min-width:3.5rem;padding:6px 8px;font-size:10px;font-weight:600}.segmented-control .segment.is-selected{border-color:var(--sim-accent);color:var(--sim-accent-strong);background:#4a90d92e}.segmented-control .segment:disabled{opacity:.5;cursor:not-allowed}.model-metrics{margin-bottom:8px}.model-metrics-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.model-metrics-heading strong{color:#e8eef2;font-size:11px}.model-metrics-heading small{color:#8a97a3;font-size:10px}.metrics-table{border-collapse:collapse;width:100%;font-size:10px}.metrics-table th,.metrics-table td{text-align:right;border-bottom:1px solid #ffffff0f;padding:4px 6px}.metrics-table th[scope=row],.metrics-table th:first-child{text-align:left;color:#b9c3cb;font-weight:500}.metrics-table td{color:#e8eef2;font-family:DM Mono,monospace}.metrics-footnote{color:#8a97a3;margin:6px 0 0;font-size:9px;line-height:1.4}.range-control{padding-top:14px;display:block}.range-heading,.range-limits{justify-content:space-between;display:flex}.range-heading{color:#b9c3cb;align-items:baseline;gap:12px;font-size:11px;font-weight:600}.range-heading output{color:var(--sim-accent-strong);font:500 12px DM Mono,monospace}.range-heading output small{color:var(--sim-muted);font-size:8px}.range-control input[type=range]{appearance:none;background:var(--sim-line-light);cursor:pointer;border-radius:3px;width:100%;height:3px;margin:14px 0 5px}.range-control input[type=range]::-webkit-slider-thumb{border:3px solid var(--sim-accent);appearance:none;background:var(--sim-card);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #f3a43b1f}.range-control input[type=range]::-moz-range-thumb{border:3px solid var(--sim-accent);background:var(--sim-card);border-radius:50%;width:9px;height:9px}.range-limits{color:#596773;font:400 8px DM Mono,monospace}.range-control.is-disabled{opacity:.36}.range-control.is-disabled input{cursor:not-allowed}.position-control{border-top:1px solid var(--sim-line);margin-top:16px;padding-top:14px}.check-control{cursor:pointer;align-items:center;gap:10px;display:flex}.check-control input{width:16px;height:16px;accent-color:var(--sim-accent);margin:0}.check-control span{display:grid}.check-control strong{color:#c5ced5;font-size:11px;font-weight:600}.check-control small{color:var(--sim-muted);font-size:9px}.panel-error,.form-error{color:#ff998d;background:#b843371f;border:1px solid #dc594a4d;border-radius:7px;font-size:10px}.panel-error{margin:0 14px 10px;padding:9px 10px}.pass-actions{border-top:1px solid var(--sim-line);background:#0f161d;grid-template-columns:1fr 1fr;gap:9px;padding:14px;display:grid}.primary-button,.secondary-button{cursor:pointer;letter-spacing:.02em;border-radius:7px;min-height:40px;font-size:11px;font-weight:700}.primary-button{border:1px solid var(--sim-accent);background:var(--sim-accent);color:#251808}.primary-button:hover:not(:disabled){background:var(--sim-accent-strong)}.secondary-button{border:1px solid var(--sim-line-light);color:#bfc8cf;background:#18212a}.secondary-button:hover:not(:disabled){background:#202b35;border-color:#64727e}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42}.pass-actions button span{margin-right:5px;font-size:14px}.visual-panel{grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-height:100%;display:grid;overflow:hidden}.visual-meta{color:var(--sim-muted);text-transform:uppercase;align-items:center;gap:16px;font-size:9px;display:flex}.visual-meta span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.groove-dot{background:#111923;border:1px solid #71808f}.bead-dot{background:var(--sim-accent);border:1px solid #ffe1a3}.placement-dot{clip-path:polygon(50% 100%,0 0,100% 0);background:#f3a43b;border:1px solid #ffd699;border-radius:0;height:9px}.canvas-frame{background:radial-gradient(circle at 50% 58%,#25323e52,#0000 35%),#0c1218;min-height:0;position:relative;overflow:hidden}.canvas-frame canvas{display:block}.bead-tooltip{z-index:10;pointer-events:none;border:1px solid var(--sim-line-light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c5ced6;background:#0f161df0;border-radius:8px;min-width:196px;max-width:min(280px,100% - 24px);padding:10px 12px;font-size:10px;line-height:1.35;position:absolute;box-shadow:0 10px 28px #00000059}.bead-tooltip-title{color:#eef3f7;letter-spacing:.03em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.bead-tooltip-section{color:var(--sim-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:8px;font-weight:700}.bead-tooltip-section:not(:first-child){border-top:1px solid #ffffff0f;margin-top:8px;padding-top:8px}.bead-tooltip-grid{grid-template-columns:1fr 1fr;gap:6px 10px;margin:0;display:grid}.bead-tooltip-grid div{min-width:0}.bead-tooltip-grid dt{color:var(--sim-muted);text-transform:uppercase;margin:0;font-size:8px}.bead-tooltip-grid dd{color:#e8eef3;margin:2px 0 0;font-size:10px;font-weight:600}.canvas-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#a9b4bd;letter-spacing:.05em;text-transform:uppercase;background:#080c1199;justify-content:center;align-items:center;gap:10px;font:500 10px DM Mono,monospace;display:flex;position:absolute;inset:0}.spinner{border:2px solid #f3a43b33;border-top-color:var(--sim-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.axis-label{z-index:1;color:#52606c;letter-spacing:.08em;text-transform:uppercase;font:400 8px DM Mono,monospace;position:absolute;bottom:12px;right:14px}.visual-footer{border-top:1px solid var(--sim-line);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:18px;min-height:66px;padding:13px 18px;display:grid}.visual-footer div{gap:3px;display:grid}.visual-footer span{color:var(--sim-muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.visual-footer strong{color:#c6d0d8;font:500 10px DM Mono,monospace}.app-footer{border-top:1px solid var(--sim-line);color:#5f6c77;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:36px;padding:0 27px;font:400 8px DM Mono,monospace;display:flex}.app-footer span:first-child{align-items:center;gap:8px;display:flex}.app-loading,.login-shell{place-items:center;height:100%;min-height:0;display:grid}.app-loading{align-content:center;gap:18px}.login-shell{background:linear-gradient(#080c11d1, #080c11f2), repeating-linear-gradient(90deg, transparent 0, transparent 79px, #ffffff08 80px), radial-gradient(circle at 50% 20%, #263442, var(--sim-bg) 55%);padding:24px}.login-card{border:1px solid var(--sim-line-light);background:#111820f0;border-radius:14px;width:min(100%,420px);padding:38px;box-shadow:0 28px 80px #0000006b}.login-card>.brand-mark{width:42px;height:42px;margin-bottom:24px}.login-card h1{color:var(--sim-text);letter-spacing:-.04em;margin:0;font-size:27px;font-weight:600}.login-intro{color:var(--sim-muted);margin:12px 0 28px;font-size:12px;line-height:1.65}.login-card form{gap:15px;display:grid}.login-card label{color:#b7c1c9;gap:7px;font-size:10px;font-weight:600;display:grid}.login-card input{border:1px solid var(--sim-line-light);height:43px;color:var(--sim-text);background:#0c1319;border-radius:7px;padding:0 12px;font-size:12px}.login-card input:hover{border-color:#52606c}.login-button{margin-top:5px}.form-error{margin:0;padding:10px}.login-footnote{color:#56636e;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin:24px 0 0;font:400 8px DM Mono,monospace}@media (width<=900px){body{overflow:auto}#root{height:auto;min-height:100svh;max-height:none;overflow:visible}.app-shell{height:auto;min-height:100svh;overflow:visible}.workspace{grid-template-columns:1fr;overflow:visible}.control-panel{height:auto;max-height:none}.visual-panel{height:auto;min-height:480px;max-height:none}.canvas-frame{min-height:360px}.pass-stack{max-height:600px}.service-status{display:none}}@media (width<=600px){.app-header{min-height:66px;padding:0 14px}.brand small,.user-menu,.logout-button{display:none}.workspace{gap:10px;padding:10px}.panel-heading,.visual-heading{padding:15px}.visual-meta{display:none}.visual-footer{grid-template-columns:1fr 1fr}.visual-footer div:last-child{display:none}.app-footer{padding:0 14px}.login-card{padding:28px 24px}}