.tutorial-shell{--tutorial-timeline-height:88px;--tutorial-top-space:112px;--tutorial-action-space:88px;--tutorial-task-width:380px;--tutorial-gutter:24px;--tutorial-task-rail:calc(var(--tutorial-task-width) + 2 * var(--tutorial-gutter));isolation:isolate;height:100%;min-height:0;color:var(--org-ink);background:var(--background);border:1px solid var(--border);border-radius:var(--surface-radius);box-shadow:var(--surface-shadow);position:relative;overflow:hidden}.module-introduction{overscroll-behavior:contain;padding:28px 80px;overflow-y:auto}.module-introduction-back{position:absolute;top:16px;left:16px}.module-introduction-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:clamp(32px,6vw,96px);max-width:1200px;margin:0 auto;display:grid}.module-introduction-main{min-width:0}.module-introduction-eyebrow{color:var(--system-blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600}.module-introduction h2{letter-spacing:-.045em;outline:none;max-width:620px;font-size:clamp(30px,3.5vw,52px);font-weight:600;line-height:1.08}.module-introduction h3{margin-bottom:10px;font-size:14px;font-weight:600}.module-introduction-summary{max-width:580px;color:var(--muted-foreground);margin-top:16px;font-size:17px;line-height:1.65}.module-introduction-why{margin-block:20px}.module-introduction-why p,.module-introduction-outcomes{font-size:14px;line-height:1.65}.module-introduction-outcomes{padding-left:20px;list-style:outside}.module-introduction-outcomes li{margin-block:8px;padding-left:4px}.module-introduction-outcomes li::marker{color:var(--system-blue)}.module-introduction-start{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:16px;margin-top:24px;padding-top:20px;display:flex}.module-introduction-start p{color:var(--muted-foreground);flex:1;font-size:13px;line-height:1.65}.module-introduction-start strong{color:var(--org-ink);font-weight:600}.module-introduction-overview{align-self:start;padding:28px}.module-introduction-overview>h3{margin-bottom:24px}.module-introduction-overview ol{padding:0;list-style:none}.module-introduction-overview li{gap:16px;margin-top:20px;display:flex}.module-introduction-index{color:var(--muted-foreground);font-variant-numeric:tabular-nums;padding-top:2px;font-size:11px}.module-introduction-overview h4{font-size:14px;font-weight:600}.module-introduction-overview li p{color:var(--muted-foreground);margin-top:4px;font-size:12px;line-height:1.6}.module-introduction-optional{color:var(--muted-foreground);font-size:11px;font-weight:400}@media (max-width:767px){.module-introduction{padding:16px 20px 28px}.module-introduction-layout{grid-template-columns:minmax(0,1fr);gap:32px}.module-introduction-back{top:8px;left:8px}.module-introduction-eyebrow{min-height:40px;margin-bottom:8px;padding-top:8px;padding-left:48px}.module-introduction-summary{margin-top:20px;font-size:15px}.module-introduction-overview{padding:20px}}.tutorial-heading{z-index:2;max-width:calc(100% - var(--tutorial-task-rail) - var(--tutorial-gutter));align-items:center;gap:8px;display:flex;position:absolute;top:24px;left:24px}.tutorial-back{color:var(--system-blue)}@media (prefers-reduced-motion:no-preference){.module-introduction-main>:not(.module-introduction-eyebrow),.module-introduction-overview,.tutorial-reading-content>*,.tutorial-task-title,.tutorial-task-details>*{animation:.42s cubic-bezier(.22,1,.36,1) backwards tutorial-entry-reveal}.module-introduction-main>:nth-child(3){animation-delay:60ms}.module-introduction-main>:nth-child(4){animation-delay:.12s}.module-introduction-main>:nth-child(5){animation-delay:.18s}.module-introduction-main>:nth-child(6){animation-delay:.24s}.module-introduction-overview{animation-delay:.14s}.tutorial-reading-content>:nth-child(2),.tutorial-task-details>:nth-child(2){animation-delay:70ms}.tutorial-reading-content>:nth-child(n+3){animation-delay:.14s}.module-introduction-overview:focus-within,.tutorial-task[data-reading-open=true] .tutorial-task-title,.tutorial-task[data-reading-open=true] .tutorial-task-details>*{animation:none}}@keyframes tutorial-entry-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-content-appear{0%{opacity:.5}to{opacity:1}}.tutorial-action-hint{width:100%;color:var(--system-blue);text-align:center;pointer-events:none;margin:0;font-size:11px;line-height:1.4;position:absolute;bottom:calc(100% + 4px);left:0}.tutorial-action-target{position:relative}.tutorial-guided-actions{padding-top:32px}.tutorial-next>button{min-height:44px}.tutorial-shell button,.tutorial-shell [data-slot=button]{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}.tutorial-shell button:active:not(:disabled){filter:brightness(.94)}@media (prefers-reduced-motion:no-preference){.tutorial-action-hint,.tutorial-result-feedback{animation:.2s ease-out tutorial-content-appear}.tutorial-next{animation:.65s ease-out tutorial-next-ready}.tutorial-action-target[data-guided=true]>button,.tutorial-next[data-guided=true]>button{animation:.7s ease-out 2 tutorial-action-ready}.tutorial-timeline-circle{transition:background-color .18s,border-color .18s,box-shadow .18s}}@keyframes tutorial-next-ready{0%{opacity:0}to{opacity:1}}@keyframes tutorial-action-ready{50%{box-shadow:0 0 0 3px var(--background), 0 0 0 5px var(--system-blue)}}.tutorial-back svg{width:32px;height:32px}.tutorial-read-content{white-space:nowrap;min-height:48px;color:var(--system-blue)}.tutorial-task{z-index:3;width:var(--tutorial-task-width);max-height:min(420px, calc(100% - var(--tutorial-timeline-height) - var(--tutorial-action-space) - 48px));flex-direction:column;padding:22px;display:flex;position:absolute;top:24px;right:24px}.tutorial-task-summary{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-task-title{letter-spacing:-.025em;font-size:18px;font-weight:600;line-height:1.3}.tutorial-task-progress{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px}.tutorial-task-details>p{color:var(--muted-foreground)}.tutorial-check{border-radius:3px}.tutorial-check[data-earned=true]{animation:.42s ease-out tutorial-check-earned}@keyframes tutorial-check-earned{0%{transform:scale(.85);box-shadow:0 0 #2563eb30}50%{transform:scale(1.12);box-shadow:0 0 0 5px #2563eb10}to{transform:scale(1);box-shadow:0 0 0 7px #2563eb00}}.tutorial-earned-status{left:24px;bottom:calc(var(--tutorial-timeline-height) + 54px);max-width:calc(100% - 184px);max-height:32px;color:var(--system-blue);font-size:12px;line-height:1.3;position:absolute;overflow:auto}.tutorial-recap{border-left:3px solid var(--system-blue);max-width:46rem;margin:0 auto 24px;padding:20px;font-size:13px;line-height:1.6}.tutorial-recap-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-recap h2{font-size:18px;font-weight:600}.tutorial-recap ul{margin-block:12px;padding-left:20px;list-style:outside}.tutorial-recap-note{color:var(--muted-foreground);font-size:12px}@media (prefers-reduced-motion:reduce){.tutorial-check[data-earned=true],.tutorial-recap{animation:none}}.tutorial-task-toggle{min-height:44px;color:var(--system-blue);padding:4px;font-size:12px;display:none}.tutorial-task-details{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.tutorial-task-details>ul{padding-right:48px}.tutorial-task-footer{display:flex;position:absolute;bottom:8px;right:8px}.tutorial-help{color:var(--system-blue)}.tutorial-help svg{width:24px;height:24px}.tutorial-stage{inset:var(--tutorial-top-space) var(--tutorial-task-rail) calc(var(--tutorial-timeline-height) + var(--tutorial-action-space)) 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable both-edges;flex-direction:column;min-width:0;padding:0 24px 16px;display:flex;position:absolute;overflow:auto}.tutorial-stage-content{flex-shrink:0;width:100%;min-width:0;margin-block:auto}.tutorial-stage[data-anchored=true] .tutorial-stage-content{margin-block:0}.tutorial-next{z-index:3;right:24px;bottom:calc(var(--tutorial-timeline-height) + 16px);min-height:44px;position:absolute}.tutorial-status{z-index:2;left:24px;bottom:calc(var(--tutorial-timeline-height) + 8px);background:var(--background);max-width:calc(100% - 184px);max-height:72px;color:var(--muted-foreground);padding:4px 8px;font-size:11px;position:absolute;overflow:auto}.tutorial-timeline{z-index:4;height:var(--tutorial-timeline-height);padding:4px 24px max(8px, env(safe-area-inset-bottom));background:var(--background);border-top:1px solid #e6e6df;position:absolute;inset:auto 0 0;overflow-x:auto}.tutorial-timeline-steps{width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.tutorial-timeline-step{flex:1 0 44px;min-width:44px;position:relative}.tutorial-timeline-step:after{content:"";border-top:1px dashed var(--border);pointer-events:none;width:100%;position:absolute;top:16px;left:50%}.tutorial-timeline-step[data-connector=solid]:after{border-top-style:solid;border-color:var(--system-blue)}.tutorial-timeline-step[data-connector=none]:after{display:none}.tutorial-timeline-target{width:100%;min-width:44px;min-height:48px;color:var(--muted-foreground);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:8px 3px 0;font-size:11px;line-height:1.3;display:flex;position:relative}.tutorial-timeline-circle{z-index:1;box-sizing:border-box;border:1px solid var(--border);background:var(--background);border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.tutorial-timeline-target[data-visited=true] .tutorial-timeline-circle{border:2px solid var(--system-blue)}.tutorial-timeline-target[data-state=upcoming] .tutorial-timeline-circle{background:var(--background);border-style:dashed}.tutorial-timeline-target[data-complete=true] .tutorial-timeline-circle{border-color:var(--system-blue);background:var(--system-blue)}.tutorial-timeline-target[aria-current=step]{color:var(--org-ink);font-weight:600}.tutorial-timeline-target[aria-current=step] .tutorial-timeline-circle{outline:2px solid var(--system-blue);outline-offset:3px}.tutorial-timeline-target:hover{color:var(--system-blue)}.tutorial-timeline-target:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tutorial-timeline-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tutorial-timeline-number{display:none}@media (max-width:1100px){.tutorial-heading{max-width:calc(100% - 48px);top:16px}.tutorial-task{width:var(--tutorial-task-width);max-height:calc(100% - var(--tutorial-timeline-height) - 88px);padding:8px 12px;top:72px}.tutorial-task-title{margin-top:3px;font-size:13px}.tutorial-task-toggle{display:inline-flex}.tutorial-task[data-expanded=false] .tutorial-task-summary{padding-right:44px}.tutorial-task-details{display:none}.tutorial-task[data-expanded=true] .tutorial-task-details{display:block}.tutorial-task-details{padding-right:40px}.tutorial-task-details>ul{padding-right:0}.tutorial-task{height:112px;max-height:112px}.tutorial-stage{inset:200px 0 calc(var(--tutorial-timeline-height) + var(--tutorial-action-space))}}@media (max-width:767px){.tutorial-heading{max-width:calc(100% - 32px);left:16px}.tutorial-task{width:min(var(--tutorial-task-width), calc(100% - 32px));right:16px}.tutorial-stage{padding-inline:16px}.tutorial-status{max-width:calc(100% - 168px);left:16px}.tutorial-earned-status{max-width:calc(100% - 32px);left:16px}.tutorial-next{right:16px}.tutorial-timeline{padding-inline:8px}.tutorial-timeline-title{display:none}.tutorial-timeline-number{display:inline}}@media (max-height:450px) and (min-width:768px) and (max-width:1100px){.tutorial-task{top:16px}.tutorial-heading{max-width:calc(100% - var(--tutorial-task-rail) - var(--tutorial-gutter))}.tutorial-stage{top:144px}}@media (max-height:600px) and (max-width:767px){.tutorial-shell{--tutorial-timeline-height:64px;--tutorial-action-space:56px}.tutorial-heading{top:8px}.tutorial-task{top:64px}.tutorial-stage{top:192px}.tutorial-next{bottom:calc(var(--tutorial-timeline-height) + 6px)}}
.token-workspace{grid-template-rows:auto auto;padding:clamp(16px,25dvh - 150px,80px) 0 16px;display:grid}.token-workspace-cluster{grid-template-columns:minmax(0,1fr) auto minmax(13rem,.55fr);align-items:center;gap:clamp(1rem,3vw,3rem);width:min(100%,46rem);margin:auto;display:grid}.token-workspace-input{border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;color:var(--foreground);font:inherit;background:0 0;border-radius:0;padding:.6rem 0;font-size:clamp(1.1rem,1.8vw,1.5rem);transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}.token-workspace-context[data-guided=true] .token-workspace-input{border-bottom-color:var(--system-blue)}.token-workspace-input:focus-visible{outline:2px solid var(--system-blue);outline-offset:5px}.token-workspace-arrow{color:var(--muted-foreground);font-size:1.4rem}.token-workspace-predictions{scrollbar-width:thin;min-width:0;height:132px;overflow:auto}.token-workspace-candidates{table-layout:fixed;width:100%;height:132px;font-size:.85rem}.token-workspace-candidates tr{height:44px}.token-workspace-candidates td{padding:0}.token-workspace-candidates td:first-child{padding-right:1rem}.token-workspace-candidates code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.token-workspace-candidates td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:5rem;color:var(--muted-foreground)}.token-workspace-candidates tr[data-leading=true]{color:var(--system-blue);font-weight:600}.token-workspace-boundaries{text-align:center;grid-template-rows:minmax(0,1fr) 2rem;gap:.5rem;width:min(100%,46rem);min-width:0;height:10rem;margin:2rem auto 0;display:grid}.token-workspace-token-list{flex-wrap:wrap;place-content:start center;gap:.3rem;min-width:0;display:flex;overflow:auto}.token-workspace-selected-token{overflow-wrap:anywhere;font-size:.8rem;overflow:auto}.token-workspace-boundaries button{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:44px;padding:.3rem}.token-workspace-boundaries button[aria-pressed=true]{border-color:var(--system-blue);color:var(--system-blue)}.token-workspace-waiting{min-height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;font-size:.8rem;line-height:1.6;display:flex}.token-workspace-waiting button{align-self:start;padding-inline:0}.token-workspace-stage{width:100%;min-width:0}.token-workspace-advanced{max-width:62rem;margin:auto;padding:1.5rem 0}.token-workspace-model-status{max-width:26rem;color:var(--muted-foreground);font-size:.65rem;line-height:1.5}.token-workspace-model-status strong{color:var(--foreground);font-weight:500}.token-workspace-model-status button{margin-left:.5rem}.token-workspace-model-error{overflow-wrap:anywhere}@media (max-width:640px){.token-workspace-cluster{grid-template-columns:minmax(0,1fr);gap:1.5rem}.token-workspace-arrow{display:none}.token-workspace-predictions{width:100%;max-width:24rem}}.token-workspace-candidate-button{width:100%;min-height:44px;text-align:inherit;cursor:pointer;border-radius:var(--control-radius);display:block}.token-workspace-candidate-button:hover,.token-workspace-candidate-button[aria-pressed=true]{background:var(--muted)}.token-workspace-candidate-button:focus-visible{outline:2px solid var(--system-blue)}.token-workspace-context,.token-workspace-prediction-group,.token-workspace-boundaries{min-width:0;position:relative}.token-workspace-prediction-group[data-guided=true] .token-workspace-candidate-button{box-shadow:inset 0 0 0 1px var(--system-blue)}@media (prefers-reduced-motion:no-preference){[data-guided=true] .token-workspace-candidate-button,.token-workspace-boundaries[data-guided=true] button{animation:.9s ease-in-out 2 inspect-target-highlight}}@keyframes inspect-target-highlight{50%{background-color:var(--muted)}}