.pe{z-index:calc(var(--z-toast) + 10);background:var(--c-bg-deep);overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.pe__bar{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-block-end:1px solid var(--c-line);background:var(--c-bg-deep);grid-template-columns:auto minmax(0,1fr) auto;padding-block-start:max(var(--s-2), env(safe-area-inset-top));display:grid}.pe__barBtn{border-radius:var(--r-pill);block-size:44px;inline-size:44px;color:var(--c-ink-muted);cursor:pointer;transition:background var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);background:0 0;border:0;place-items:center;display:grid}.pe__barBtn:hover{background:var(--c-surface);color:var(--c-ink)}.pe__barTitle{color:var(--c-ink);font-family:var(--f-body);font-size:var(--t-small);justify-self:center;margin:0;font-weight:700}.pe__seg{border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);justify-self:center;gap:2px;max-inline-size:100%;padding:3px;display:flex}.pe__seg button{align-items:center;gap:var(--s-2);min-block-size:38px;padding-inline:var(--s-3);border-radius:var(--r-pill);color:var(--c-ink-muted);font-family:var(--f-body);font-size:var(--t-label);white-space:nowrap;cursor:pointer;transition:background var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);background:0 0;border:0;font-weight:600;display:flex}.pe__seg button.is-on{background:color-mix(in oklab, var(--c-accent) 26%, var(--c-surface-hi));color:var(--c-ink);cursor:default}.pe__seg svg{display:none}@media (width>=30rem){.pe__seg svg{display:block}.pe__seg button{padding-inline:var(--s-4)}}.pe__body{grid-template-rows:minmax(0,1fr) auto;min-block-size:0;display:grid}.pe__stage{min-block-size:0;position:relative;overflow:hidden}.pe__canvas{padding:calc(var(--s-3) + 42px) var(--s-3) var(--s-5);position:absolute;inset:0}.pe__dock{overscroll-behavior:contain;min-block-size:0;max-block-size:58dvh;padding:var(--s-4) var(--s-4) 0;border-block-start:1px solid var(--c-line);background:var(--c-panel-bg);flex-direction:column;padding-block-end:max(var(--s-3), env(safe-area-inset-bottom));display:flex;overflow-y:auto}.pe__dock--pad{max-block-size:68dvh;padding-block-start:var(--s-3)}.pe__svg{touch-action:none;user-select:none;display:block}.pe__surface{cursor:crosshair}.pe__gridline{stroke:oklch(35% .07 262/.08);stroke-width:1px}.pe__face{fill:color-mix(in oklab, var(--c-brand) 13%, transparent);stroke:none}.pe__wall{stroke:var(--c-accent-strong);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--c-brand) 55%, transparent))}.pe__ghost{stroke:color-mix(in oklab, var(--c-accent) 55%, transparent);stroke-width:2px;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;pointer-events:none}.pe__hit{stroke:#0000;stroke-width:26px;vector-effect:non-scaling-stroke;cursor:pointer}.pe__diagLine{stroke:oklch(35% .07 262/.34);stroke-width:1.25px;stroke-dasharray:7 7;vector-effect:non-scaling-stroke;pointer-events:none}.pe__diag--wanted .pe__diagLine{stroke:var(--c-danger);stroke-width:2.5px;stroke-dasharray:10 7;animation:pe-march .9s linear infinite, pe-pulse 1.8s var(--ease-in-out) infinite}@keyframes pe-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes pe-march{to{stroke-dashoffset:-17px}}.pe__edge.is-active .pe__wall{stroke:var(--c-accent);stroke-width:4.5px}.pe__diag.is-active .pe__diagLine{stroke-width:3.5px;opacity:1;animation:.9s linear infinite pe-march}.pe__corner{cursor:grab}.pe__hitDot{fill:#0000}.pe__dot{fill:var(--c-light);stroke:var(--c-brand);stroke-width:1.5px;vector-effect:non-scaling-stroke}.pe__cornerLabel{fill:var(--c-ink-muted);font-family:var(--f-mono);pointer-events:none;font-weight:600}.pe__corner--closable .pe__dot{fill:var(--c-ok)}.pe__closeRing{fill:none;stroke:var(--c-ok);stroke-width:2px;vector-effect:non-scaling-stroke;animation:pe-ring 1.6s var(--ease-out) infinite}@keyframes pe-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}.pe__closeRing{transform-box:fill-box;transform-origin:50%}.pe__pill{pointer-events:none}.pe__pill rect{fill:var(--c-bg-deep);stroke:var(--c-line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.pe__pill text{fill:var(--c-ink);font-family:var(--f-mono);font-variant-numeric:tabular-nums;pointer-events:none;font-weight:600}.pe__pill--empty rect{fill:color-mix(in oklab, var(--c-bg-deep) 82%, transparent);stroke:var(--c-accent);stroke-dasharray:4 4}.pe__pill--empty text{fill:var(--c-accent-strong)}.pe__pill--diagonal.pe__pill--empty rect{stroke:var(--c-danger)}.pe__pill--diagonal.pe__pill--empty text{fill:var(--c-danger)}.pe__diag--wanted .pe__pill--diagonal.pe__pill--empty rect{fill:var(--c-danger);stroke:var(--c-danger);stroke-dasharray:none}.pe__diag--wanted .pe__pill--diagonal.pe__pill--empty text{fill:#fff}.pe__pill--bad rect{fill:color-mix(in oklab, var(--c-danger) 14%, var(--c-bg-deep));stroke:var(--c-danger);stroke-width:2px;stroke-dasharray:none}.pe__pill--bad text{fill:var(--c-danger)}.pe__status{inline-size:max-content;max-inline-size:calc(100% - 2 * var(--s-3));padding:var(--s-2) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-pill);background:color-mix(in oklab, var(--c-surface) 96%, transparent);color:var(--c-ink-muted);font-size:var(--t-label);text-align:center;text-wrap:balance;pointer-events:none;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;position:absolute;inset-block-start:var(--s-3);inset-inline:50%;overflow:hidden;translate:-50%}.pe__status.is-ask{color:var(--c-danger);border-color:color-mix(in oklab, var(--c-danger) 55%, transparent);font-weight:600}.pe__status.is-ok{color:var(--c-ink);border-color:color-mix(in oklab, var(--c-ok) 55%, transparent);font-family:var(--f-mono);font-variant-numeric:tabular-nums}.pe__warn{inline-size:max-content;max-inline-size:calc(100% - 2 * var(--s-3));padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:color-mix(in oklab, var(--c-danger) 24%, var(--c-surface));color:var(--c-ink);font-size:var(--t-label);text-align:center;text-wrap:balance;pointer-events:none;margin:0;line-height:1.4;position:absolute;inset-block-end:var(--s-3);inset-inline:50%;translate:-50%}.pe__zoom{gap:var(--s-2);display:flex;position:absolute;inset-block-end:var(--s-3);inset-inline-end:var(--s-3)}.pe__zoom button{border:1px solid var(--c-line);border-radius:var(--r-field);background:color-mix(in oklab, var(--c-surface) 96%, transparent);block-size:44px;inline-size:44px;color:var(--c-ink);cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), background var(--d-fast) var(--ease-out);place-items:center;display:grid}.pe__zoom button:hover{border-color:var(--c-accent);background:var(--c-surface-hi)}.pe__toolbar{align-items:center;gap:var(--s-3);padding-block-end:var(--s-3);display:flex}.pe__tools{gap:var(--s-2);margin-inline-end:auto;display:flex}.pe__tools button{border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-surface);block-size:44px;inline-size:44px;color:var(--c-panel-ink);cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), background var(--d-fast) var(--ease-out);place-items:center;display:grid}.pe__tools button:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-panel-surface-hi)}.pe__tools button:disabled{opacity:.34;cursor:default}.pe__done{min-block-size:48px;max-inline-size:26rem;padding-inline:var(--s-5);border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-on-accent);font-family:var(--f-body);font-size:var(--t-body);cursor:pointer;box-shadow:0 0 28px color-mix(in oklab, var(--c-brand) 40%, transparent);transition:background var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border:0;flex:auto;font-weight:700}.pe__done:hover:not(:disabled){background:var(--c-accent-strong)}.pe__done.is-waiting{background:var(--c-panel-surface-hi);color:var(--c-panel-ink-muted);box-shadow:none}.pe__done:disabled{background:var(--c-panel-surface);color:var(--c-ink-faint);box-shadow:none;cursor:default}.pe__flash{z-index:var(--z-overlay);inline-size:min(52ch, calc(100vw - 2 * var(--s-4)));gap:var(--s-1);padding:var(--s-4);border:1px solid color-mix(in oklab, var(--c-danger) 55%, transparent);border-radius:var(--r-card);background:var(--c-surface);color:var(--c-ink-muted);font-size:var(--t-small);box-shadow:var(--shadow-pop);animation:pe-rise var(--d-base) var(--ease-out) both;line-height:1.5;display:grid;position:absolute;inset-block-end:max(var(--s-4), env(safe-area-inset-bottom));inset-inline:50%;translate:-50%}.pe__flash b{color:var(--c-danger);font-family:var(--f-display);font-size:var(--t-label);letter-spacing:.02em;text-transform:uppercase}@keyframes pe-rise{0%{opacity:0;translate:-50% 12px}to{opacity:1;translate:-50%}}.pe__scrim{z-index:var(--z-overlay);padding:var(--s-4);animation:pe-fade var(--d-fast) var(--ease-out) both;background:oklch(22% .06 264/.55);place-items:center;display:grid;position:absolute;inset:0}@keyframes pe-fade{0%{opacity:0}to{opacity:1}}.pe-keypad{gap:var(--s-3);inline-size:min(24rem,100%);animation:pe-rise-pad var(--d-fast) var(--ease-out) both;margin-inline:auto;display:grid}@keyframes pe-rise-pad{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.pe-keypad:focus{outline:none}.pe-keypad__head{align-items:center;gap:var(--s-2);display:flex}.pe-keypad__title{min-inline-size:0;color:var(--c-ink);font-family:var(--f-body);font-size:var(--t-small);text-align:center;flex:1;margin:0;font-weight:700}.pe-keypad__sub{color:var(--c-ink-faint);font-size:var(--t-label);font-weight:500;display:block}.pe-keypad__step{border:1px solid var(--c-panel-line);border-radius:var(--r-pill);background:var(--c-panel-surface);block-size:44px;inline-size:44px;color:var(--c-panel-ink);cursor:pointer;place-items:center;display:grid}.pe-keypad__step:hover{border-color:var(--c-accent)}.pe-keypad__readout{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-field);background:var(--c-bg-deep);display:flex}.pe-keypad__value{min-inline-size:0;color:var(--c-ink);font-variant-numeric:tabular-nums;flex:1;font-size:1.9rem;font-weight:700;line-height:1.6}.pe-keypad__unit{color:var(--c-ink-faint);font-size:var(--t-small)}.pe-keypad__aside{gap:var(--s-2);margin-inline-start:auto;display:flex}.pe-keypad__grid{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.pe-key{border:1px solid var(--c-line);border-radius:var(--r-field);background:var(--c-surface-hi);min-block-size:46px;color:var(--c-ink);cursor:pointer;transition:background var(--d-fast) var(--ease-out);place-items:center;font-size:1.15rem;font-weight:600;display:grid}.pe-key:hover:not(:disabled){background:color-mix(in oklab, var(--c-accent) 22%, var(--c-surface-hi))}.pe-key:active:not(:disabled){scale:.96}.pe-key--muted{color:var(--c-ink-muted)}.pe-key:disabled{opacity:.35;cursor:default}.pe-keypad__hint{color:var(--c-ink-faint);font-size:var(--t-label);text-align:center;margin:0;line-height:1.4}.pe-keypad__acts{gap:var(--s-3);display:flex}.pe__btn--go{background:var(--c-accent);color:var(--c-on-accent);border-color:#0000;flex:1.6;font-weight:700}.pe__btn--go:hover:not(:disabled){background:var(--c-accent-strong)}.pe__btn--go:disabled{background:var(--c-panel-surface);color:var(--c-ink-faint);cursor:default}.pe__btn--wide{justify-content:center;align-items:center;gap:var(--s-2);inline-size:100%;display:flex}@media (height>=46rem){.pe-key{min-block-size:52px}.pe-keypad__value{font-size:2.1rem}}@media (height<=44rem){.pe__body:has(.pe__dock--pad) .pe__status{display:none}.pe__body:has(.pe__dock--pad) .pe__canvas{padding-block-start:var(--s-3)}.pe-keypad{gap:var(--s-2)}.pe-key{min-block-size:42px}.pe-keypad__sub{display:none}.pe-keypad__value{font-size:1.6rem;line-height:1.4}.pe-keypad__readout{padding-block:var(--s-1)}.pe-keypad__step{block-size:40px;inline-size:40px}}.pe__confirm{inline-size:min(360px,100%);padding:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-card);background:var(--c-surface);box-shadow:var(--shadow-pop);animation:pe-pop var(--d-base) var(--ease-out) both}.pe__confirmTitle{margin:0 0 var(--s-2);color:var(--c-ink);font-family:var(--f-display);font-size:var(--t-h3);letter-spacing:var(--ls-display);line-height:1.15}.pe__confirmBody{margin:0 0 var(--s-5);color:var(--c-ink-muted);font-size:var(--t-small);line-height:1.55}.pe__confirmRow{gap:var(--s-3);display:flex}.pe__btn{border:1px solid var(--c-line-strong);border-radius:var(--r-pill);min-block-size:44px;color:var(--c-ink);font-family:var(--f-body);font-size:var(--t-small);cursor:pointer;background:0 0;flex:1;font-weight:600}.pe__btn--danger{background:var(--c-danger);color:var(--c-on-accent);border-color:#0000}.pe-tour{z-index:var(--z-toast);overscroll-behavior:contain;padding:var(--s-4);background:oklch(22% .06 264/.62);align-content:safe center;justify-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.pe-tour__card{inline-size:min(420px,100%);padding:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-card);background:var(--c-surface);box-shadow:var(--shadow-pop);text-align:center}.pe-illo{aspect-ratio:240/132;block-size:auto;inline-size:100%;margin-bottom:var(--s-4);border-radius:var(--r-field);background:var(--c-bg-deep)}.pe-illo__gridline{stroke:oklch(35% .07 262/.08);stroke-width:1px}.pe-illo__wall{stroke:var(--c-accent-strong);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.pe-illo__face{fill:color-mix(in oklab, var(--c-brand) 15%, transparent)}.pe-illo__wall--draw{stroke-dasharray:200;animation:pe-illo-draw 2.4s var(--ease-out) infinite}@keyframes pe-illo-draw{0%{stroke-dashoffset:200px}55%,to{stroke-dashoffset:0}}.pe-illo__ghost{fill:none;stroke:oklch(35% .07 262/.34);stroke-width:1.5px;stroke-dasharray:5 5}.pe-illo__dot{fill:var(--c-light);stroke:var(--c-brand);stroke-width:1.5px}.pe-illo__dot--active{fill:var(--c-ok)}.pe-illo__dot--danger{fill:var(--c-danger)}.pe-illo__label{fill:var(--c-ink-muted);font-family:var(--f-mono);font-size:11px;font-weight:600}.pe-illo__pill rect{fill:var(--c-bg-deep);stroke:var(--c-accent);stroke-width:1px}.pe-illo__pill text{fill:var(--c-ink);font-family:var(--f-mono);font-size:11px;font-weight:600}.pe-illo__pointerShape{fill:oklch(100% 0 0);stroke:oklch(20% .02 258);stroke-width:1px}.pe-illo__cursor{animation:pe-illo-tap 2.4s var(--ease-out) infinite}@keyframes pe-illo-tap{0%,45%{opacity:0}55%,92%{opacity:1}to{opacity:0}}.pe-illo__cursor--drag{animation:pe-illo-drag 2.6s var(--ease-in-out) infinite}@keyframes pe-illo-drag{0%,to{translate:0}50%{translate:18px}}.pe-illo__hold{fill:none;stroke:var(--c-danger);stroke-width:2px;stroke-dasharray:69;animation:2.4s linear infinite pe-illo-hold}@keyframes pe-illo-hold{0%{stroke-dashoffset:69px}60%,to{stroke-dashoffset:0}}.pe-tour__title{margin:0 0 var(--s-2);color:var(--c-ink);font-family:var(--f-display);font-size:var(--t-h3);letter-spacing:var(--ls-display);line-height:1.1}.pe-tour__aside{color:var(--c-ink-faint);font-family:var(--f-body);font-size:var(--t-label);letter-spacing:0;margin-block-start:var(--s-1);font-weight:500;display:block}.pe-tour__body{margin:0 0 var(--s-5);color:var(--c-ink-muted);font-size:var(--t-small);text-wrap:pretty;line-height:1.6}.pe-tour__nav{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.pe-tour__dots{gap:var(--s-2);display:flex}.pe-tour__dots span{background:var(--c-line-strong);block-size:7px;inline-size:7px;transition:background var(--d-fast) var(--ease-out), scale var(--d-fast) var(--ease-out);border-radius:50%}.pe-tour__dots .is-current{background:var(--c-accent);scale:1.25}.pe-tour__buttons{gap:var(--s-2);display:flex}.pe-tour__step{min-block-size:44px;min-inline-size:44px;padding-inline:var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);color:var(--c-ink);font-family:var(--f-body);font-size:var(--t-small);cursor:pointer;background:0 0;font-weight:600}.pe-tour__step:disabled{opacity:.3;cursor:default}.pe-tour__step--go{background:var(--c-accent);color:var(--c-on-accent);border-color:#0000}.pe-tour__skip{color:var(--c-ink-faint);font-size:var(--t-label);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-block-start:var(--s-4);text-decoration:underline}.shape{block-size:100%;inline-size:100%;display:block}.shape__face{fill:color-mix(in oklab, var(--c-brand) 15%, transparent)}.shape__wall line{stroke:var(--c-accent-strong);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--c-brand) 55%, transparent))}.shape__wall.is-active line{stroke:var(--c-light);stroke-width:5px}.shape__wall text{fill:var(--c-ink);font-family:var(--f-mono);paint-order:stroke;stroke:var(--c-bg-deep);stroke-width:4px;stroke-linejoin:round;font-weight:600}.shape__wall.is-active text{fill:var(--c-light)}.shape__wall.is-auto line{stroke:color-mix(in oklab, var(--c-accent) 70%, transparent);stroke-dasharray:2 8;stroke-linecap:butt;stroke-width:2.5px;filter:none}.shape__wall.is-auto text{fill:var(--c-accent)}.shape__gap{stroke:var(--c-danger);stroke-width:2px;stroke-dasharray:10 10;vector-effect:non-scaling-stroke}.shape__diag line{stroke:oklch(35% .07 262/.34);stroke-width:1.5px;stroke-dasharray:8 8;vector-effect:non-scaling-stroke}.shape__diag text{fill:var(--c-ink-faint);font-family:var(--f-mono)}.shape__corner circle{fill:var(--c-light);stroke:var(--c-brand);stroke-width:1.5px;vector-effect:non-scaling-stroke}.shape__corner text{fill:var(--c-ink-muted);font-family:var(--f-mono);font-weight:600}.shape__corner .shape__angle{fill:var(--c-ink-faint)}.shape__end{fill:none;stroke:var(--c-danger);stroke-width:2.5px;vector-effect:non-scaling-stroke}.shape--pickable{touch-action:manipulation}.shape__pick{stroke:#0000;stroke-linecap:butt;cursor:pointer}.pe__true{z-index:var(--z-raised);inline-size:min(12rem,38%);padding:var(--s-2) var(--s-3) var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-card);background:color-mix(in oklab, var(--c-surface) 96%, transparent);pointer-events:none;margin:0;position:absolute;inset-block-end:var(--s-3);inset-inline-start:var(--s-3)}.pe__true figcaption{color:var(--c-ink-faint);font-size:var(--t-label);margin-block-end:var(--s-1);line-height:1.3}.pe__true .shape{block-size:6rem}@media (width<=47.99rem){.pe__true{inline-size:min(8.5rem,32%);padding:var(--s-2)}.pe__true figcaption{font-size:.6875rem}.pe__true .shape{block-size:4.25rem}}.chain__head{gap:var(--s-3);display:grid}.chain__title{font-family:var(--f-display);font-size:var(--t-label);letter-spacing:.04em;text-transform:uppercase;color:var(--c-ink-faint);margin:0;font-weight:700}.chain__lead{color:var(--c-ink-muted);font-size:var(--t-small);margin:0;line-height:1.45}.chain__forms{gap:var(--s-2);scrollbar-width:none;margin-inline:calc(-1 * var(--s-4));padding-inline:var(--s-4);display:flex;overflow-x:auto}.chain__forms::-webkit-scrollbar{display:none}.chain__form{align-items:center;gap:var(--s-2);min-block-size:44px;padding-inline:var(--s-3);border:1px solid var(--c-panel-line);border-radius:var(--r-pill);background:var(--c-panel-surface);color:var(--c-panel-ink);font-family:var(--f-body);font-size:var(--t-label);white-space:nowrap;cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), background var(--d-fast) var(--ease-out);flex:none;font-weight:600;display:flex}.chain__form:hover{border-color:var(--c-accent);background:var(--c-panel-surface-hi)}.chain__form svg{color:var(--c-accent-strong)}.chain__list{gap:var(--s-2);margin:var(--s-4) 0 0;padding:0;list-style:none;display:grid}.wall{border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-surface);transition:border-color var(--d-fast) var(--ease-out)}.wall.is-active{border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 10%, var(--c-panel-surface))}.wall--tap .wall__open{align-items:center;gap:var(--s-2);min-block-size:54px;inline-size:100%;padding-inline:var(--s-3);border-radius:var(--r-field);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:2.4rem minmax(0,1fr) 2.2rem 2.9rem;display:grid}.wall--tap .wall__value{justify-content:start}.wall__row{align-items:center;gap:var(--s-2);padding:var(--s-3);flex-wrap:wrap;display:flex}.wall--auto{align-items:center;gap:var(--s-2);min-block-size:48px;padding:var(--s-2) var(--s-3);border-style:dashed;border-inline-start:2px solid var(--c-accent);background:0 0;grid-template-columns:2.4rem minmax(0,1fr) auto;display:grid}.wall--auto .wall__fixed,.wall--auto .wall__angle{display:none}@media (width>=48rem){.wall--auto{grid-template-columns:2.4rem minmax(0,1fr) 2.2rem 2.9rem auto}.wall--auto .wall__fixed,.wall--auto .wall__angle{display:grid}.wall--auto .wall__angle{display:block}}.wall__name{min-inline-size:2.4rem;font-family:var(--f-mono);font-weight:700;font-size:var(--t-small);color:var(--c-ink-muted)}.wall__value{align-items:baseline;gap:var(--s-1);min-inline-size:0;font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--c-panel-ink);flex:1;font-size:1.1rem;font-weight:700;display:flex}.wall__unit{color:var(--c-panel-ink-muted);font-family:var(--f-body);font-size:var(--t-label);font-weight:500}.wall__field{align-items:center;gap:var(--s-1);min-inline-size:0;padding-inline:var(--s-3);border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-bg);flex:0 5.5rem;display:flex}.wall__field:focus-within{border-color:var(--c-accent)}.wall__input{inline-size:100%;min-inline-size:0;padding-block:var(--s-2);color:var(--c-panel-ink);font-family:var(--f-mono);appearance:textfield;background:0 0;border:0;font-size:1.05rem;font-weight:600}.wall__input:focus{outline:none}.wall__input::-webkit-outer-spin-button,.wall__input::-webkit-inner-spin-button{appearance:none;margin:0}.wall__pad{border:1px solid var(--c-panel-line);border-radius:var(--r-field);grid-template-areas:".up.""left.right"".down.";gap:1px;padding:2px;display:grid}.wall__dir{border-radius:calc(var(--r-field) - 4px);block-size:28px;inline-size:28px;color:var(--c-panel-ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.wall__dir:first-child{grid-area:right}.wall__dir:nth-child(2){grid-area:down}.wall__dir:nth-child(3){grid-area:left}.wall__dir:nth-child(4){grid-area:up}.wall__dir:hover:not(:disabled){background:var(--c-panel-surface-hi);color:var(--c-panel-ink)}.wall__dir.is-on{background:var(--c-accent);color:var(--c-on-accent)}.wall__dir:disabled{opacity:.18;cursor:default}.wall__fixed{block-size:32px;min-inline-size:2.2rem;color:var(--c-panel-ink-muted);place-items:center;display:grid}.wall__skew{block-size:32px;min-inline-size:2.2rem;color:var(--c-accent);place-items:center;font-size:1.15rem;line-height:1;display:grid}.wall__badge{padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);background:color-mix(in oklab, var(--c-accent) 18%, transparent);color:var(--c-accent);font-size:var(--t-label);white-space:nowrap;margin-inline-start:auto;font-weight:600}.wall__badge--skew{text-align:center;inline-size:84px;margin-inline-start:0}.wall__angle{min-inline-size:2.9rem;font-family:var(--f-mono);font-size:var(--t-small);text-align:end;color:var(--c-ink-muted);font-weight:700}.wall__angle.is-reflex{color:var(--c-light)}.wall--auto .wall__name,.wall--auto .wall__value,.wall--auto .wall__angle{color:var(--c-panel-ink-muted)}.wall__acts{gap:2px;margin-inline-start:auto;display:flex}.wall__acts button{border-radius:var(--r-field);block-size:32px;inline-size:32px;color:var(--c-panel-ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.wall__acts button:hover:not(:disabled){background:var(--c-panel-surface-hi);color:var(--c-panel-ink)}.wall__acts button:disabled{opacity:.3;cursor:default}.wall__corner{align-items:center;gap:var(--s-3);padding:0 var(--s-3) var(--s-3);flex-wrap:wrap;display:flex}.wall__check{align-items:center;gap:var(--s-2);min-block-size:32px;color:var(--c-panel-ink-muted);font-size:var(--t-label);cursor:pointer;display:flex}.wall__check input{appearance:none;border:1px solid var(--c-line-strong);background:var(--c-panel-bg);cursor:pointer;block-size:22px;inline-size:22px;transition:background var(--d-fast) var(--ease-out), border-color var(--d-fast) var(--ease-out);border-radius:6px;flex:none;margin:0}.wall__check input:checked{background:var(--c-accent)  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101a24' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px 16px no-repeat;border-color:#0000}.wall__check input:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.wall__field--diag{flex:12rem}.wall__diagName{color:var(--c-panel-ink-muted);font-size:var(--t-label);white-space:nowrap}.chain__actions{gap:var(--s-3);margin-block-start:var(--s-4);display:flex}.chain__hint{color:var(--c-ink-faint);font-size:var(--t-label);margin-block-start:var(--s-4);line-height:1.5}.chain__link{color:var(--c-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chain__foot{padding-block:var(--s-3);background:linear-gradient(to top, var(--c-panel-bg) 72%, transparent);margin-block-start:var(--s-5);position:sticky;inset-block-end:0}.chain__foot .pe__done{inline-size:100%;max-inline-size:none}.card__dir{border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-surface);block-size:44px;inline-size:44px;color:var(--c-panel-ink-muted);cursor:pointer;place-items:center;display:grid}.card__dir.is-on{background:var(--c-accent);color:var(--c-on-accent);border-color:#0000}.card__note{color:var(--c-ink-faint);font-size:var(--t-label);text-align:end;margin:0}.card__row{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;min-block-size:40px;display:flex}.card__row .wall__check{flex:auto;min-block-size:40px;min-inline-size:0}.card__drop{border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-surface);block-size:40px;inline-size:40px;color:var(--c-panel-ink-muted);cursor:pointer;place-items:center;margin-inline-start:auto;display:grid}.card__drop:hover:not(:disabled){background:color-mix(in oklab, var(--c-danger) 18%, transparent);color:var(--c-danger)}.card__drop:disabled{opacity:.3;cursor:default}.card__chip{min-block-size:40px;padding-inline:var(--s-3);border:1px solid var(--c-panel-line);border-radius:var(--r-pill);background:var(--c-panel-surface);color:var(--c-panel-ink-muted);font-family:var(--f-body);font-size:var(--t-label);cursor:pointer;font-weight:600}.card__chip.is-on{border-color:var(--c-accent);color:var(--c-ink)}@media (width<=47.99rem){.chain__title,.chain__hint{display:none}}@media (width>=48rem) and (width<=59.99rem){.pe__dock{align-items:center}.pe__dock>*{inline-size:min(34rem,100%)}}@media (width>=60rem){.pe__body--split{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(23rem,32vw,30rem)}.pe__body--split .pe__dock{border-block-start:0;border-inline-start:1px solid var(--c-line);max-block-size:none;padding:var(--s-5) var(--s-5) 0}.pe__canvas{padding:calc(var(--s-4) + 46px) var(--s-5) var(--s-6)}}@media (prefers-reduced-motion:reduce){.pe__diag--wanted .pe__diagLine,.pe__diag.is-active .pe__diagLine,.pe__closeRing,.pe-illo__wall--draw,.pe-illo__cursor,.pe-illo__cursor--drag,.pe-illo__hold,.pe__flash,.pe-keypad,.pe__confirm,.pe__scrim{animation:none}}.pe__scrim--top{z-index:10000;position:fixed}.cfg{gap:var(--s-5);align-items:start;display:grid}.cfg__side{gap:var(--s-5);display:grid}@media (width>=64rem){.cfg{gap:var(--s-6);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.cfg__side{top:var(--s-5);position:sticky}}.card{padding:clamp(var(--s-4), 2.2vw, var(--s-6));border:1px solid var(--c-panel-line);border-radius:var(--r-card);background:var(--c-panel-surface)}.rooms{margin-bottom:var(--s-4)}.rooms__tabs{gap:var(--s-2);flex-wrap:wrap;display:flex}.room{padding:var(--s-2) var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:color-mix(in oklab, var(--c-panel-surface) 70%, transparent);color:var(--c-panel-ink-muted);text-align:start;cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);flex-direction:column;gap:2px;display:flex}.room:hover{border-color:var(--c-line-strong)}.room.is-active{border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 12%, transparent);color:var(--c-panel-ink)}.room__name{font-size:var(--t-small);font-weight:700}.room__meta{font-size:var(--t-label);color:var(--c-panel-ink-muted)}.rooms__add{min-width:44px;padding:var(--s-2) var(--s-4);border:1px dashed var(--c-line-strong);border-radius:var(--r-field);color:var(--c-accent-strong);cursor:pointer;background:0 0;font-size:1.25rem;font-weight:700;line-height:1}.rooms__add:hover{border-color:var(--c-accent)}.rooms__actions{align-items:baseline;gap:var(--s-2) var(--s-5);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.rooms__reset{color:var(--c-panel-ink-muted);font-size:var(--t-label);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline dotted}.rooms__reset:hover,.rooms__reset.is-armed{color:var(--c-danger)}.rooms__reset.is-armed{font-weight:600;text-decoration:none}.rooms__remove{color:var(--c-panel-ink-muted);font-size:var(--t-label);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline dotted}.rooms__remove:hover{color:var(--c-danger)}.step+.step,.step+.gate>.step:first-child,.limit+.gate>.step:first-child{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--c-panel-line)}.is-locked{opacity:.45;user-select:none;transition:opacity var(--d-fast) var(--ease-out)}.is-locked .pick,.is-locked .sample,.is-locked .thumb,.is-locked .preview{filter:grayscale()}.limit{margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border:1px solid color-mix(in oklab, var(--c-danger) 45%, transparent);border-radius:var(--r-field);background:color-mix(in oklab, var(--c-danger) 7%, transparent);border-left-width:4px}.limit__title{font-size:var(--t-small);color:var(--c-panel-ink);font-weight:700}.limit__text{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.6}.limit__btn{margin-top:var(--s-4)}.step__head{justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.step__title{font-family:var(--f-body);font-size:var(--t-small);letter-spacing:0;text-transform:none;color:var(--c-panel-ink);font-weight:700}.step__hint{margin-top:var(--s-3);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.6}.step__dims{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.step__row{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.step__row .ghost{flex:14rem}.dim__label{margin-bottom:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);display:block}.dim__row{align-items:center;gap:var(--s-2);padding:0 var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-bg);transition:border-color var(--d-fast) var(--ease-out);display:flex}.dim__row:focus-within{border-color:var(--c-accent)}.dim__input{width:100%;min-height:52px;color:var(--c-panel-ink);background:0 0;border:0;font-size:1.15rem;font-weight:600}.dim__input:focus{outline:none}.dim__input::-webkit-outer-spin-button,.dim__input::-webkit-inner-spin-button{appearance:none;margin:0}.dim__input{appearance:textfield}.dim__row--compact{flex:none;width:8.5rem}.dim__row--compact .dim__input{min-height:44px;font-size:1rem}.dim__unit{font-size:var(--t-label);color:var(--c-panel-ink-muted);flex:none}.ghost{justify-content:center;align-items:center;gap:var(--s-2);width:100%;min-height:48px;margin-top:var(--s-3);padding:0 var(--s-4);border:1px solid color-mix(in oklab, var(--c-accent) 55%, transparent);border-radius:var(--r-field);background:color-mix(in oklab, var(--c-accent) 9%, transparent);color:var(--c-accent-strong);font-size:var(--t-small);cursor:pointer;transition:background-color var(--d-fast) var(--ease-out), border-color var(--d-fast) var(--ease-out);font-weight:700;display:inline-flex}.ghost:hover{border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 16%, transparent)}.link{color:var(--c-accent-strong);font-size:var(--t-label);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline dotted}.link:hover{text-decoration-style:solid}.picker{justify-content:space-between;align-items:center;gap:var(--s-4);width:100%;margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:color-mix(in oklab, var(--c-panel-surface-hi) 65%, transparent);text-align:start;cursor:pointer;transition:border-color var(--d-fast) var(--ease-out);display:flex}.picker:hover{border-color:var(--c-accent)}.picker__body{min-width:0;display:block}.picker__value{font-size:var(--t-small);color:var(--c-panel-ink);font-weight:700;display:block}.picker__hint{font-size:var(--t-label);color:var(--c-panel-ink-muted);margin-top:3px;line-height:1.45;display:block}.picker__action{font-size:var(--t-label);color:var(--c-accent-strong);flex:none;font-weight:700}.sample{background-color:oklch(95% .005 240);background-image:var(--sample-photo,url(/calc/texture-matte.jpg));background-position:50%;background-size:cover;display:block;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.06)}.sample[data-material=satin]{--sample-photo:url(/calc/texture-satin.jpg)}.sample[data-material=gloss]{--sample-photo:url(/calc/texture-gloss.jpg)}.sample[data-material=bauf]{--sample-photo:url(/calc/texture-bauf.jpg)}.sample[data-color=color]{background-image:linear-gradient(150deg, oklch(72% .13 245), oklch(55% .15 262)), var(--sample-photo,url(/calc/texture-matte.jpg));background-blend-mode:multiply, normal}.picker__sample{aspect-ratio:4/3;border-radius:10px;flex:none;width:72px}.picker__body{flex:1}.picks{gap:var(--s-2);margin:var(--s-3) 0 0;border:0;padding:0;display:grid}.pick,.kit{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field);cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), background-color var(--d-fast) var(--ease-out);display:flex;position:relative}.pick:hover,.kit:hover{border-color:var(--c-line-strong)}.pick__radio,.kit__box,.swatch__radio,.seg__radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pick__mark,.kit__mark{border:1.5px solid var(--c-line-strong);width:20px;height:20px;transition:border-color var(--d-fast) var(--ease-out);border-radius:50%;flex:none;margin-top:2px}.pick:has(.pick__radio:checked),.kit:has(.kit__box:checked){border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 10%, transparent)}.pick:has(.pick__radio:focus-visible),.kit:has(.kit__box:focus-visible),.swatch:has(.swatch__radio:focus-visible){outline:2px solid var(--c-accent-strong);outline-offset:2px}.pick:has(.pick__radio:checked) .pick__mark,.kit:has(.kit__box:checked) .kit__mark{border-color:var(--c-accent);background:radial-gradient(circle at 50% 50%, var(--c-accent-strong) 0 45%, transparent 46%)}.pick.is-off{cursor:not-allowed;border-style:dashed}.pick.is-off:hover{border-color:var(--c-panel-line)}.pick.is-off .pick__mark,.pick.is-off .pick__name,.pick.is-off .pick__hint{opacity:.5}.pick__off{font-size:var(--t-label);color:var(--c-panel-ink);margin-top:4px;line-height:1.45;display:block}.pick__body,.kit__body{min-width:0;display:block}.pick__name,.kit__name{font-size:var(--t-small);color:var(--c-panel-ink);font-weight:600;display:block}.pick__hint,.kit__hint{font-size:var(--t-label);color:var(--c-panel-ink-muted);margin-top:2px;line-height:1.45;display:block}.pick--cold,.pick--soft,.pick--hot,.pick--cold:has(.pick__radio:checked),.pick--soft:has(.pick__radio:checked),.pick--hot:has(.pick__radio:checked){background:var(--pick-base)}.pick--cold:after,.pick--soft:after,.pick--hot:after{content:"";width:var(--pick-art-w);background:linear-gradient(90deg, var(--pick-base), transparent 45%), var(--pick-art) right center / cover no-repeat;pointer-events:none;position:absolute;inset:0 0 0 auto}.pick--cold>:not(input),.pick--soft>:not(input),.pick--hot>:not(input){z-index:1;position:relative}.pick--cold,.pick--soft,.pick--hot{--pick-art-w:220px;min-height:calc(var(--pick-art-w) * .5625);padding-right:calc(var(--pick-art-w) * .45);border-color:var(--pick-line);overflow:hidden}.pick--cold{--pick-art:url(/calc/stretch-cold.jpg);--pick-base:#e3edfc;--pick-line:#b8d0f7}.pick--soft{--pick-art:url(/calc/stretch-soft.jpg);--pick-base:#e0f3e1;--pick-line:#b9e2bf}.pick--hot{--pick-art:url(/calc/stretch-hot.jpg);--pick-base:#fde3e2;--pick-line:#f4bcbc}.pick--cold:hover,.pick--soft:hover,.pick--hot:hover{border-color:color-mix(in oklab, var(--pick-line), #000 15%)}.pick--cold:has(.pick__radio:checked),.pick--soft:has(.pick__radio:checked),.pick--hot:has(.pick__radio:checked){border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.pick--cold .pick__mark,.pick--soft .pick__mark,.pick--hot .pick__mark,.pick--cold:has(.pick__radio:checked) .pick__mark,.pick--soft:has(.pick__radio:checked) .pick__mark,.pick--hot:has(.pick__radio:checked) .pick__mark{background-color:#fff}.pick--cold .pick__hint,.pick--soft .pick__hint,.pick--hot .pick__hint{color:var(--c-panel-ink);opacity:.78}.pick--cold.is-off,.pick--soft.is-off,.pick--hot.is-off{filter:grayscale()}.seg{margin:0 0 var(--s-5);border:0;padding:0}.seg__legend{margin-bottom:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);padding:0}.seg__row{gap:var(--s-2);flex-wrap:wrap;display:flex}.seg__opt{cursor:pointer}.seg__face{min-height:40px;padding:0 var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-pill);font-size:var(--t-small);color:var(--c-panel-ink-muted);transition:border-color var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);align-items:center;font-weight:600;display:inline-flex}.seg__opt:hover .seg__face{border-color:var(--c-line-strong)}.seg__opt:has(.seg__radio:checked) .seg__face{border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 14%, transparent);color:var(--c-panel-ink)}.seg__opt:has(.seg__radio:focus-visible) .seg__face{outline:2px solid var(--c-accent-strong);outline-offset:2px}.adv{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-panel-line)}.adv__head{align-items:center;gap:var(--s-2);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--c-panel-ink-muted);cursor:pointer;font-weight:700;list-style:none;display:flex}.adv__head::-webkit-details-marker{display:none}.adv__head:after{content:"";width:8px;height:8px;transition:transform var(--d-fast) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translate(-2px,-2px)}.adv[open] .adv__head:after{transform:rotate(225deg)translate(-2px,-2px)}.adv__body{gap:var(--s-2);margin-top:var(--s-4);display:grid}.opt{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field);transition:border-color var(--d-fast) var(--ease-out);display:flex}.opt.is-on{border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 8%, transparent)}.opt--fixed{background:color-mix(in oklab, var(--c-panel-surface-hi) 55%, transparent);margin:0}.opt__body{cursor:pointer;flex:1;min-width:0;display:block}.opt__name{overflow-wrap:break-word;hyphens:auto;font-size:var(--t-small);color:var(--c-panel-ink);font-weight:600;display:block}.opt__hint{font-size:var(--t-label);color:var(--c-panel-ink-muted);margin-top:2px;line-height:1.45;display:block}.opt__count{color:var(--c-panel-ink);flex:none;font-size:1.1rem;font-weight:600}.stepper{align-items:center;gap:var(--s-1);flex:none;display:flex}.stepper__btn{border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-bg);width:36px;height:36px;color:var(--c-panel-ink);cursor:pointer;transition:border-color var(--d-fast) var(--ease-out);font-size:1.1rem;line-height:1}.stepper__btn:hover:not([disabled]){border-color:var(--c-accent)}.stepper__btn[disabled]{opacity:.4;cursor:default}.stepper__input{border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-bg);width:3.25rem;height:36px;color:var(--c-panel-ink);text-align:center;appearance:textfield}.stepper__input::-webkit-outer-spin-button,.stepper__input::-webkit-inner-spin-button{appearance:none;margin:0}.opt__inputs{justify-content:flex-end;align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;flex:none;display:flex}.stepper__label{margin-right:var(--s-1);font-size:var(--t-label);color:var(--c-panel-ink-muted)}.stepper__input--size{width:4.5rem}.stepper__input--tier{width:6.5rem}.stepper__input--size::placeholder{font-size:var(--t-label);color:var(--c-ink-faint)}.stepper__unit{font-size:var(--t-label);color:var(--c-panel-ink-muted)}.facts{gap:var(--s-3);margin:var(--s-3) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.facts--wide{margin-top:var(--s-5);padding-block:var(--s-4);border-top:1px solid var(--c-panel-line);border-bottom:1px solid var(--c-panel-line)}.facts dt{font-size:var(--t-label);color:var(--c-panel-ink-muted)}.facts dd{color:var(--c-panel-ink);margin:2px 0 0;font-size:1.05rem;font-weight:600}.sum__title{font-family:var(--f-body);font-size:var(--t-small);letter-spacing:.06em;text-transform:uppercase;color:var(--c-panel-ink-muted);font-weight:700}.sum__sub{margin-top:var(--s-5);font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--c-panel-ink-muted);font-weight:700}.spec{margin:var(--s-2) 0 0;padding:0;list-style:none}.spec__row{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding-block:var(--s-3);border-bottom:1px solid var(--c-panel-line);font-size:var(--t-small);display:flex}.spec__row:last-child{border-bottom:0}.spec__name{color:var(--c-panel-ink)}.spec__qty{color:var(--c-panel-ink-muted);white-space:nowrap;flex:none}.note{margin-top:var(--s-4);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.6}.note--empty{padding:var(--s-4);border:1px dashed var(--c-line-strong);border-radius:var(--r-field);text-align:center}.grand{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-panel-line)}.grand__row{justify-content:space-between;align-items:baseline;gap:var(--s-4);font-size:var(--t-small);color:var(--c-panel-ink);font-weight:700;display:flex}.grand__count{margin-left:var(--s-2);color:var(--c-panel-ink-muted);font-weight:500}.grand__meta{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted)}.saved-note{margin-top:var(--s-3);font-size:var(--t-label);color:var(--c-panel-ink-muted)}.saved-note span{color:var(--c-ok);font-weight:800}.grand__warn{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-danger)}.pay__label{font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--c-panel-ink-muted);font-weight:700}.pay__total{margin-top:var(--s-2);font-family:var(--f-display);font-size:var(--t-h3);color:var(--c-panel-ink);font-weight:800;line-height:1.1}.pay__total--empty{color:var(--c-ink-faint)}.pay__hint{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.55}.pay__min{margin-top:var(--s-2);font-size:var(--t-label);text-align:center;color:var(--c-panel-ink-muted);line-height:1.55}.pay__min.is-short{color:var(--c-panel-ink);font-weight:600}.pay .btn{margin-top:var(--s-5)}.pay .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pay__done{margin-top:var(--s-5);font-size:var(--t-small);color:var(--c-panel-ink-muted);line-height:1.6}.pay__doneTitle{margin-bottom:var(--s-2);font-size:var(--t-lead);color:var(--c-ok);font-weight:700}.pay__acts{gap:var(--s-2);margin-top:var(--s-4);display:grid}.pay__copy{border:1px solid var(--c-panel-line);border-radius:var(--r-pill);min-block-size:44px;inline-size:100%;color:var(--c-panel-ink);font-family:var(--f-body);font-size:var(--t-small);cursor:pointer;background:0 0;font-weight:600}.pay__copy:hover{border-color:var(--c-accent)}.form__title{font-size:var(--t-lead);color:var(--c-panel-ink);font-weight:700}.form__lead{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.6}.field{margin-top:var(--s-4)}.field__label{margin-bottom:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);display:block}.field__optional{color:var(--c-ink-faint)}.field__input{width:100%;min-height:52px;padding:0 var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field);background:var(--c-panel-bg);color:var(--c-panel-ink);font-family:inherit;font-size:var(--t-body);transition:border-color var(--d-fast) var(--ease-out)}.field__input:focus{border-color:var(--c-accent);outline:none}.field__input--area{min-height:5rem;padding-block:var(--s-3);resize:vertical;line-height:1.5}.field__error{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-danger)}.form .btn{margin-top:var(--s-5)}.form__error{margin-top:var(--s-3);font-size:var(--t-label);color:var(--c-danger)}.form__hint,.form__note{margin-top:var(--s-3);font-size:var(--t-label);color:var(--c-ink-faint);line-height:1.55}.done__title{font-size:var(--t-lead);color:var(--c-ok);font-weight:700}.done p+p{margin-top:var(--s-3);font-size:var(--t-small);color:var(--c-panel-ink-muted)}.dlg{z-index:var(--z-modal);padding:var(--s-4);background:oklch(22% .06 264/.55);place-items:center;display:grid;position:fixed;inset:0}.dlg__panel{border:1px solid var(--c-panel-line);border-radius:var(--r-card);background:var(--c-panel-surface);width:min(100%,42rem);max-height:min(88vh,46rem);box-shadow:var(--shadow-pop);animation:dlg-in var(--d-base) var(--ease-out) both;flex-direction:column;display:flex}@keyframes dlg-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@media (prefers-reduced-motion:reduce){.dlg__panel{animation:none}}.dlg__head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-4);border-bottom:1px solid var(--c-panel-line);display:flex}.dlg__title{font-family:var(--f-body);font-size:var(--t-lead);color:var(--c-panel-ink);font-weight:700}.dlg__lead{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.55}.dlg__close{border:1px solid var(--c-panel-line);border-radius:var(--r-field);width:40px;height:40px;color:var(--c-panel-ink-muted);cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);background:0 0;flex:none;place-items:center;display:grid}.dlg__close:hover{border-color:var(--c-accent);color:var(--c-panel-ink)}.dlg__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.dlg__body{padding:var(--s-5);flex:1;overflow-y:auto}.dlg__foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-panel-line);justify-content:flex-end;display:flex}@media (width<=34rem){.dlg{place-items:end stretch;padding:0}.dlg__panel{border-radius:var(--r-card) var(--r-card) 0 0;width:100%;max-height:94dvh}.dlg__head{padding:var(--s-4) var(--s-4) var(--s-3)}.dlg__body{padding:var(--s-3)}.dlg__foot{padding:var(--s-3) var(--s-4) max(var(--s-3), env(safe-area-inset-bottom))}}.swatches{border:0;margin:0;padding:0}.swatches__legend{margin-bottom:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);padding:0}.swatches__grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=34rem){.swatches__grid{gap:var(--s-2)}}.swatch{align-content:start;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--c-panel-line);border-radius:var(--r-field);cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), background-color var(--d-fast) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.swatch:hover{border-color:var(--c-line-strong)}.swatch:has(.swatch__radio:checked){border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 10%, transparent)}.swatch{gap:0;padding:0;overflow:hidden}.swatch__face{aspect-ratio:4/3;border-bottom:1px solid var(--c-panel-line);box-shadow:none;transition:transform var(--d-fast) var(--ease-out)}.swatch__body{padding:var(--s-3)}.swatch__mark{top:var(--s-2);left:var(--s-2);z-index:1;border:1.5px solid var(--c-line-strong);background-color:var(--c-panel-bg);border-radius:50%;width:20px;height:20px;position:absolute;box-shadow:0 1px 3px oklch(0% 0 0/.18)}.swatch:has(.swatch__radio:checked) .swatch__mark{border-color:var(--c-accent);background:radial-gradient(circle at 50% 50%, var(--c-accent-strong) 0 45%, var(--c-panel-bg) 46%)}@media (width<=34rem){.swatch__body{padding:var(--s-2) var(--s-3) var(--s-3)}}.swatch__name{font-size:var(--t-small);color:var(--c-panel-ink);font-weight:600;display:block}.swatch__hint{font-size:var(--t-label);color:var(--c-panel-ink-muted);margin-top:2px;line-height:1.4;display:block}.kitGroups{gap:var(--s-3);grid-template-columns:minmax(0,1fr);display:grid}.kitGroup{min-width:0;padding:var(--s-3) var(--s-4);border:1px solid var(--c-panel-line);border-radius:var(--r-field)}.kitGroup__head{align-items:baseline;gap:var(--s-1) var(--s-3);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;list-style:none;display:grid}.kitGroup__head::-webkit-details-marker{display:none}.kitGroup__name{font-size:var(--t-small);color:var(--c-panel-ink);font-weight:700}.kitGroup__state{font-size:var(--t-label);color:var(--c-accent-strong);text-align:start;grid-area:2/1/auto/-1}.kitGroup__toggle{align-items:center;gap:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);white-space:nowrap;display:inline-flex}.kitGroup__toggle:after{content:"";width:7px;height:7px;transition:transform var(--d-fast) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translate(-2px,-2px)}.kitGroup[open] .kitGroup__toggle:after{transform:rotate(225deg)translate(-2px,-2px)}.kitGroup__head:hover .kitGroup__toggle{color:var(--c-panel-ink)}.kitGroup__less{display:none}.kitGroup[open] .kitGroup__less{display:inline}.kitGroup__hint{margin-top:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);line-height:1.5}.kitGroup__list{gap:var(--s-2);margin-top:var(--s-3);grid-template-columns:minmax(0,1fr);display:grid}.kitGroup .opt--length{margin-top:var(--s-3)}.kitGroup__list--addons{padding-top:var(--s-3);border-top:1px solid var(--c-panel-line)}.opt__reset{margin-top:var(--s-2)}.sticks{margin:var(--s-3) 0 0;padding:var(--s-3) 0 0;border:0;border-top:1px solid var(--c-panel-line)}.sticks__legend{margin-bottom:var(--s-2);font-size:var(--t-label);color:var(--c-panel-ink-muted);padding:0}.preview{margin:var(--s-4) 0 0}.preview svg{width:100%;max-width:22rem;height:auto;margin-inline:auto;display:block}.preview__wall{fill:var(--c-panel-ink-muted);font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.preview__caption{justify-content:center;gap:var(--s-2) var(--s-5);margin-top:var(--s-3);font-size:var(--t-small);color:var(--c-panel-ink-muted);flex-wrap:wrap;display:flex}.preview__caption b{color:var(--c-panel-ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.thumb{border:1px solid var(--c-panel-line);background:linear-gradient(150deg, color-mix(in oklab, var(--c-accent) 10%, var(--c-panel-bg)), var(--c-panel-bg));width:56px;height:56px;color:var(--c-accent-strong);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.thumb svg{width:40px;height:40px}.thumb img{object-fit:cover;width:100%;height:100%}.opt .thumb{margin-right:var(--s-1)}@media (width<=34rem){.kitGroup{padding:var(--s-3)}.kitGroup .opt{gap:var(--s-2) var(--s-3);padding:var(--s-3);flex-wrap:wrap}.kitGroup .opt__body{flex:1 1 0}.kitGroup .opt__inputs{flex:1 0 100%;justify-content:flex-end}.thumb{width:44px;height:44px}.thumb svg{width:32px;height:32px}}.kit:has(.thumb){align-items:center}.opt:has(.stepper__input--size){flex-wrap:wrap}.opt:has(.stepper__input--size) .opt__inputs{width:100%;padding-top:var(--s-3);border-top:1px dashed var(--c-panel-line);justify-content:space-between}@media (width>=40rem){.opt:has(.thumb):has(.stepper__input--size) .opt__inputs{padding-left:calc(56px + var(--s-4))}}@media (width<=34rem){.opt:has(.stepper__input--size) .opt__inputs{gap:var(--s-2);display:grid}.opt:has(.stepper__input--size) .stepper__label{margin-right:auto}.opt:has(.stepper__input--size) .stepper__btn,.opt:has(.stepper__input--size) .stepper__input{height:40px}.opt:has(.stepper__input--size) .stepper__btn{width:40px}.opt:has(.stepper__input--size) .stepper__unit{min-width:1.6rem}}.step__hint>p+p{margin-top:var(--s-2)}.kitGroup__list:has(.thumb--photo){grid-template-columns:repeat(2,minmax(0,1fr))}.kitGroup__list:has(.thumb--photo)>.kit:not(:has(.thumb)){grid-column:1/-1}.kit:has(.thumb--photo){flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.thumb--photo,.kit .thumb--photo,.opt .thumb--photo{aspect-ratio:4/3;border:0;border-bottom:1px solid var(--c-panel-line);background:oklch(100% 0 0);border-radius:0;width:100%;height:auto;margin:0}.thumb--photo img{transition:transform var(--d-fast) var(--ease-out)}.kit:hover .thumb--photo img{transform:scale(1.03)}.kit:has(.thumb--photo) .kit__mark{top:var(--s-2);left:var(--s-2);z-index:1;background-color:var(--c-panel-bg);margin:0;position:absolute;box-shadow:0 1px 3px oklch(0% 0 0/.18)}.kit:has(.thumb--photo) .kit__body{padding:var(--s-3)}.kit:has(.thumb--photo) .kit__name{line-height:1.3}@media (width<=34rem){.kitGroup__list:has(.thumb--photo){gap:var(--s-2)}.thumb--photo{width:100%;height:auto}.kit:has(.thumb--photo) .kit__body{padding:var(--s-2) var(--s-3) var(--s-3)}}.kitGroup__list:has(.thumb--photo) .thumb:not(.thumb--photo){aspect-ratio:4/3;border:0;border-bottom:1px solid var(--c-panel-line);border-radius:0;width:100%;height:auto;margin:0}.kitGroup__list:has(.thumb--photo)>.kit:has(.thumb):not(:has(.thumb--photo)){flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.kitGroup__list:has(.thumb--photo)>.kit:has(.thumb):not(:has(.thumb--photo)) .kit__mark{top:var(--s-2);left:var(--s-2);z-index:1;background-color:var(--c-panel-bg);margin:0;position:absolute}.kitGroup__list:has(.thumb--photo)>.kit:has(.thumb):not(:has(.thumb--photo)) .kit__body{padding:var(--s-3)}.kitGroup__list:has(.thumb--photo)>.opt,.kitGroup .kitGroup__list:has(.thumb--photo)>.opt{flex-flow:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0;overflow:hidden}.kitGroup__list:has(.thumb--photo)>.opt .opt__body{padding:var(--s-3) var(--s-3) var(--s-2);flex:none}.kitGroup__list:has(.thumb--photo)>.opt .opt__inputs,.kitGroup .kitGroup__list:has(.thumb--photo)>.opt .opt__inputs{justify-items:start;gap:var(--s-2);width:auto;padding:0 var(--s-3) var(--s-3);border-top:0;flex:none;margin-top:auto;display:grid}.kitGroup__list:has(.thumb--photo)>.opt .stepper__label{min-width:3.4rem;margin-right:0}.opt:has(.thumb--photo):hover .thumb--photo img{transform:scale(1.03)}@media (width>=40rem){.kitGroup__list:has(.thumb--photo)>.opt:has(.stepper__input--size) .opt__inputs{padding-left:var(--s-3)}}@media (width<=34rem){.kitGroup__list:has(.thumb--photo)>.opt .opt__body{padding:var(--s-2) var(--s-3) var(--s-2)}.kitGroup__list:has(.thumb--photo)>.opt .stepper{gap:3px}.kitGroup__list:has(.thumb--photo)>.opt .stepper__btn,.kitGroup__list:has(.thumb--photo)>.opt:has(.stepper__input--size) .stepper__btn{width:30px;height:34px}.kitGroup__list:has(.thumb--photo)>.opt .stepper__input,.kitGroup__list:has(.thumb--photo)>.opt:has(.stepper__input--size) .stepper__input{width:2.6rem;height:34px}.kitGroup__list:has(.thumb--photo)>.opt .stepper__input--size{width:3.4rem}.kitGroup__list:has(.thumb--photo)>.opt .stepper__input--tier{width:5.6rem}.kitGroup__list:has(.thumb--photo)>.opt .stepper__label{flex-basis:100%;min-width:0}.kitGroup__list:has(.thumb--photo)>.opt .stepper{flex-wrap:wrap}}.kitGroup__list .opt .sizefield .stepper__input.sizefield__input{flex:0 5.5rem;width:5.5rem;min-width:0}.sizefield{gap:2px;display:grid}.sizefield__note{min-height:1.2em;font-size:var(--t-label);color:var(--c-accent-strong,var(--c-panel-ink));line-height:1.3}.sizefield__note:empty{display:none}
/*$vite$:1*/