.public-tool-detail:has(.public-step-workspace){max-width:1200px}.public-step-workspace{grid-template-columns:minmax(0,14rem) minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:28px;margin:22px 0 28px;display:grid}.public-step-workspace>*{min-width:0}.public-step-workspace.is-two-column{grid-template-columns:minmax(0,14rem) minmax(0,1fr)}.public-step-workspace>.public-step-main{margin:0}.public-step-nav{position:sticky;top:16px}.public-step-nav ol{margin:0;padding:0;list-style:none}.public-step-nav li{position:relative}.public-step-nav li:not(:last-child):after{content:"";background:color-mix(in srgb, var(--color-primary) 14%, var(--color-panel));width:2px;position:absolute;top:40px;bottom:-6px;left:21px}.public-step-link{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;margin:0 0 8px;padding:8px;display:flex}.public-step-link:hover{background:color-mix(in srgb, var(--color-primary) 9%, var(--color-panel))}.public-step-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.public-step-link.is-current{background:var(--color-panel);border-color:var(--color-control-border);box-shadow:0 1px 3px #1b2b211f}.public-step-marker{border:1.5px solid var(--color-control-border);background:var(--color-panel);width:26px;height:26px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.public-step-link.is-current .public-step-marker{background:var(--forest);border-color:var(--color-primary);color:var(--on-forest)}.public-step-link:has(svg) .public-step-marker{background:color-mix(in srgb, var(--color-primary) 9%, var(--color-panel))}.public-step-link.has-problems .public-step-marker{border-color:var(--lightningcss-light,#a23b2a)var(--lightningcss-dark,#d05c49)}.public-step-text{gap:2px;min-width:0;padding-top:3px;display:grid}.public-step-text strong{font-size:13px}.public-step-text small{color:var(--color-muted);overflow-wrap:anywhere;font-size:11px}.public-step-problems{color:var(--lightningcss-light,#922b2b)var(--lightningcss-dark,#f4aaa1);font-size:11px;font-weight:600}.public-step-panel[hidden]{display:none}.public-step-panel>h2:focus{outline:none}.public-step-panel>h2:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.public-step-count{letter-spacing:.5px;text-transform:uppercase;color:var(--color-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.public-step-buttons{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:16px;display:flex}.public-step-buttons .button{align-items:center;gap:4px;display:inline-flex}.public-step-buttons .button.primary{margin-left:auto}.public-step-preview{container:step-preview/inline-size}.public-step-preview>h2{color:var(--ink);margin:0 0 14px;font-size:18px}.public-step-scroll{overscroll-behavior:contain;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-muted,var(--color-control-border)) var(--color-surface,var(--color-border));max-height:max(320px,100vh - 360px);margin:0 -8px 14px -3px;padding:3px 8px 3px 3px;overflow:hidden auto}.public-step-scroll:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.public-step-scroll>.operations-items{margin:10px 0}.public-step-scroll::-webkit-scrollbar{width:9px}.public-step-scroll::-webkit-scrollbar-track{background:var(--color-surface,color-mix(in srgb, var(--color-primary) 9%, var(--color-panel)))}.public-step-scroll::-webkit-scrollbar-thumb{background:var(--color-muted,#827a70);border:2px solid var(--color-surface,var(--color-border));border-radius:8px}@media (max-width:1190px){.public-step-workspace,.public-step-workspace.is-two-column{grid-template-columns:minmax(0,14rem) minmax(0,1fr)}.public-step-preview{grid-column:1/-1}}@media (max-width:760px){.public-step-workspace,.public-step-workspace.is-two-column{grid-template-columns:minmax(0,1fr)}.public-step-nav{position:static}.public-step-nav ol{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.public-step-nav li:not(:last-child):after{display:none}.public-step-link{text-align:center;flex-direction:column;align-items:center;gap:4px;margin:0;padding:6px 2px}.public-step-text{padding:0}.public-step-text strong{font-size:11px}.public-step-text small{display:none}.public-step-problems{font-size:10px}.public-step-scroll{max-height:none;overflow:visible}.public-tool:has(>.public-step-workspace){flex-direction:column;display:flex}.public-tool:has(>.public-step-workspace)>:has(~.public-step-workspace){order:-2}.public-tool:has(>.public-step-workspace)>.public-step-exports{order:-1}.public-tool:has(>.public-step-workspace)>.public-step-exports{border-bottom:1px solid var(--color-border);margin-top:16px;padding-bottom:12px}.public-step-exports.public-tool-actions,.public-step-exports .public-tool-actions{border-top:0;margin-top:0;padding-top:0}}@media print{.public-step-workspace{margin:0;display:block}.public-step-count{display:none}}