:root{--page-1: #f8f9fa;--page-2: #e6e8eb;--page-3: #d3d6da;--surface: rgba(255, 255, 255, .94);--surface-solid: #ffffff;--surface-sunk: #f3f4f5;--line: #e3e5e8;--line-2: #d0d3d7;--ink: #16181b;--ink-2: #6c7279;--ink-3: #9aa0a7;--accent: #ef6a1c;--accent-ink: #c9500c;--accent-soft: rgba(239, 106, 28, .12);--ok: #3f9d5a;--radius: 4px;--rail-l: 288px;--rail-r: 298px;--topbar-h: 58px;--status-h: 44px;--micro: 600 9.5px/1.2 var(--font);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}body[data-stage=dark]{--page-1: #14171b;--page-2: #0c0e11;--page-3: #06070a;--surface: rgba(22, 26, 31, .9);--surface-solid: #171b20;--surface-sunk: #10141a;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--ink: #eef1f4;--ink-2: #98a0a9;--ink-3: #6b727a;--accent-ink: #ff8b45;--accent-soft: rgba(239, 106, 28, .18)}*{box-sizing:border-box}.fadeswap{transition:opacity .15s ease}.fadeswap.is-out{opacity:0}.card,.topbar,.dock,.statusbar,.tile,.tiles,.card__head,.card__rule,.strip__axis,.strip__tick{transition:background-color .45s ease,border-color .45s ease,color .45s ease}html,body{margin:0;height:100%;overflow:hidden;color:var(--ink);font:400 12px/1.45 var(--font);-webkit-font-smoothing:antialiased;background:var(--page-2);transition:background .4s ease}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#app:before{content:"";position:absolute;inset:0;background:radial-gradient(78% 58% at 50% 34%,var(--page-1) 0%,var(--page-2) 62%,var(--page-3) 100%)}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.viewport{position:absolute;top:calc(var(--topbar-h) + 16px);bottom:calc(var(--status-h) + 62px);left:calc(var(--rail-l) + 26px);right:calc(var(--rail-r) + 26px);pointer-events:none;z-index:6}.crop{position:absolute;width:13px;height:13px;border:1px solid var(--line-2)}.crop--tl{top:0;left:0;border-right:0;border-bottom:0}.crop--tr{top:0;right:0;border-left:0;border-bottom:0}.crop--bl{bottom:0;left:0;border-right:0;border-top:0}.crop--br{bottom:0;right:0;border-left:0;border-top:0}.ruler{position:absolute;left:26px;right:26px;height:7px;opacity:.65;background-image:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 40px);background-size:100% 3px,100% 7px;background-repeat:no-repeat}.ruler--top{top:0}.ruler--bottom{bottom:0;transform:scaleY(-1)}.callouts{position:absolute;inset:0;transition:opacity .25s ease}.callouts.is-hidden{opacity:0}.callouts__leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.callouts__line{fill:none;stroke:var(--ink-3);stroke-width:1}.callouts__dot{fill:var(--accent);stroke:var(--surface-solid);stroke-width:1.2}.callout{position:absolute;top:0;left:0;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:6px;white-space:nowrap;transform-origin:0 0;padding-bottom:4px}.callout[data-side=left]{transform-origin:100% 0;justify-items:end;translate:-100% 0}.callout[data-side=left]>*{grid-column:auto}.callout>*{text-shadow:0 0 5px var(--page-1),0 0 5px var(--page-1),0 0 2px var(--page-1)}.callout__label{font:var(--micro);letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.callout__code{font:500 9.5px/1.2 var(--mono);color:var(--accent-ink)}.callout__finish{grid-column:1 / -1;margin-top:2px;font-size:10.5px;color:var(--ink-2)}.callout[data-side=left] .callout__finish{text-align:right}.loader{position:absolute;inset:0;z-index:60;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--page-1);transition:opacity .45s ease}.loader.is-done{opacity:0;pointer-events:none}.loader__mark{font-size:22px;font-weight:650;letter-spacing:.2em;color:var(--ink)}.loader__mark span{color:var(--accent)}.loader__bar{width:190px;height:2px;background:var(--line);overflow:hidden}.loader__bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s ease}.loader__status{font:var(--micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.loader__status.is-error{color:#c0392b;text-transform:none;letter-spacing:0;max-width:420px;text-align:center}.topbar{position:absolute;inset:0 0 auto;z-index:20;height:var(--topbar-h);display:flex;align-items:stretch;gap:0;padding:0 14px 0 18px;background:var(--surface);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line)}.topbar__brand{display:flex;flex-direction:column;justify-content:center;padding-right:22px;border-right:1px solid var(--line)}.topbar__brand h1{margin:0;font-size:17px;font-weight:700;letter-spacing:.03em;line-height:1.1}.topbar__brand h1 span{color:var(--accent)}.topbar__brand p{margin:1px 0 0;font:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:6px}.topbar__brand p i{font-style:normal;color:var(--ink-2)}.topbar__fields{display:flex;align-items:center}.field{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 20px;border-right:1px solid var(--line);height:100%}.field__label{font:var(--micro);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.field__value{font:600 12.5px/1.15 var(--font);letter-spacing:.04em;color:var(--ink)}.topbar__state{display:flex;align-items:center;gap:8px;padding:0 20px;font:var(--micro);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);border-right:1px solid var(--line)}.topbar__state em{font:500 10px/1 var(--mono);font-style:normal;letter-spacing:.02em;color:var(--ink-3)}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.topbar__env{display:flex;align-items:center;gap:10px;padding:0 18px;margin-left:auto}.topbar__icons{display:flex;align-items:center;gap:2px;padding-left:12px;border-left:1px solid var(--line)}.rail{position:absolute;top:calc(var(--topbar-h) + 12px);bottom:calc(var(--status-h) + 12px);z-index:15;display:flex;flex-direction:column;gap:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:2px}.rail--left{left:14px;width:var(--rail-l)}.rail--right{right:14px;width:var(--rail-r)}.rail::-webkit-scrollbar{width:7px}.rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.card{flex:none;background:var(--surface);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);border:1px solid var(--line);border-radius:var(--radius)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}.card__title{margin:0;font:var(--micro);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.card__note{font:500 9.5px/1.2 var(--mono);color:var(--ink-3);white-space:nowrap}.card__body{padding:10px 11px;display:flex;flex-direction:column;gap:10px}.card__rule{height:1px;background:var(--line);margin:1px -12px}.card__foot{margin:2px 0 0;font-size:9.5px;line-height:1.5;color:var(--ink-3)}.card--unit{padding:12px}.unit__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.unit__model{display:block;font:var(--micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.unit__name{margin:3px 0 0;font-size:19px;font-weight:650;letter-spacing:.01em;line-height:1.05}.unit__tags{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.unit__edition{font:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:3px 6px;border-radius:2px}.unit__code{font:500 9.5px/1 var(--mono);color:var(--ink-3)}.unit__strip{display:flex;align-items:center;gap:3px;margin-top:11px}.unit__strip i{height:14px;flex:1;border-radius:2px;box-shadow:inset 0 0 0 1px #00000029;transition:background-color .45s ease}.unit__stripnote{flex:none;margin-left:6px;font:500 9.5px/1 var(--mono);color:var(--ink-3)}.unit__note{margin:9px 0 0;min-height:33px;font-size:10.5px;line-height:1.55;color:var(--ink-2)}body[data-stage=dark] .swatch__strip i,body[data-stage=dark] .unit__strip i,body[data-stage=dark] .legend__chip,body[data-stage=dark] .sheet__chip,body[data-stage=dark] .stack i.is-pale{box-shadow:inset 0 0 0 1px #ffffff38}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px}.swatch{display:flex;flex-direction:column;gap:4px;padding:4px 4px 5px;background:none;border:1px solid var(--line);border-radius:3px;cursor:pointer;text-align:left;transition:border-color .2s ease,background-color .2s ease}.swatch__name{transition:color .2s ease}.swatch:hover{border-color:var(--line-2);background:var(--surface-sunk)}.swatch.is-active{border-color:var(--accent);background:var(--accent-soft)}.swatch__strip{display:flex;gap:2px;height:13px}.swatch__strip i{flex:1;border-radius:1.5px;box-shadow:inset 0 0 0 1px #00000029}.swatch__strip i:first-child{flex:2.2}.swatch__name{font:var(--micro);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.swatch.is-active .swatch__name{color:var(--accent-ink)}.card--sheet .card__body{padding:6px 12px 10px;gap:0}.sheet__section{margin:8px 0 3px;font:var(--micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.sheet__section:first-child{margin-top:3px}.sheet__row{display:grid;grid-template-columns:10px minmax(52px,auto) 1fr auto;align-items:center;gap:8px;height:19px;margin:0 -6px;padding:0 6px;border-radius:2px;cursor:default;transition:background .12s ease}.sheet__row:hover{background:var(--accent-soft)}.sheet__chip{width:10px;height:10px;border-radius:2px;box-shadow:inset 0 0 0 1px #0000001f;transition:background-color .45s ease}.sheet__zone{font-size:11px;color:var(--ink);white-space:nowrap}.sheet__finish{font-size:10.5px;color:var(--ink-2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet__code{font:500 9px/1 var(--mono);color:var(--ink-3);width:34px;text-align:right}.rail__actions{flex:none;display:flex;gap:6px;padding-bottom:2px}.btn{font:var(--micro);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.btn:hover{color:var(--ink);border-color:var(--line-2);background:var(--surface-solid)}.btn--wide{width:100%}.seg{display:flex;gap:2px;padding:2px;background:var(--surface-sunk);border:1px solid var(--line);border-radius:3px}.seg__btn{flex:1;font:var(--micro);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;color:var(--ink-2);background:none;border:0;border-radius:2px;cursor:pointer;white-space:nowrap;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.seg__btn:hover{color:var(--ink)}.seg__btn.is-active{color:var(--ink);background:var(--surface-solid);box-shadow:0 1px 2px #10121517}.seg--tabs{background:none;border:0;padding:0;gap:0}.seg--tabs .seg__btn{border-radius:0;padding:6px 12px;box-shadow:none;border-bottom:2px solid transparent}.seg--tabs .seg__btn.is-active{background:none;color:var(--accent-ink);border-bottom-color:var(--accent);box-shadow:none}.iconbtn{display:grid;place-items:center;width:26px;height:26px;padding:0;color:var(--ink-2);background:none;border:0;border-radius:3px;cursor:pointer;transition:color .14s ease,background .14s ease}.iconbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.iconbtn:hover{color:var(--ink);background:var(--surface-sunk)}.iconbtn.is-active{color:var(--accent-ink);background:var(--accent-soft)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden}.tile{display:flex;flex-direction:column;gap:3px;padding:9px 10px 10px;background:var(--surface-solid)}.tile__label{font:var(--micro);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.tile__value{font-size:21px;font-weight:620;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}.tile__value i{margin-left:3px;font-size:10px;font-style:normal;font-weight:500;color:var(--ink-3)}.tile__note{font-size:9.5px;color:var(--ink-3)}.chartwrap{display:block}.stack{position:relative;width:100%}.stack i{position:absolute;top:0;bottom:0;border-radius:2px;transition:background-color .45s ease,opacity .3s ease}.stack i.is-pale{box-shadow:inset 0 0 0 1px #00000024}.legend{display:flex;flex-direction:column;gap:5px}.legend--fixed{min-height:95px}.legend__row{display:grid;grid-template-columns:9px 1fr auto auto;align-items:center;gap:8px}.legend__chip{width:9px;height:9px;border-radius:2px;box-shadow:inset 0 0 0 1px #0000001f;transition:background-color .45s ease}.legend__row{transition:opacity .3s ease}.legend__label{font-size:11px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend__note{font:500 9px/1 var(--mono);color:var(--ink-3)}.legend__value{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);min-width:42px;text-align:right}.strip{display:block;width:100%;height:auto}.strip__axis{stroke:var(--line);stroke-width:1}.strip__tick{stroke:var(--line-2);stroke-width:1}.strip__dot{stroke:var(--surface-solid);stroke-width:1.1;transition:fill .45s ease}.strip__dot.is-pale{stroke:var(--line-2)}.strip__label{fill:var(--ink-3);font:500 7px/1 var(--font);letter-spacing:.12em;text-transform:uppercase}.profile{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:4px}.profile__chart{min-width:0}.radar{display:block;width:100%;height:auto;overflow:visible}.radar__ring{fill:none;stroke:var(--line);stroke-width:.6}.radar__spoke{stroke:var(--line);stroke-width:.6}.radar__area{fill:var(--accent);fill-opacity:.16}.radar__ring,.radar__spoke{transition:stroke .45s ease}.radar__line{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-linejoin:round}.radar__dot{fill:var(--accent)}.radar__label{fill:var(--ink-3);font:500 7.6px/1 var(--font);letter-spacing:.05em}.profile__values{display:flex;flex-direction:column;gap:2px}.readout{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0}.readout__label{font:var(--micro);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.readout__value{font-size:16px;font-weight:620;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink)}.dock{position:absolute;left:50%;bottom:calc(var(--status-h) + 14px);transform:translate(-50%);z-index:18;display:flex;align-items:center;gap:2px;padding:4px 5px;background:var(--surface);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 22px #10121517}.dock__group{display:flex;gap:1px}.dock .iconbtn{width:24px;height:24px}.dock__rule{width:1px;align-self:stretch;margin:3px;background:var(--line)}.dock .seg{border:0;background:none;padding:0}.dock .seg__btn{padding:6px;font-size:9.5px}.dock .seg:not(.seg--tabs) .seg__btn.is-active{background:var(--surface-sunk);box-shadow:none}.statusbar{position:absolute;inset:auto 0 0;z-index:20;height:var(--status-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--surface);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-top:1px solid var(--line)}.status__row{display:flex;align-items:center;min-width:0;overflow:hidden}.status__cell{display:flex;align-items:baseline;gap:7px;padding:0 15px;border-right:1px solid var(--line);white-space:nowrap}.status__cell:first-child{padding-left:0}.status__cell:last-child{border-right:0}.status__label{font:var(--micro);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.status__cell b{font:500 11px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.status__id{display:flex;align-items:center;gap:12px;flex:none}.status__barcode{display:flex;height:22px}.barcode{height:22px;width:auto}.barcode__bar{fill:var(--ink)}.status__tag{font:500 10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-2)}.toasts{position:absolute;left:50%;bottom:calc(var(--status-h) + 62px);transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:7px 14px;font-size:11px;color:var(--ink);background:var(--surface-solid);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 6px 18px #1012151f;opacity:0;transform:translateY(6px);transition:opacity .24s ease,transform .24s ease}.toast.is-in{opacity:1;transform:none}@media(max-width:1440px){:root{--rail-l: 264px;--rail-r: 284px}.status__cell[data-cell=zones],.status__cell[data-cell=parts]{display:none}}@media(max-width:1240px){.topbar__fields .field:first-child,.topbar__state,.dock__stance,.dock__rule--stance,.status__cell[data-cell=tris],.status__cell[data-cell=height]{display:none}}@media(max-width:1040px){.rail{width:300px;background:var(--page-1);padding:10px;border:1px solid var(--line);border-radius:var(--radius);transition:transform .26s cubic-bezier(.3,.9,.3,1)}.rail--left{transform:translate(calc(-100% - 20px))}.rail--right{transform:translate(calc(100% + 20px))}.rail.is-open{transform:none}.viewport{left:24px;right:24px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}