.product-walkthrough{color:var(--lab-ink);background:linear-gradient(140deg,var(--lab-surface) 0,var(--lab-canvas) 42%);border:1px solid var(--lab-rule);border-radius:6px;overflow:hidden}.walk-screen-foot,.walk-screen-title,.walk-screen-toolbar,.walkthrough-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.walkthrough-toolbar{min-height:54px;padding:8px 24px;border-bottom:1px solid var(--lab-rule)}.walk-field-label,.walk-screen-example,.walk-screen-foot>span:first-child,.walkthrough-eyebrow,.walkthrough-toolbar>span{font-family:var(--font-console,var(--font-jetbrains)),monospace;font-size:10px;font-weight:400;letter-spacing:.06em}.walkthrough-toolbar>span{display:flex;align-items:center;gap:9px;color:#a8b9ce}.walkthrough-status-dot{width:4px;height:4px;border-radius:50%;background:var(--lab-orange,#f18b50)}.walkthrough-toolbar button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;color:#b8c7d9;border:1px solid var(--lab-rule);border-radius:4px;background:transparent;font:inherit;font-size:11px;cursor:pointer}.walkthrough-toolbar button:hover:not(:disabled){color:#fff;background:var(--lab-surface-raised);border-color:#69819e}.walkthrough-toolbar button:disabled{opacity:.65;cursor:default}.walkthrough-panel{display:grid;grid-template-columns:.78fr 1.65fr;align-items:center;gap:4%;min-height:400px;padding:24px 28px}.walkthrough-panel[hidden]{display:none}.walkthrough-copy{max-width:285px}.walkthrough-eyebrow{color:#9cb5d0}.walkthrough-copy h3{margin:16px 0;font-size:clamp(24px,2.3vw,32px);font-weight:450;line-height:1.15;letter-spacing:-.04em}.walkthrough-copy p{margin:0;color:#afbed0;font-size:13px;line-height:1.7}.walkthrough-action{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin:26px 0 18px;padding-bottom:8px;border-bottom:1px solid #52677e;font-size:12px}.walkthrough-action span{color:#a8c9ee}.walkthrough-copy>small{display:block;color:#94a4b8;font-size:11px;line-height:1.65}.walk-screen{min-width:0;margin:0;overflow:hidden;background:linear-gradient(180deg,var(--lab-surface),var(--lab-canvas) 42%);border:1px solid var(--lab-rule);border-radius:5px;box-shadow:0 18px 40px #0003,inset 0 1px #ffffff05}.walk-screen-toolbar{min-height:49px;padding:0 20px;border-bottom:1px solid var(--lab-rule);color:#9aadc3;font-family:var(--font-console,var(--font-jetbrains)),monospace;font-size:10px}.walk-terminal-dots,.walk-terminal-meta{display:inline-flex;align-items:center;gap:7px}.walk-terminal-meta{gap:12px}.walk-terminal-dots i{width:4px;height:4px;border-radius:50%;background:var(--lab-control-border)}.walk-screen-brand{display:flex;align-items:center;color:#e4eaf2;font-family:var(--font-sans),sans-serif;font-size:13px;font-weight:550;letter-spacing:-.04em}.walk-screen-brand svg{margin-right:8px}.walk-brand-dot,.walk-screen-brand svg{color:var(--lab-orange,#f18b50)}.walk-screen-content{display:flex;flex-direction:column;min-height:280px;padding:20px 20px 0}.walk-screen-title{flex-wrap:wrap;margin-bottom:20px;font-size:16px;font-weight:450;letter-spacing:-.02em}.walk-screen-title small{flex-shrink:0;padding:4px 7px;color:#abc0d8;border:1px solid var(--lab-rule);border-radius:3px;font-size:10px;font-weight:400;letter-spacing:0}.walk-config-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:18px}.walk-field-label{display:block;margin-bottom:8px;color:#91a6bf;font-size:9px}.walk-fields{display:grid;gap:8px;margin:0}.walk-fields>div{min-width:0;padding:10px 12px;border:1px solid var(--lab-rule);border-radius:4px;background:var(--lab-surface)}.walk-fields dt{margin-bottom:5px;color:#9aacc1;font-size:10px}.walk-fields dd{margin:0;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.walk-fields dd span{display:block;margin-top:2px;color:#93a8c0;font-size:10px}.walk-prompt{display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;min-width:0;padding:16px;border:1px solid var(--lab-rule);border-radius:4px;background:linear-gradient(#a6caf205 1px,transparent 1px),linear-gradient(90deg,#a6caf205 1px,transparent 1px),radial-gradient(ellipse at 90% 0,#a6caf210,transparent 75%),var(--lab-canvas);background-size:24px 24px,24px 24px,auto,auto}.walk-prompt p{max-width:200px;margin:24px 0;color:var(--lab-ink);font-size:21px;font-weight:450;line-height:1.35;letter-spacing:-.035em}.walk-prompt-meta{color:var(--lab-muted);font-family:var(--font-console,var(--font-jetbrains)),monospace;font-size:9px;line-height:1.5}.walk-inspect{margin-top:16px;border:1px solid var(--lab-rule);border-radius:4px;background:var(--lab-surface);overflow:hidden}.walk-inspect summary{min-height:44px;padding:13px 14px;color:var(--lab-blue);font-size:11px;line-height:18px;cursor:pointer}.walk-inspect summary:hover{background:var(--lab-surface-raised)}.walk-inspect pre{padding:16px 14px;background:var(--lab-canvas);color:#c1dbf8;font-family:var(--font-console,var(--font-jetbrains)),monospace;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.walk-inspect pre,.walk-jsonl-foot{margin:0;border-top:1px solid var(--lab-rule)}.walk-jsonl-foot{padding:10px 14px;line-height:1.5}.walk-jsonl-foot,.walk-output-meta{color:var(--lab-muted);font-size:10px}.walk-output-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--font-console,var(--font-jetbrains)),monospace;line-height:1.6}.walk-output-meta span:not(:first-child){padding-left:12px;border-left:1px solid var(--lab-rule)}.walk-summary{padding:16px;border:1px solid var(--lab-rule);border-radius:4px;background:linear-gradient(145deg,#a6caf209,transparent 80%),var(--lab-surface)}.walk-summary .walk-volume{margin:8px 0 16px;color:var(--lab-ink);font-size:42px;line-height:1;letter-spacing:-.06em;font-weight:450;font-variant-numeric:tabular-nums}.walk-volume span{color:var(--lab-muted);font-size:12px;letter-spacing:0}.walk-summary dl{display:grid;gap:10px;margin:0 0 14px;font-size:11px;line-height:1.5}.walk-summary dl>div{display:flex;justify-content:space-between;gap:10px}.walk-summary dt{color:#9aadc3}.walk-summary dd{margin:0;text-align:right}.walk-summary p{margin:0;color:#91a5be;font-size:10px;line-height:1.6}.walk-screen-foot{min-height:58px;margin-top:18px;border-top:1px solid var(--lab-rule)}.walk-screen-foot>span:first-child{color:#8297b0;font-size:9px}.walk-readonly{color:var(--lab-muted);font-size:10px;line-height:1.5;text-align:right}.walk-screen-example{padding:9px 20px;color:#92aac5;background:var(--lab-surface);border-top:1px solid var(--lab-rule);font-size:9px;line-height:1.6;letter-spacing:.015em}.walkthrough-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--lab-rule)}.walkthrough-tabs button{display:flex;align-items:center;gap:16px;min-height:65px;padding:14px 24px;color:#9eb2c9;border:0;border-right:1px solid var(--lab-rule);background:transparent;text-align:left;font:inherit;font-size:12px;cursor:pointer}.walkthrough-tabs button:last-child{border-right:0}.walkthrough-tabs button:hover{background:var(--lab-surface)}.walkthrough-tabs button[aria-selected=true]{color:#edf4fd;background:var(--lab-surface);box-shadow:inset 0 2px #9abce6}.walkthrough-tabs button>span:first-child{color:#85a3c7;font-family:var(--font-console,var(--font-jetbrains)),monospace;font-size:9px}.walkthrough-tabs strong{font-weight:400}.walkthrough-tab-arrow{margin-left:auto;color:#b6d0ee}.product-walkthrough :is(button,a,summary):focus-visible{outline:2px solid var(--lab-blue);outline-offset:-3px}.walkthrough-noscript{margin:0;padding:18px 24px;border-top:1px solid var(--lab-rule);color:#aebed1;font-size:12px}.walkthrough-noscript a{text-decoration:underline}.product-walkthrough[data-running=true] .walkthrough-panel:not([hidden]){animation:walkthrough-enter .45s ease-out both}@keyframes walkthrough-enter{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:950px){.walkthrough-panel{grid-template-columns:1fr;gap:26px}.walkthrough-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;max-width:none}.walkthrough-copy h3,.walkthrough-eyebrow{grid-column:1}.walkthrough-copy h3{margin:15px 0 0}.walkthrough-copy p{grid-column:2;grid-row:1/span 2}.walkthrough-copy>small{grid-column:2}.walkthrough-action{grid-column:1;grid-row:3;justify-self:start;margin:16px 0 0}}@media (max-width:600px){.walkthrough-toolbar{padding:8px 14px}.walkthrough-toolbar>span{font-size:8px;letter-spacing:0}.walkthrough-toolbar button{padding:0 7px;font-size:10px}.walkthrough-panel{padding:25px 15px}.walkthrough-copy{display:block}.walkthrough-copy h3{margin:14px 0}.walkthrough-action{margin:20px 0 14px}.walk-screen-content,.walk-screen-toolbar{padding-right:14px;padding-left:14px}.walk-screen-toolbar>span:last-child{font-size:9px}.walk-config-grid{grid-template-columns:1fr;gap:14px}.walk-summary dl{grid-template-columns:1fr 1fr;column-gap:18px}.walk-summary dl>div{flex-direction:column;gap:4px}.walk-summary dd{text-align:left}.walk-screen-foot>span:first-child{max-width:45%;line-height:1.6}.walk-screen-example{padding-right:14px;padding-left:14px;font-size:9px}.walkthrough-tabs button{flex-wrap:wrap;justify-content:space-between;gap:9px;min-height:78px;padding:12px;font-size:11px}.walkthrough-tabs strong{width:100%;order:1;line-height:1.5}}@media (prefers-reduced-motion:reduce){.product-walkthrough *,.product-walkthrough[data-running=true] .walkthrough-panel:not([hidden]){animation:none!important}}