.specimen-console{--console-accent:var(--accent);--console-rail-width:144px;--console-notes-width:clamp(272px, 24vw, 352px);--console-gap:16px;--console-radio-clearance:126px;--console-pagination-height:36px;--console-row-gap:10px;--console-bottom-padding:12px;min-width:0;padding-bottom:var(--console-radio-clearance);gap:18px;display:grid}body:not(:has(.site-radio [data-workspace-radio])) .specimen-console,body:has(.site-radio [data-workspace-radio][data-detached=true]) .specimen-console{--console-radio-clearance:12px}.console-header{min-width:0}.console-eyebrow{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px}.console-title{margin:4px 0 0;font-size:clamp(32px,6vw,52px);line-height:1.08}.console-lede{color:var(--text-secondary);margin:12px 0 0;font-size:17px;line-height:1.55}.console-links{flex-wrap:wrap;gap:8px;margin-top:14px;font-size:13px;display:flex}.console-links a{border:1px solid var(--border);min-height:34px;color:var(--accent);border-radius:7px;align-items:center;padding:6px 10px;line-height:1.25;text-decoration:none;display:inline-flex}.console-links a:hover{border-color:var(--accent)}.console-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.console-body{grid-template-columns:var(--console-rail-width) minmax(0, 1fr) var(--console-notes-width);gap:var(--console-gap);min-width:0;display:grid}.console-rail{min-width:0}.console-rail-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.console-rail-list>li{min-width:0}.console-rail-link{background:var(--border);justify-self:start;width:1px;height:10px;margin-left:19px}.console-step{width:100%;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px;padding:8px 7px;display:grid;position:relative}.console-step:hover{color:var(--text)}.console-step[aria-current=step]{color:var(--text);border-color:color-mix(in oklch, var(--console-accent) 35%, var(--border));background:color-mix(in oklch, var(--console-accent) 7%, var(--surface))}.console-step:focus-visible{outline:2px solid var(--console-accent);outline-offset:3px}.console-step-num{font:600 13px var(--font-mono)}.console-step[aria-current=step] .console-step-num{color:var(--console-accent)}.console-step-name{white-space:nowrap;text-overflow:ellipsis;hyphens:none;overflow-wrap:normal;min-width:0;font-size:12px;line-height:1.2;overflow:hidden}.console-step-subs{grid-column:2;gap:3px;margin-top:2px;display:flex}.console-step-subs i{background:var(--border);border-radius:50%;width:5px;height:5px}.console-step-subs i[data-on]{background:var(--console-accent)}.console-canvas{min-width:0;position:relative}.specimen-console .console-canvas .iso-figure{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 78%, transparent);border-radius:14px;width:100%;min-width:0;margin:0;padding:8px}.specimen-console .console-canvas .iso-plate{background:color-mix(in oklch, var(--bg) 80%, var(--surface));border-radius:9px;min-height:0;padding:26px 10px 10px;position:relative}.console-canvas .iso-figure[data-canvas-controls] .iso-plate{padding-bottom:10px}.specimen-console .console-canvas .iso-plate-corners{inset:10px 12px}.console-canvas .iso-canvas[data-figure-canvas]{min-width:0;padding-bottom:54px;position:relative}.console-canvas .iso-canvas[data-figure-canvas]>astro-island{pointer-events:none;position:absolute;inset:0}.console-canvas .iso-canvas[data-figure-canvas] .iso-stage{width:100%;height:clamp(320px,70vw,420px)}.console-canvas .iso-canvas[data-figure-canvas] .iso-stage>.iso-svg{max-height:none}.console-canvas .iso-canvas-controls,.console-canvas .iso-zoom-toolbar{z-index:2;pointer-events:auto;align-items:center;gap:2px;width:fit-content;max-width:calc(100% - 8px);margin:0;display:flex;position:absolute;bottom:4px;left:auto;right:4px}.console-canvas .iso-zoom-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:4px;box-shadow:0 4px 16px #0002}.console-canvas .iso-zoom-toolbar button{min-width:36px;min-height:36px;color:var(--text-secondary);background:0 0;border:0;border-radius:7px}.console-canvas .iso-zoom-toolbar button:hover:not(:disabled){background:var(--border);color:var(--text)}.specimen-console .console-canvas .iso-legend{margin-top:8px}.console-notes{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 78%, transparent);border-radius:14px;align-content:start;gap:14px;min-width:0;padding:14px;display:grid}.console-notes [hidden],.specimen-console [data-inspector-source]{display:none}.console-part-selectors{gap:6px;display:grid}.console-part-selector{border:1px solid var(--border);background:color-mix(in oklch, var(--bg) 90%, transparent);min-height:38px;color:var(--text-secondary);font:12px/1.3 var(--font-mono);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:2.5ch minmax(0,1fr);align-items:center;gap:8px;padding:6px 9px;display:grid}.console-part-selector:hover{color:var(--text);border-color:color-mix(in oklch, var(--console-accent) 40%, var(--border))}.console-part-selector[aria-pressed=true]{border-color:var(--console-accent);color:var(--console-accent);background:color-mix(in oklch, var(--console-accent) 8%, var(--surface))}.console-part-selector:focus-visible{outline:2px solid var(--console-accent);outline-offset:3px}.console-part-selector-index{color:var(--text-muted);font-size:11px}.console-part-selector[aria-pressed=true] .console-part-selector-index{color:var(--console-accent)}.console-part-selector-label{overflow-wrap:break-word;min-width:0}.console-part-description{border:1px solid color-mix(in oklch, var(--console-accent) 38%, var(--border));background:color-mix(in oklch, var(--console-accent) 5%, var(--surface));border-radius:10px;padding:12px 14px}.console-part-description h3{color:var(--console-accent);margin:0 0 8px;font-size:17px;line-height:1.25}.console-part-description p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.console-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.console-pagination button{min-height:var(--console-pagination-height);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px}.console-pagination button:disabled{opacity:.35;cursor:default}.console-pagination button:focus-visible{outline:2px solid var(--console-accent);outline-offset:3px}.console-count{color:var(--text-muted);font:12px var(--font-mono)}@media (width>=861px){.console-header{grid-template-rows:auto auto;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr) auto;align-items:center;column-gap:18px;display:grid}.console-eyebrow{grid-area:1/1}.console-title{grid-area:2/1;margin:0;font-size:clamp(24px,2.6vw,34px)}.console-lede{grid-area:1/2/span 2;margin:0;font-size:14px;line-height:1.5}.console-links{grid-area:1/3/span 2;margin:0;font-size:11px}.console-pagination{padding-left:calc(var(--console-rail-width) + var(--console-gap));padding-right:calc(var(--console-notes-width) + var(--console-gap))}}@media (width>=861px) and (height>=640px){html:has([data-specimen-console]){height:100%;overflow:hidden}body:has([data-specimen-console]){flex-direction:column;height:100svh;display:flex;overflow:hidden}body:has([data-specimen-console])>footer{display:none}body:has([data-specimen-console])>main{flex:auto;min-height:0}.specimen-console{grid-template-rows:auto minmax(0, 1fr) var(--console-pagination-height);gap:var(--console-row-gap);height:100%;padding-bottom:var(--console-bottom-padding)}.specimen-console .console-body{min-height:0}.specimen-console .console-rail{min-height:0;overflow-y:auto}.specimen-console .console-canvas{min-height:0}.specimen-console .console-canvas .iso-figure{height:100%;min-height:0}.specimen-console .console-canvas .iso-plate,.specimen-console .console-canvas .iso-canvas[data-figure-canvas]{height:100%}.specimen-console .console-canvas .iso-canvas[data-figure-canvas] .iso-stage{height:100%;min-height:0}.specimen-console .console-canvas .iso-legend{display:none}.specimen-console .console-notes{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;margin-bottom:max(0px, calc(var(--console-radio-clearance) - var(--console-bottom-padding) - var(--console-pagination-height) - var(--console-row-gap)));overflow:auto}}@media (width<=860px){.console-body{grid-template-columns:minmax(0,1fr);gap:14px}.console-rail-list{flex-wrap:wrap;gap:4px;display:flex}.console-rail-list>li{flex:128px}.console-rail-link{display:none}.console-step{height:100%}}@media (width<=480px){.console-canvas .iso-canvas[data-figure-canvas] .iso-stage{height:clamp(280px,82vw,360px)}}