.sr-stage{--sr-chrome:calc(4.5rem + 36px);--sr-gap:18px;height:calc(100svh - var(--sr-chrome));background:var(--color-ivory);min-height:560px;position:relative;overflow:hidden}.sr-viewport{position:absolute;inset:0}.sr-viewport canvas{touch-action:pan-y;display:block}.sr-hud{gap:var(--sr-gap);padding:var(--sr-gap);pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:minmax(230px,290px) 1fr minmax(290px,330px);display:grid;position:absolute;inset:0}.sr-hud>*{pointer-events:auto}.sr-plate,.sr-rack,.sr-bench,.sr-ticket,.sr-sheet{background:color-mix(in srgb, var(--color-card) 94%, transparent);border:1.75px solid var(--color-ink);border-radius:var(--sk-radius,16px);box-shadow:4px 4px #241f1821}.sr-plate{grid-area:1/1;place-self:start;max-width:100%;padding:12px 16px 13px}.sr-plate__back{letter-spacing:.1em;text-transform:uppercase;color:var(--color-stone);font-size:.72rem;font-weight:600;display:inline-block}.sr-plate__back:hover{color:var(--color-ink)}.sr-plate__title{font-family:var(--font-display);color:var(--color-ink);margin-top:2px;font-size:1.6rem;line-height:1.1}.sr-plate__sub{color:var(--color-stone);align-items:center;gap:6px;margin-top:4px;font-size:.8rem;display:flex}.sr-plate__sub strong{color:var(--color-ink);font-weight:600}.sr-plate__spec{color:var(--color-stone)}.sr-plate__cloth{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);color:var(--color-stone);text-align:left;align-items:center;gap:6px;margin-top:5px;padding:5px 9px;font-size:.78rem;display:flex}.sr-plate__cloth:hover{border-color:var(--color-ink)}.sr-plate__cloth strong{color:var(--color-ink);font-weight:600}.sr-plate__cloth[aria-expanded=true]{border-color:var(--color-vermilion)}.sr-plate__swap{font-family:var(--font-hand);color:var(--color-vermilion);white-space:nowrap;margin-left:2px;font-size:.92rem}.sr-dot{border:1.5px solid var(--color-line-strong);border-radius:999px;flex:none;width:.7rem;height:.7rem;display:inline-block}.sr-steps{border-top:1.5px dashed var(--color-line-strong);align-items:center;gap:4px;margin-top:8px;padding-top:8px;list-style:none;display:flex}.sr-step{border-radius:999px;align-items:center;gap:4px;padding:2px 6px 2px 2px;display:flex}.sr-step__n{border:1.5px solid var(--color-line-strong);width:17px;height:17px;color:var(--color-stone);border-radius:999px;place-items:center;font-size:.6rem;font-weight:700;display:grid}.sr-step__t{letter-spacing:.08em;text-transform:uppercase;color:var(--color-stone);font-size:.66rem;font-weight:700}.sr-step.is-done .sr-step__n{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ivory)}.sr-step.is-done .sr-step__t{color:var(--color-ink-soft)}.sr-step.is-now{background:color-mix(in srgb, var(--color-vermilion) 12%, transparent)}.sr-step.is-now .sr-step__n{background:var(--color-vermilion);border-color:var(--color-vermilion);color:#fff}.sr-step.is-now .sr-step__t{color:var(--color-vermilion)}.sr-step--help{margin-left:auto;padding:0}.sr-step--help button{border:1.5px solid var(--color-line-strong);width:20px;height:20px;color:var(--color-stone);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.sr-step--help button:hover{border-color:var(--color-ink);color:var(--color-ink)}.sr-sleeve{border-top:1.5px dashed var(--color-line-strong);margin-top:8px;padding-top:8px}.sr-sleeve__label{letter-spacing:.11em;text-transform:uppercase;color:var(--color-stone);font-size:.58rem;font-weight:700;display:block}.sr-seg--tight{margin-top:5px}.sr-seg--tight>button{padding:5px 4px;font-size:.66rem}.sr-guide{z-index:6;background:color-mix(in srgb, var(--color-card) 97%, transparent);border:1.75px solid var(--color-ink);border-radius:var(--sk-radius,16px);grid-area:2/2;place-self:end center;width:min(620px,100%);padding:14px 16px 15px;box-shadow:5px 5px #241f1829}.sr-guide__head{font-family:var(--font-display);color:var(--color-ink);font-size:1.15rem}.sr-guide__list{gap:7px;margin-top:8px;list-style:none;display:grid}.sr-guide__list li{color:var(--color-ink-soft);text-wrap:pretty;gap:8px;font-size:.8rem;line-height:1.45;display:flex}.sr-guide__list strong{color:var(--color-ink);font-weight:600}.sr-guide__n{background:var(--color-vermilion);color:#fff;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:.68rem;font-weight:700;display:grid}.sr-guide__ok{width:100%;margin-top:11px}.sr-rack{grid-area:1/3;align-self:start;padding:10px 12px 11px}.sr-rack .sr-bench__kicker{margin-bottom:6px}.sr-rack__chips{flex-wrap:wrap;gap:5px;display:flex}.sr-rack__row{gap:6px;margin-top:8px;display:flex}.sr-chip{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);white-space:nowrap;transition:transform .14s var(--ease-out-soft), background-color .14s var(--ease-out-soft);padding:5px 11px;font-size:.68rem;font-weight:600}.sr-chip:hover{border-color:var(--color-ink);color:var(--color-ink);transform:translate(-1px,-1px)}.sr-chip[aria-pressed=true],.sr-chip[aria-expanded=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ivory)}.sr-chip--wide{flex:none}.sr-field{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);min-width:0;height:34px;color:var(--color-ink);flex:1;padding:0 10px;font-size:.85rem}.sr-field::placeholder{color:var(--color-stone)}.sr-field--block{flex:none;width:100%;margin-top:4px}.sr-caption{text-align:center;pointer-events:none;background:color-mix(in srgb, var(--color-ivory) 82%, transparent);border-radius:var(--sk-radius,16px);flex-direction:column;grid-area:2/2;place-self:end center;align-items:center;gap:1px;padding:6px 16px 8px;display:flex}.sr-caption__name{font-family:var(--font-display);color:var(--color-ink);font-size:1.15rem;line-height:1.2}.sr-caption__note{font-family:var(--font-hand);color:var(--color-stone);font-size:.95rem}.sr-bench{overscroll-behavior:contain;grid-area:2/1;align-self:end;max-height:100%;overflow-y:auto}.sr-bench__pad{padding:13px 15px 15px}.sr-bench__topline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sr-bench__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-vermilion);font-size:.6rem;font-weight:700}.sr-bench__head{font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem}.sr-bench__note{color:var(--color-stone);text-wrap:pretty;margin-top:7px;font-size:.76rem;line-height:1.5}.sr-linkish{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);margin-top:9px;font-size:.76rem;font-weight:600;display:inline-block}.sr-linkish:hover{-webkit-text-decoration-color:var(--color-vermilion);text-decoration-color:var(--color-vermilion);color:var(--color-vermilion)}.sr-ways{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.sr-way{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);align-items:center;gap:5px;padding:3px 7px 3px 3px;display:flex}.sr-way:hover{border-color:var(--color-ink)}.sr-way[aria-pressed=true]{border-color:var(--color-vermilion);box-shadow:inset 0 0 0 1px var(--color-vermilion)}.sr-way__chip{border-radius:4px;display:flex;overflow:hidden}.sr-way__chip>span{width:10px;height:18px}.sr-way__name{color:var(--color-ink-soft);font-size:.66rem}.sr-seg{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);gap:2px;margin-top:7px;padding:2px;display:flex}.sr-seg>button{color:var(--color-ink-soft);transition:background-color .14s var(--ease-out-soft);border-radius:7px;flex:1;padding:6px 4px;font-size:.72rem;font-weight:600}.sr-seg>button:hover{color:var(--color-ink)}.sr-seg>button[aria-pressed=true]{background:var(--color-ink);color:var(--color-ivory)}.sr-tools{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:9px;display:grid}.sr-tool{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);transition:background-color .14s var(--ease-out-soft);justify-items:center;gap:2px;padding:6px 2px 5px;display:grid}.sr-tool:hover{border-color:var(--color-ink)}.sr-tool[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink)}.sr-tool[aria-pressed=true] .sr-tool__glyph,.sr-tool[aria-pressed=true] .sr-tool__label{color:var(--color-ivory)}.sr-tool__glyph{font-family:var(--font-display);color:var(--color-ink);font-size:1rem;line-height:1}.sr-tool__label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.56rem;font-weight:700}.sr-thumbs{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px;display:grid}.sr-thumbs--wide{grid-template-columns:repeat(2,1fr)}.sr-thumbs--four{grid-template-columns:repeat(4,1fr)}.sr-thumb{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);text-align:center;gap:3px;padding:3px;display:grid}.sr-thumb:hover{border-color:var(--color-ink)}.sr-thumb[aria-pressed=true]{border-color:var(--color-vermilion);box-shadow:inset 0 0 0 1px var(--color-vermilion)}.sr-thumb__art{aspect-ratio:1;background-color:var(--color-parchment);background-repeat:repeat;background-size:50% 50%;border-radius:5px;width:100%;display:block}.sr-thumb__art--band{aspect-ratio:2;background-size:100% 50%}.sr-thumb__name{color:var(--color-ink-soft);font-size:.58rem;line-height:1.2}.sr-thumb--action{place-items:center;padding:8px 3px}.sr-thumb__glyph{color:var(--color-vermilion);font-size:1.1rem;line-height:1}.sr-field--area{resize:none;height:auto;min-height:52px;padding:7px 10px;line-height:1.4}.sr-rack__chips--mt{margin-top:8px}.sr-draw{width:100%;margin-top:9px}.sr-field-group{margin-top:11px}.sr-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-stone);font-size:.66rem;font-weight:700}.sr-label--mt{margin-top:10px;display:block}.sr-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sr-row--mt{margin-top:10px}.sr-drop{border:2px dashed var(--color-line-strong);border-radius:var(--sk-radius,16px);background:var(--color-canvas);text-align:center;place-items:center;gap:5px;width:100%;margin-top:8px;padding:16px 12px;display:grid}.sr-drop:hover{border-color:var(--color-vermilion)}.sr-drop__thumb{object-fit:cover;border-radius:8px;width:56px;height:56px}.sr-drop__icon{background:color-mix(in srgb, var(--color-vermilion) 14%, transparent);width:30px;height:30px;color:var(--color-vermilion);border-radius:999px;place-items:center;display:grid}.sr-drop__name{color:var(--color-ink);font-size:.8rem;font-weight:600}.sr-drop__hint{color:var(--color-stone);text-wrap:pretty;font-size:.68rem}.sr-inks{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sr-ink{border:1.5px solid var(--color-line-strong);width:24px;height:24px;transition:transform .14s var(--ease-out-soft);border-radius:999px}.sr-ink:hover{transform:scale(1.12)}.sr-ink[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-card), 0 0 0 4px var(--color-vermilion);border-color:#0000}.sr-slider{align-items:center;gap:10px;margin-top:6px;display:flex}.sr-slider input{width:100%;accent-color:var(--color-vermilion)}.sr-slider__value{color:var(--color-ink);flex:none;font-size:.78rem}.sr-ticket{overscroll-behavior:contain;grid-area:2/3;align-self:end;max-height:100%;padding:13px 15px 15px;position:relative;overflow-y:auto}.sr-ticket__head{letter-spacing:.14em;text-transform:uppercase;color:var(--color-stone);justify-content:space-between;font-size:.64rem;font-weight:700;display:flex}.sr-ticket__job{font-family:var(--font-display);color:var(--color-ink);overflow-wrap:anywhere;margin-top:5px;font-size:1.05rem;line-height:1.25}.sr-ticket__alt{text-align:center;color:var(--color-stone);margin-top:9px;font-size:.68rem;display:block}.sr-ticket__alt:hover{color:var(--color-ink);text-decoration:underline}.sr-stitch{border:0;border-top:1.5px dashed var(--color-line-strong);opacity:.75;margin:10px 0}.sr-counter{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);align-items:center;gap:2px;padding:2px;display:flex}.sr-counter__btn{width:28px;height:28px;color:var(--color-ink);border-radius:7px;place-items:center;font-size:1rem;display:grid}.sr-counter__btn:hover{background:var(--color-parchment)}.sr-counter__value{text-align:center;min-width:2.6rem;font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem}.sr-costs{gap:5px;font-size:.8rem;display:grid}.sr-costs>div{justify-content:space-between;gap:10px;display:flex}.sr-costs dt,.sr-costs dd{color:var(--color-ink-soft)}.sr-costs--good dt,.sr-costs--good dd{color:var(--color-success,#3f7d5e)}.sr-costs__total{padding-top:3px}.sr-costs__total dt{font-family:var(--font-display);color:var(--color-ink);font-size:.95rem}.sr-costs__total dd{font-family:var(--font-display);color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1.25rem}.sr-costs__total dd.is-rolling{color:var(--color-vermilion)}.sr-error{border-radius:var(--sk-radius-sm,10px);background:var(--color-danger-tint,#f7e7e4);color:var(--color-danger,#9c3b2c);margin-top:9px;padding:7px 10px;font-size:.78rem}.sr-submit{width:100%;margin-top:11px}.sr-submit.is-done{background:var(--color-success,#3f7d5e)!important;color:#fff!important}.sr-stamp{z-index:2;border:2px solid var(--color-success,#3f7d5e);letter-spacing:.1em;text-transform:uppercase;color:var(--color-success,#3f7d5e);animation:sr-stamp-in .38s var(--ease-out-soft) both;border-radius:6px;padding:2px 7px;font-size:.64rem;font-weight:800;position:absolute;top:8px;right:10px;transform:rotate(-9deg)}@keyframes sr-stamp-in{0%{opacity:0;transform:rotate(-9deg)scale(1.9)}60%{opacity:1;transform:rotate(-9deg)scale(.94)}to{opacity:1;transform:rotate(-9deg)scale(1)}}.sr-sheet{top:var(--sr-gap);right:var(--sr-gap);z-index:5;width:min(430px, calc(100% - var(--sr-gap) * 2));max-height:calc(100% - var(--sr-gap) * 2);overscroll-behavior:contain;padding:13px 15px 15px;position:absolute;overflow-y:auto}.sr-sheet__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sr-sheet__head p{font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem}.sr-sheet__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px;display:grid}.sr-sheet__empty{color:var(--color-stone);grid-column:1/-1;font-size:.8rem}.sr-swatch{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);text-align:center;gap:4px;padding:5px;display:grid}.sr-swatch:hover{border-color:var(--color-ink)}.sr-swatch[aria-pressed=true]{border-color:var(--color-vermilion);box-shadow:inset 0 0 0 1px var(--color-vermilion)}.sr-swatch__art{aspect-ratio:1;background-color:var(--color-parchment);background-repeat:repeat;background-size:50% 50%;border-radius:6px;width:100%;display:block}.sr-swatch__name{color:var(--color-ink-soft);font-size:.64rem;line-height:1.25}.sr-swatch--own{place-items:center;padding:12px 5px}.sr-swatch__plus{background:color-mix(in srgb, var(--color-vermilion) 14%, transparent);width:30px;height:30px;color:var(--color-vermilion);border-radius:999px;place-items:center;font-size:1.1rem;display:grid}.sr-sheet--cloth{right:auto;left:var(--sr-gap);width:min(360px, calc(100% - var(--sr-gap) * 2))}.sr-bolts{gap:6px;display:grid}.sr-bolt{border:1.5px solid var(--color-line-strong);border-radius:var(--sk-radius-sm,10px);background:var(--color-canvas);text-align:left;align-items:center;gap:9px;padding:6px 9px;display:flex}.sr-bolt:hover{border-color:var(--color-ink)}.sr-bolt[aria-pressed=true]{border-color:var(--color-vermilion);box-shadow:inset 0 0 0 1px var(--color-vermilion)}.sr-bolt__swatch{border:1.5px solid var(--color-ink);border-radius:3px;flex:none;width:15px;height:30px}.sr-bolt__text{gap:1px;min-width:0;display:grid}.sr-bolt__name{color:var(--color-ink);font-size:.82rem;font-weight:600}.sr-bolt__meta{color:var(--color-stone);font-size:.68rem}.sr-loading{background:var(--color-ivory);font-family:var(--font-hand);color:var(--color-stone);place-content:center;justify-items:center;gap:12px;font-size:1.15rem;display:grid;position:absolute;inset:0}.sr-loading__mark{border:2.5px solid var(--color-line-strong);border-top-color:var(--color-vermilion);border-radius:999px;width:30px;height:30px;animation:.9s linear infinite sr-spin}@keyframes sr-spin{to{transform:rotate(360deg)}}.sr-flat{background:var(--color-ivory);place-content:center;justify-items:center;gap:10px;padding:20px;display:grid;position:absolute;inset:0}.sr-flat__inner{width:min(360px,70vw)}.sr-flat__note{color:var(--color-stone);text-align:center;font-size:.8rem}.sd-stage{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (min-width:900px){.sd-stage{grid-template-columns:1fr minmax(320px,420px);gap:48px}}.sd-copy{min-width:0}.sd-door{perspective:1100px;text-align:center;display:block}.sd-door__frame{aspect-ratio:4/5;border:2.5px solid var(--color-ink);border-radius:var(--sk-radius,16px) var(--sk-radius,16px) 4px 4px;background:var(--color-parchment);width:100%;display:block;position:relative;overflow:hidden;box-shadow:6px 6px #241f1824}.sd-room{background:linear-gradient(var(--color-plaster,#ece2d0) 76%, var(--color-floor,#d3bd9b) 76%);display:block;position:absolute;inset:0}.sd-room__wall{grid-template-columns:repeat(3,1fr);gap:7%;display:grid;position:absolute;inset:9% 8% auto}.sd-room__print{aspect-ratio:5/4;border:1.5px solid var(--color-ink);background-color:var(--color-paper,#fbf7ef);background-repeat:repeat;background-size:50% 50%;border-radius:3px}.sd-room__rack{border-bottom:3px solid var(--color-wood,#c2a179);justify-content:center;align-items:flex-end;gap:5px;padding-bottom:4px;display:flex;position:absolute;inset:auto 14% 30%}.sd-room__bolt{border:1.5px solid var(--color-ink);border-radius:2px;width:11px;height:26px}.sd-room__table{border:2px solid var(--color-ink);background:var(--color-wood,#c2a179);border-radius:4px;height:20%;position:absolute;inset:auto 12% 8%;box-shadow:inset 0 6px #ffffff47}.sd-door__leaf{transform-origin:0;transition:transform .62s var(--ease-out-soft,cubic-bezier(.22, 1, .36, 1));background:repeating-linear-gradient(90deg, transparent 0 26px, #7d634421 26px 27px), var(--color-ivory);border-right:2.5px solid var(--color-ink);display:block;position:absolute;inset:0;transform:rotateY(0)}.sd-door:hover .sd-door__leaf,.sd-door:focus-visible .sd-door__leaf{transform:rotateY(-72deg)}.sd-door__panel{border:2px solid var(--color-line-strong);border-radius:4px;position:absolute;left:12%;right:12%}.sd-door__panel:first-child{height:38%;top:8%}.sd-door__panel:nth-child(2){height:38%;bottom:8%}.sd-door__knob{border:2px solid var(--color-ink);background:var(--color-vermilion);border-radius:999px;width:13px;height:13px;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.sd-door__caption{color:var(--color-stone);margin-top:10px;font-size:1.15rem;display:block}.sd-door:hover .sd-door__caption{color:var(--color-vermilion)}@media (prefers-reduced-motion:reduce){.sd-door__leaf{transition:none;transform:rotateY(-72deg)}}@media (max-width:1023px){.sr-stage{height:auto;min-height:0;overflow:visible}.sr-viewport{border-bottom:1.75px solid var(--color-ink);height:52svh;min-height:320px;position:relative;inset:auto}.sr-hud{pointer-events:auto;flex-direction:column;gap:12px;padding:14px;display:flex;position:static;inset:auto}.sr-plate,.sr-rack,.sr-bench,.sr-ticket{place-self:stretch stretch;max-height:none;overflow:visible}.sr-caption{display:none}.sr-sheet{order:-1;width:auto;max-height:none;position:static}.sr-bolt{min-height:52px}.sr-plate__cloth{min-height:44px}.sr-chip{align-items:center;min-height:44px;display:inline-flex}.sr-counter__btn{width:44px;height:44px}.sr-ink{width:34px;height:34px}.sr-seg>button{min-height:44px}.sr-field{height:44px;font-size:16px}}@media (prefers-reduced-motion:reduce){.sr-chip,.sr-ink,.sr-seg>button,.sr-field{transition:none}.sr-chip:hover,.sr-ink:hover{transform:none}.sr-stamp{animation:none}.sr-loading__mark{border-top-color:var(--color-line-strong);animation:none}}
