:root{color:#27272a;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#ff5c5c;--accent-hover:#ef4f4f;--accent-soft:#fff0f0;--accent-border:#ffd2d2;--paper:#fff;--surface:#fff;--surface-soft:#faf9f7;--text:#27272a;--text-strong:#18181b;--muted:#5f5f68;--subtle:#81818a;--rule:#e5e2df;--rule-strong:#d5d1cd;--success:#22a65a;--success-soft:#eefaf2;--failure:#d83c3c;--failure-soft:#fff1f1;--warning:#b36b00;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 12px 32px #271f1b0f;background:#f7f6f4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}*{box-sizing:border-box}html{background:#f7f6f4}body{background:radial-gradient(circle at 50% 0,#ff5c5c0b,#0000 28rem),#f7f6f4;min-width:320px;min-height:100vh;margin:0;font-size:16px}button,input,select{font:inherit}a{color:inherit}[hidden]{display:none!important}.byok-topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e5e2dfe6;position:sticky;top:0}.byok-topbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(940px,100% - 40px);min-height:58px;margin:0 auto;display:grid}.byok-wordmark{width:fit-content;color:var(--text-strong);letter-spacing:-.02em;align-items:center;gap:9px;font-size:.94rem;font-weight:720;text-decoration:none;display:inline-flex}.byok-wordmark>span{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:25px;height:25px;font-size:.72rem;font-weight:800;display:grid}.byok-product-context{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.78rem;display:flex}.byok-product-context strong{color:var(--text);font-weight:620}.byok-product-context span{border-left:1px solid var(--rule);padding-left:8px}.byok-source-link{color:var(--muted);justify-self:end;font-size:.8rem;font-weight:600;text-decoration:none}.byok-source-link:hover{color:var(--accent-hover)}.byok-shell{width:min(940px,100% - 40px);margin:0 auto;padding-bottom:72px}.byok-shell>aside{border-bottom:1px solid var(--rule);padding:22px 0 20px}.byok-kicker{color:var(--muted);letter-spacing:.045em;margin:0;font-size:.74rem;font-weight:650;line-height:1.5}.byok-shell aside>.byok-kicker{display:none}.byok-shell aside ol{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.byok-shell aside li{min-width:0;color:var(--subtle);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;font-size:.8rem;transition:color .18s;display:grid;position:relative}.byok-shell aside li:after{z-index:-1;background:var(--rule);content:"";height:1px;position:absolute;top:13px;left:34px;right:12px}.byok-shell aside li:last-child:after{display:none}.byok-shell aside li>span{z-index:1;border:1px solid var(--rule);width:27px;height:27px;color:var(--subtle);background:#f7f6f4;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;font-weight:600;display:grid}.byok-shell aside li strong{white-space:nowrap;background:#f7f6f4;width:fit-content;padding-right:10px;font-weight:600}.byok-shell aside li[data-step-state=active]{color:var(--text-strong)}.byok-shell aside li[data-step-state=active]>span{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.byok-shell aside li[data-step-state=complete]{color:var(--muted)}.byok-shell aside li[data-step-state=complete]>span{border-color:var(--accent-border);color:var(--accent-hover);background:var(--accent-soft)}.byok-boundary{color:var(--muted);align-items:center;gap:7px;margin:16px 0 0;font-size:.78rem;line-height:1.5;display:flex}.byok-boundary>span{width:18px;height:18px;color:var(--success);background:var(--success-soft);border-radius:50%;flex:none;place-items:center;font-size:.65rem;font-weight:800;display:grid}.byok-workspace{padding-top:34px}.byok-heading{justify-content:space-between;align-items:flex-start;gap:32px;animation:.3s ease-out both byok-enter;display:flex}h1,h2,p{text-wrap:pretty}h1{color:var(--text-strong);letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(1.65rem,3.1vw,1.95rem);font-weight:680;line-height:1.25}h2{color:var(--text-strong);letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,2.5vw,1.38rem);font-weight:670;line-height:1.35}.byok-lead{color:var(--muted);margin:9px 0 0;font-size:.94rem;line-height:1.7}output{border:1px solid var(--rule);min-width:max-content;min-height:30px;color:var(--muted);background:#ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.74rem;font-weight:650;display:inline-flex}output>span{background:var(--subtle);border-radius:50%;width:7px;height:7px}output[data-state=running]>span{background:var(--accent);animation:1.2s ease-in-out infinite byok-pulse}output[data-state=ready]{color:#187944;background:var(--success-soft);border-color:#bce6ca}output[data-state=ready]>span{background:var(--success)}output[data-state=fail]{color:var(--failure);background:var(--failure-soft);border-color:#f2bcbc}output[data-state=fail]>span{background:var(--failure)}.boot-progress{--boot-progress:8%;border:1px solid var(--accent-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(145deg,#fff 0%,snow 100%);margin-top:28px;padding:22px;transition:border-color .3s,background .3s;animation:.32s ease-out 50ms both byok-enter}.boot-progress-head{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.boot-progress-head h2{letter-spacing:-.015em;margin-top:2px;font-size:1rem}.boot-symbol{background:var(--accent-soft);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.boot-symbol:before{border:2px solid var(--accent-border);border-top-color:var(--accent);content:"";border-radius:50%;width:17px;height:17px;animation:.9s linear infinite byok-spin}.boot-symbol>span{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute}#boot-elapsed{color:var(--muted);font-variant-numeric:tabular-nums;align-self:start;padding:4px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.boot-detail{color:var(--muted);margin:14px 0 0 53px;font-size:.86rem;line-height:1.65}.boot-bar{background:#eeeae7;border-radius:999px;height:5px;margin:20px 0 0 53px;position:relative;overflow:hidden}.boot-bar>span{width:var(--boot-progress);border-radius:inherit;background:var(--accent);height:100%;transition:width .6s cubic-bezier(.2,.75,.25,1);display:block}.boot-progress[data-state=running] .boot-bar>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:45%;height:100%;animation:1.8s ease-in-out infinite byok-sheen;display:block}.boot-phases{grid-template-columns:repeat(4,1fr);margin:12px 0 0 53px;padding:0;list-style:none;display:grid}.boot-phases li{color:var(--subtle);align-items:center;gap:6px;font-size:.72rem;font-weight:580;display:flex}.boot-phases li>span{background:var(--rule-strong);border-radius:50%;width:6px;height:6px}.boot-phases li[data-boot-state=active]{color:var(--accent-hover)}.boot-phases li[data-boot-state=active]>span{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.boot-phases li[data-boot-state=complete]{color:var(--muted)}.boot-phases li[data-boot-state=complete]>span{background:var(--success)}.boot-patience{border-radius:var(--radius-sm);color:#7b5314;background:#fff7e8;margin:14px 0 0 53px;padding:9px 11px;font-size:.8rem;line-height:1.55}.boot-retry{margin:16px 0 0 53px}.boot-progress[data-state=ready]{background:var(--success-soft);box-shadow:none;border-color:#cce9d5;border-radius:14px;margin-top:22px;padding:16px 18px}.boot-progress[data-state=ready] .boot-symbol{background:#dff5e6}.boot-progress[data-state=ready] .boot-symbol:before{border:0;border-bottom:2px solid var(--success);border-left:2px solid var(--success);border-radius:0;width:13px;height:7px;animation:none;transform:translateY(-2px)rotate(-45deg)}.boot-progress[data-state=ready] .boot-symbol>span{display:none}.boot-progress[data-state=ready] .boot-bar>span{background:var(--success)}.boot-progress[data-state=ready] .boot-bar,.boot-progress[data-state=ready] .boot-phases{display:none}.boot-progress[data-state=ready] .boot-detail{margin-top:7px}.boot-progress[data-state=fail]{background:var(--failure-soft);box-shadow:none;border-color:#f2bcbc}.boot-progress[data-state=fail] .boot-symbol{background:#ffe0e0}.boot-progress[data-state=fail] .boot-symbol:before{background:var(--failure);border:0;border-radius:2px;width:14px;height:2px;animation:none;transform:rotate(45deg)}.boot-progress[data-state=fail] .boot-symbol:after{background:var(--failure);content:"";border-radius:2px;width:14px;height:2px;position:absolute;transform:rotate(-45deg)}.boot-progress[data-state=fail] .boot-symbol>span{display:none}.wizard-stage,.byok-session,.byok-runtime{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);margin-top:18px;padding:24px;animation:.26s ease-out both byok-reveal;box-shadow:0 6px 22px #271f1b09}.wizard-stage{padding:28px}.wizard-stage-head,.byok-session-heading,.runtime-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.wizard-stage-head h2,.byok-session-heading h2{margin-top:5px}.wizard-official{border:1px solid var(--accent-border);color:var(--accent-hover);background:var(--accent-soft);letter-spacing:.015em;border-radius:999px;flex:none;padding:6px 9px;font-size:.7rem;font-weight:680}.wizard-message,.credential-intro,#runtime-summary{max-width:720px;color:var(--muted);margin:16px 0 0;font-size:.9rem;line-height:1.72}.wizard-message>p{margin:0}.wizard-message>p+p{margin-top:8px}.wizard-message a{color:#b93636;text-underline-offset:3px}.wizard-message-note{max-width:none}.wizard-note-intro{border-left:2px solid var(--accent-border);max-width:720px;padding-left:14px}.wizard-note-intro p{margin:0}.wizard-note-intro p+p{margin-top:7px}.wizard-note-details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:20px}.wizard-note-details summary{color:var(--text);cursor:pointer;padding:13px 2px;font-size:.82rem;font-weight:650;list-style:none}.wizard-note-details summary::-webkit-details-marker{display:none}.wizard-note-details summary:before{color:var(--accent);content:"+";margin-right:8px;font-size:.9rem;transition:transform .16s;display:inline-block}.wizard-note-details[open] summary:before{content:"−"}.wizard-channel-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;margin:0;padding:0 0 14px;list-style:none;display:grid}.wizard-note-line-list{margin:0;padding:0 0 14px;list-style:none}.wizard-note-line-list li{color:var(--muted);border-top:1px solid #efedeb;padding:9px 2px;font-size:.8rem;line-height:1.6}.wizard-channel-list li{border-top:1px solid #efedeb;gap:3px;padding:10px 2px;display:grid}.wizard-channel-list strong{color:var(--text-strong);font-size:.82rem;font-weight:650}.wizard-channel-list span{color:var(--muted);font-size:.78rem;line-height:1.55}.wizard-error{border-radius:var(--radius-sm);color:var(--failure);background:var(--failure-soft);border:0;border-left:3px solid #e05b5b;margin:18px 0 0;padding:12px 14px;font-size:.82rem;font-weight:560;line-height:1.6}.wizard-controls{min-height:62px;color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;font-size:.84rem;display:grid}.wizard-controls:has(.wizard-loader){border-radius:var(--radius-md);background:var(--surface-soft);align-items:center;gap:10px;padding:15px 16px;display:flex}.wizard-loader{border:2px solid var(--accent-border);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite byok-spin}button{border:1px solid var(--rule-strong);min-height:42px;color:var(--text);background:var(--paper);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.85rem;font-weight:640;transition:border-color .12s,color .12s,background .12s,transform .12s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover);background:snow}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #ff5c5c3d}button:disabled{cursor:wait;opacity:.48}.wizard-choice,.credential-choice{text-align:left;align-content:center;gap:4px;min-height:66px;padding:13px 15px;display:grid}.wizard-choice span,.credential-choice span{color:var(--text-strong);font-size:.9rem}.wizard-choice small,.credential-choice small{color:var(--muted);font-size:.76rem;font-weight:450;line-height:1.45}.wizard-choice-primary{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-soft)}.wizard-choice-primary:only-child{border-color:var(--accent);color:#fff;background:var(--accent)}.wizard-choice-primary:only-child span{color:#fff}.wizard-choice-primary:only-child:hover:not(:disabled){border-color:var(--accent-hover);color:#fff;background:var(--accent-hover)}.wizard-choice:only-child{grid-column:1/-1}.wizard-text-form,.wizard-multiselect{grid-column:1/-1;margin:0;display:grid}.wizard-text-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.wizard-multiselect{gap:8px}.wizard-multiselect label{border:1px solid var(--rule);min-height:44px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.86rem;display:flex}.wizard-multiselect input{width:16px;min-height:16px}.byok-session-heading strong{color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:650}.byok-session-heading strong[data-state=ready]{color:var(--success);background:var(--success-soft)}.credential-methods{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;margin-top:22px;display:grid}.credential-choice:first-child{border-color:var(--accent);background:var(--accent-soft)}.credential-panel{margin-top:22px;animation:.22s ease-out both byok-reveal}.oauth-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.oauth-panel-heading h3{color:var(--text-strong);letter-spacing:-.02em;margin:4px 0 0;font-size:1.08rem;font-weight:670;line-height:1.4}#oauth-expires{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.76rem}.oauth-intro{max-width:620px;color:var(--muted);margin:13px 0 0;font-size:.86rem;line-height:1.7}#api-key-panel{grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr);gap:16px;display:grid}label{gap:7px;display:grid}label>span,dt,.credential-label{color:var(--muted);font-size:.74rem;font-weight:650}.byok-key-field,.byok-actions{grid-column:1/-1}input,select{border:1px solid var(--rule-strong);width:100%;min-height:44px;color:var(--text-strong);background:var(--paper);border-radius:10px;outline:0;padding:9px 11px;font-size:max(1rem,16px);line-height:1.35}input::placeholder{color:#a4a4ac;font-size:.82rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff5c5c1a}.byok-actions{align-items:center;gap:10px;padding-top:2px;display:flex}#byok-connect{border-color:var(--accent);color:#fff;background:var(--accent);justify-content:space-between;gap:30px;min-width:220px;display:flex}#byok-connect:hover:not(:disabled),.oauth-open-link:hover{border-color:var(--accent-hover);color:#fff;background:var(--accent-hover)}.oauth-code-row{border:1px solid var(--rule-strong);border-radius:var(--radius-md);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 14px 14px 17px;display:flex}.oauth-code-value{gap:3px;min-width:0;display:grid}.oauth-code-value>span{color:var(--muted);font-size:.72rem;font-weight:620}.oauth-code-value code{-webkit-user-select:all;user-select:all;color:var(--text-strong);letter-spacing:.09em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:720}#oauth-copy{border-color:var(--accent);min-width:128px;color:var(--accent-hover);background:#fff}.oauth-copy-feedback{min-height:1.4em;color:var(--success);margin:7px 2px 0;font-size:.76rem;font-weight:600}.oauth-open-link{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;min-height:46px;margin-top:13px;padding:11px 15px;font-size:.86rem;font-weight:660;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.oauth-open-link[aria-disabled=true]{cursor:wait;opacity:.48}.oauth-steps{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:22px 0 0;padding:18px 0;list-style:none;display:grid}.oauth-steps li{color:var(--subtle);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.oauth-steps li>span{border:1px solid var(--rule-strong);border-radius:50%;place-items:center;width:27px;height:27px;font-size:.7rem;font-weight:700;display:grid}.oauth-steps p{gap:3px;margin:1px 0 0;display:grid}.oauth-steps strong{color:currentColor;font-size:.82rem}.oauth-steps small{font-size:.74rem;line-height:1.5}.oauth-steps li[data-state=active]{color:var(--text-strong)}.oauth-steps li[data-state=active]>span{border-color:var(--accent);color:#fff;background:var(--accent)}.oauth-steps li[data-state=complete]{color:var(--muted)}.oauth-steps li[data-state=complete]>span{color:var(--success);background:var(--success-soft);border-color:#bce6ca}.oauth-waiting{align-items:center;gap:10px;min-height:42px;padding:11px 0 0;display:flex}#oauth-status{color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.credential-back{min-height:36px;color:var(--muted);background:0 0;border-color:#0000;padding:5px 2px;font-weight:580}.credential-back:hover:not(:disabled){color:var(--text-strong);background:0 0;border-color:#0000}.credential-resume{border-radius:var(--radius-md);background:var(--success-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:14px;display:flex}.credential-resume p{color:#187944;margin:0;font-size:.84rem;font-weight:620}#credential-resume-button{border-color:var(--accent);color:#fff;background:var(--accent)}.credential-security{border-top:1px solid var(--rule);color:var(--muted);margin-top:20px;padding-top:15px}.credential-security summary{cursor:pointer;width:fit-content;font-size:.8rem;font-weight:620}.credential-security summary::marker{color:var(--accent)}.credential-security dl{grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0 0;padding:0;display:grid}dd{color:var(--text);margin:6px 0 0;font-size:.8rem;line-height:1.5}.byok-test-result{min-height:1.5em;color:var(--muted);margin:18px 0 0;font-size:.8rem;font-weight:600;line-height:1.5}.byok-test-result[data-state=ready]{color:var(--success)}.byok-test-result[data-state=fail]{color:var(--failure)}.runtime-heading{align-items:center}.byok-privacy{color:var(--muted);margin-top:18px;padding:0 6px;font-size:.8rem;line-height:1.7}.byok-privacy summary{cursor:pointer;width:fit-content;color:var(--muted);font-weight:600}.byok-privacy summary::marker{color:var(--accent)}.byok-privacy p{max-width:700px;margin-left:18px}.runtime-kernel-frame{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}@keyframes byok-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes byok-reveal{0%{opacity:0;transform:translateY(5px)}}@keyframes byok-pulse{50%{opacity:.35;transform:scale(.78)}}@keyframes byok-spin{to{transform:rotate(360deg)}}@keyframes byok-sheen{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media (width<=700px){.byok-topbar-inner,.byok-shell{width:min(100% - 28px,940px)}.byok-topbar-inner{grid-template-columns:1fr auto}.byok-product-context{display:none}.byok-shell>aside{padding-top:18px}.byok-shell aside li{grid-template-columns:24px minmax(0,1fr);gap:6px;font-size:.68rem;display:grid}.byok-shell aside li>span{width:24px;height:24px}.byok-shell aside li:after{top:11px;left:29px;right:5px}.byok-shell aside li strong{padding-right:5px}.byok-boundary{align-items:flex-start}.byok-workspace{padding-top:27px}.byok-heading{gap:16px;display:grid}.byok-heading output{justify-self:start}h1{font-size:1.65rem}.boot-progress,.wizard-stage,.byok-session,.byok-runtime{border-radius:14px;padding:18px}.boot-progress-head{grid-template-columns:36px minmax(0,1fr);gap:11px}.boot-symbol{width:36px;height:36px}#boot-elapsed{grid-column:2;padding:0}.boot-detail,.boot-bar,.boot-phases,.boot-patience,.boot-retry{margin-left:0}.boot-phases li{gap:4px;font-size:.64rem}.wizard-stage-head,.byok-session-heading,.runtime-heading{gap:14px}.wizard-controls,.credential-methods,#api-key-panel,.wizard-channel-list,.oauth-steps,.wizard-text-form{grid-template-columns:1fr}.wizard-choice:only-child,.byok-key-field,.byok-actions{grid-column:1}#byok-connect,#oauth-copy,#credential-resume-button{width:100%}.oauth-code-row,.credential-resume,.byok-actions{flex-direction:column;align-items:stretch}.credential-security dl{grid-template-columns:1fr;gap:12px}.credential-security dl>div{border-bottom:1px solid var(--rule);padding-bottom:12px}}@media (width<=430px){.byok-source-link{font-size:0}.byok-source-link span{font-size:.8rem}.byok-shell aside li strong{font-size:.62rem}.wizard-stage-head,.byok-session-heading,.runtime-heading,.oauth-panel-heading{display:grid}.wizard-official{width:fit-content}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
