:root{--ground:#e9ecf1;--ground-sunk:#dfe3ea;--paper:#fff;--ink:#14181f;--ink-soft:#5a6371;--ink-faint:#8a919c;--rule:#cfd5de;--rule-strong:#b3bcc9;--pen:#24408f;--pen-soft:#e6ebf8;--eye:#c2185b;--eye-soft:#fce4ec;--viewport:#10131a;--warn:#9a5b00;--warn-soft:#fdf1dd;--radius:3px;--gutter:clamp(1rem, 3vw, 2.5rem);--plate-gap:8px;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#14171d;--ground-sunk:#0e1116;--paper:#1b1f27;--ink:#e8ebf0;--ink-soft:#9aa3b1;--ink-faint:#6b7381;--rule:#2c323d;--rule-strong:#3d4553;--pen:#7f9ae8;--pen-soft:#1c2440;--eye:#f06292;--eye-soft:#35131f;--viewport:#0a0c11;--warn:#e0a458;--warn-soft:#2a2214;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#14171d;--ground-sunk:#0e1116;--paper:#1b1f27;--ink:#e8ebf0;--ink-soft:#9aa3b1;--ink-faint:#6b7381;--rule:#2c323d;--rule-strong:#3d4553;--pen:#7f9ae8;--pen-soft:#1c2440;--eye:#f06292;--eye-soft:#35131f;--viewport:#0a0c11;--warn:#e0a458;--warn-soft:#2a2214;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}.masthead{border-bottom:1px solid var(--rule);background:var(--paper);padding:1.4rem var(--gutter) 1.2rem}.masthead__inner{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.5rem;max-width:1600px;margin:0 auto;display:flex}.masthead h1{letter-spacing:-.022em;margin:0;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:600}.masthead p{max-width:62ch;color:var(--ink-soft);margin:0;font-size:.9rem}.layout{max-width:1600px;padding:var(--gutter);gap:var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;margin:0 auto;display:grid}@media (width<=1100px){.layout{grid-template-columns:minmax(0,1fr)}}.layout--tracing{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.layout--maximised{grid-template-columns:minmax(0,1fr)}.layout--maximised>div:first-child{display:none}.plate{align-self:stretch;min-height:0}.plate__pinned{flex-direction:column;min-height:0;display:flex}@media (width>=1101px){.plate__pinned{top:var(--plate-gap);height:var(--plate-height,auto);position:sticky}}.stage{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:1.25rem}.stage--locked{opacity:.5}.stage__head{border-bottom:1px solid var(--rule);align-items:baseline;gap:.85rem;padding:.95rem 1.15rem;display:flex}.stage__index{font-family:var(--font-mono);letter-spacing:.08em;color:var(--pen);background:var(--pen-soft);border-radius:2px;flex:none;padding:.15rem .38rem;font-size:.72rem;font-weight:600}.stage__title{letter-spacing:-.01em;margin:0;font-size:.98rem;font-weight:600}.stage__hint{color:var(--ink-faint);text-align:right;margin:0 0 0 auto;font-size:.82rem}.stage__body{padding:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:.68rem;font-weight:600}.note{color:var(--ink-soft);margin:.5rem 0 0;font-size:.83rem}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.86rem}.readout{border-top:1px solid var(--rule);grid-template-columns:1fr auto;align-items:baseline;gap:.15rem 1rem;margin-top:.9rem;padding-top:.6rem;display:grid}.readout dt{color:var(--ink-soft);font-size:.82rem}.readout dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:.86rem}.sheet{border-collapse:collapse;width:100%;font-size:.84rem}.sheet th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);border-bottom:1px solid var(--rule-strong);white-space:nowrap;padding:0 .6rem .45rem 0;font-size:.68rem;font-weight:600}.sheet td{border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:.45rem .6rem .45rem 0}.sheet td:first-child,.sheet th:first-child{font-family:var(--font-ui);font-variant-numeric:normal}.sheet__over{color:var(--warn)}.alert{border-left:2px solid var(--rule-strong);margin:.9rem 0 0;padding:.55rem 0 .55rem .75rem;font-size:.85rem}.alert--problem{border-color:var(--eye);color:var(--ink)}.alert--warn{border-color:var(--warn)}.alert--ok{border-color:var(--pen);color:var(--ink-soft)}.viewpanel{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.viewpanel__tabs{border-bottom:1px solid var(--rule);flex:none;display:flex}.viewpanel__tab{appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.7rem 1rem;font-size:.8rem;font-weight:500}.viewpanel__tab[aria-selected=true]{color:var(--pen);border-bottom-color:var(--pen)}.viewpanel__tab:disabled{color:var(--ink-faint);cursor:not-allowed}.viewpanel__body{aspect-ratio:4/3;flex:auto;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative}.viewpanel__caption{border-top:1px solid var(--rule);color:var(--ink-soft);flex:none;padding:.7rem 1rem;font-size:.82rem}.net{background:var(--ground-sunk);border-radius:2px;width:100%;height:100%;display:block;position:relative}.net__panels,.stagearea{border-radius:2px;width:100%;height:100%;position:absolute;inset:0}.preview3d{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.viewport3d{background:var(--viewport);border-radius:2px;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.viewport3d canvas{width:100%;height:100%;display:block}.tracerwrap{flex-direction:column;gap:.6rem;display:flex}.tracer{background:var(--ground-sunk);touch-action:none;border-radius:2px;position:relative;overflow:hidden}.tracer>svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.tracer__handle{cursor:grab}.tracer__handle:active{cursor:grabbing}.loupe{z-index:20;aspect-ratio:1;border:1px solid var(--rule-strong);background:var(--ground-sunk);pointer-events:none;border-radius:2px;width:clamp(140px,16vw,240px);position:fixed;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 2px 10px #00000059}.loupe svg{width:100%;height:100%;display:block}.tracerbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn{appearance:none;font:inherit;border-radius:var(--radius);border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);cursor:pointer;padding:.42rem .85rem;font-size:.85rem;font-weight:500}.btn:hover:not(:disabled){border-color:var(--pen);color:var(--pen)}.btn--primary{background:var(--pen);border-color:var(--pen);color:#fff}.btn--primary:hover:not(:disabled){filter:brightness(1.1);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btnrow{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;display:grid}.field{flex-direction:column;gap:.25rem;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field__head{justify-content:space-between;align-items:center;gap:.5rem;min-height:1rem;display:flex}.field__reset{appearance:none;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;transition:opacity .12s,color .12s;display:inline-flex}.field__reset:hover{color:var(--pen)}.field__reset[aria-hidden=true]{opacity:0;pointer-events:none}.field label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:.68rem;font-weight:600}.field input[type=number],.field input[type=text]{font:inherit;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);width:100%;padding:.4rem .5rem;font-size:.88rem}.field input:focus-visible{outline:2px solid var(--pen);outline-offset:-1px;border-color:var(--pen)}.field__unit{color:var(--ink-faint);font-size:.72rem;font-family:var(--font-mono)}.slider{align-items:center;gap:.75rem;display:flex}.slider input[type=range]{accent-color:var(--pen);flex:1;min-width:0}.slider__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;min-width:5.5ch;font-size:.85rem}.check{cursor:pointer;align-items:center;gap:.5rem;font-size:.87rem;display:flex}.check input{accent-color:var(--pen);width:1rem;height:1rem}.check[data-disabled]{opacity:.5;cursor:not-allowed}.drop{border:1px dashed var(--rule-strong);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--ground);color:var(--ink-soft);padding:1.5rem 1rem;font-size:.87rem}.drop:hover,.drop--over{border-color:var(--pen);color:var(--pen);background:var(--pen-soft)}.thumb{align-items:center;gap:.85rem;display:flex}.camera__stage{background:var(--viewport);border-radius:var(--radius);aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;overflow:hidden}.camera__stage video{max-width:100%;max-height:100%;display:block}.camera__select{font:inherit;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);max-width:14rem;padding:.35rem .4rem;font-size:.85rem}.thumb img{object-fit:cover;border:1px solid var(--rule);background:var(--ground-sunk);border-radius:2px;width:84px;height:84px}.panels{gap:.85rem;display:grid}.panel{border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.7rem;display:grid}@media (width<=560px){.panel{grid-template-columns:64px minmax(0,1fr)}}.panel__preview{object-fit:contain;background:var(--ground-sunk);border-radius:2px;width:96px;height:96px}.panel__name{font-size:.9rem;font-weight:600}.panel__meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.76rem}:focus-visible{outline:2px solid var(--pen);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stepbar{z-index:30;background:var(--paper);border-top:1px solid var(--rule);padding:.55rem var(--gutter);position:fixed;bottom:0;left:0;right:0}.stepbar__inner{align-items:center;gap:.75rem;max-width:1600px;margin:0 auto;display:flex}.stepbar__steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:0 auto;display:flex}.stepbar__step{appearance:none;font:inherit;color:var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.85rem;display:inline-flex}.stepbar__step:hover{background:var(--ground)}.stepbar__step[aria-current=true]{color:var(--ink);font-weight:600}.stepbar__num{font-family:var(--font-mono);color:var(--ink-faint);background:var(--ground);border-radius:2px;padding:.1rem .34rem;font-size:.7rem;font-weight:600}.stepbar__step[aria-current=true] .stepbar__num{color:var(--pen);background:var(--pen-soft)}.layout{padding-bottom:calc(var(--gutter) + 3.5rem)}.viewpanel__body--tracer{aspect-ratio:auto;display:block;overflow-y:auto}.tracerpanel{flex-direction:column;gap:.7rem;display:flex}.tracerpanel--empty{justify-content:center;align-items:center;gap:1rem;min-height:16rem}.tracerprompt{background:var(--ground);border:1px solid var(--rule);border-radius:var(--radius);align-items:center;gap:.9rem;padding:.6rem .75rem;display:flex}.tracerprompt strong{font-size:.9rem}.choice{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem;margin-top:.7rem;display:grid}.choice__option{appearance:none;font:inherit;text-align:left;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer;flex-direction:column;gap:.15rem;padding:.6rem .7rem;display:flex}.choice__option:hover{border-color:var(--pen)}.choice__option[aria-checked=true]{border-color:var(--pen);background:var(--pen-soft);box-shadow:inset 0 0 0 1px var(--pen)}.rule{border:0;border-top:1px solid var(--rule);margin:1.2rem 0 .9rem}.disclosure>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.disclosure>summary::marker{color:var(--ink-faint)}.sheet__badge{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-left:.5rem;font-size:.68rem;font-weight:600}