@layer components{.cfg-wrap{--cfg-bg:#fff;--cfg-soft:var(--color-bb-offwhite);--cfg-line:var(--color-bb-line);--cfg-ink:var(--color-bb-black);--cfg-text:var(--color-bb-graphite);--cfg-muted:var(--color-bb-muted);--cfg-red:var(--color-bb-red);--cfg-glass:#ffffffe6;--cfg-shadow:0 1px 2px #0a0a0a0d, 0 8px 24px #0a0a0a14;--cfg-thumb-h:clamp(4.25rem, 9.5vh, 6rem);container-type:inline-size}[data-surface=dark] .cfg-wrap{--cfg-bg:#161514;--cfg-soft:#22201f;--cfg-line:var(--color-bb-line-dark);--cfg-ink:#f6f4f2;--cfg-text:#e4dfdb;--cfg-muted:#b3aba6;--cfg-glass:#161514db}.cfg{color:var(--cfg-text);flex-direction:column;gap:.85rem;display:flex}.cfg-h{font-family:var(--font-display);color:var(--cfg-ink);font-size:1.0625rem;font-weight:800;line-height:1.15}.cfg svg{flex:none}.cfg-sizes{min-width:0}.cfg-sizes-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.cfg-sizes-note{color:var(--cfg-muted);font-size:.8125rem}.cfg-sizes-row{gap:.5rem;min-width:0;margin-top:.5rem;display:flex}.cfg-formats{scrollbar-width:none;overscroll-behavior-x:contain;flex:1;gap:.4rem;min-width:0;margin:0;padding:2px;list-style:none;display:flex;overflow-x:auto}.cfg-formats::-webkit-scrollbar{display:none}.cfg-format{border:1.5px solid var(--cfg-line);background:var(--cfg-bg);height:3rem;color:var(--cfg-text);white-space:nowrap;transition:border-color .16s var(--ease-out-bb), box-shadow .16s var(--ease-out-bb);border-radius:14px;align-items:center;gap:.4rem;padding:0 .75rem 0 .4rem;display:flex}.cfg-format:hover:not(:disabled){border-color:var(--cfg-red)}.cfg-format[aria-pressed=true]{border-color:var(--cfg-red);box-shadow:inset 0 0 0 1px var(--cfg-red)}.cfg-format:disabled{opacity:.45;cursor:not-allowed}.cfg-format-plan{width:2.1rem;height:2.1rem}.cfg-format-plan rect{fill:var(--cfg-soft);stroke:var(--cfg-muted);stroke-width:1.4px}.cfg-format[aria-pressed=true] .cfg-format-plan rect{fill:var(--cfg-bg);stroke:var(--cfg-red);stroke-width:2px}.cfg-format-txt{text-align:left;line-height:1.12;display:grid}.cfg-format-txt strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:.9375rem;font-weight:800}.cfg-format-txt span{color:var(--cfg-muted);font-size:.71875rem}.cfg-compare-btn{border:1.5px solid var(--cfg-ink);background:var(--cfg-ink);height:3rem;color:var(--cfg-bg);font-family:var(--font-display);white-space:nowrap;transition:background-color .16s var(--ease-out-bb), border-color .16s var(--ease-out-bb);border-radius:14px;flex:none;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:800;display:inline-flex}.cfg-compare-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.2rem;height:1.2rem}.cfg-compare-btn:hover,.cfg-compare-btn[aria-pressed=true]{background:var(--cfg-red);border-color:var(--cfg-red);color:#fff}.cfg-custom{flex-wrap:wrap;align-items:flex-end;gap:.5rem .6rem;margin-top:.6rem;display:flex}.cfg-field{color:var(--cfg-muted);gap:.2rem;font-size:.75rem;font-weight:700;display:grid}.cfg-field .bb-input{width:6.5rem;min-height:2.6rem}.cfg-custom-x{color:var(--cfg-muted);padding-bottom:.6rem}.cfg-custom-area{font-family:var(--font-display);color:var(--cfg-ink);padding-bottom:.6rem;font-weight:800}.cfg-seg{background:var(--cfg-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:.6rem;padding:.2rem;display:grid}.cfg-seg button{min-height:2.35rem;font-family:var(--font-display);color:var(--cfg-muted);border-radius:10px;justify-content:center;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:800;display:inline-flex}.cfg-seg button[aria-pressed=true]{background:var(--cfg-bg);color:var(--cfg-ink);box-shadow:0 1px 3px #0a0a0a1f}.cfg-seg button:disabled{opacity:.45;cursor:not-allowed}.cfg-seg svg,.cfg-place svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:1.1rem;height:1.1rem}.cfg-place{gap:.5rem;margin-top:.65rem;display:grid}.cfg-place-sel{gap:.1rem;display:grid}.cfg-place-sel strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:1rem;font-weight:800}.cfg-place-sel span,.cfg-place-none{color:var(--cfg-muted);font-size:.78rem;line-height:1.35}.cfg-place-lock{border:1.5px solid var(--cfg-ink);color:var(--cfg-ink);border-radius:10px;padding:.4rem .6rem;font-size:.78rem;font-weight:700}.cfg-place .cfg-compare-btn{border-radius:12px;justify-content:center;width:100%;height:2.6rem}.cfg-place .cfg-compare-btn:disabled{opacity:.45}.cfg-plan{border:1px solid var(--cfg-line);background:var(--cfg-bg);border-radius:20px;flex-direction:column;gap:.5rem;min-width:0;min-height:clamp(30rem,84svh,44rem);padding:.8rem;display:flex}.cfg-plan-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.cfg-plan-legend{color:var(--cfg-muted);flex-wrap:wrap;gap:.15rem .8rem;margin-top:.2rem;font-size:.75rem;font-weight:600;display:flex}.cfg-plan-legend span:before{content:"";vertical-align:-1px;border:1.5px solid;border-radius:3px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.cfg-plan-legend [data-k=free]:before{background:#e3f4e8;border-color:#2f9e5b}.cfg-plan-legend [data-k=taken]:before{background:#ebe8e5;border-color:#b9b2ac}.cfg-plan-legend [data-k=option]:before{background:#fde8d2;border-color:#e07b1a}.cfg-plan-legend [data-k=sel]:before{background:var(--cfg-red);border-color:var(--cfg-red)}.cfg-plan-tools{background:var(--cfg-soft);border-radius:999px;flex:none;gap:.1rem;padding:.15rem;display:flex}.cfg-plan-filters{scrollbar-width:none;align-items:center;gap:.35rem;padding:2px;display:flex;overflow-x:auto}.cfg-plan-filters::-webkit-scrollbar{display:none}.cfg-plan-filters .cfg-chip{flex:none;min-height:2rem}.cfg-plan-check{white-space:nowrap;color:var(--cfg-text);flex:none;align-items:center;gap:.35rem;margin-left:.25rem;font-size:.78rem;font-weight:700;display:inline-flex}.cfg-plan-check input{width:1rem;height:1rem;accent-color:var(--cfg-red)}.cfg-plan-sort{flex:none;margin-left:auto}.cfg-plan-sort select{width:auto;max-width:11rem;min-height:2rem;padding-block:.2rem;font-size:.78rem}.cfg-plan-box{border:1px solid var(--cfg-line);touch-action:pan-x pan-y;overscroll-behavior:contain;cursor:grab;scrollbar-width:thin;background:#f1eeea;border-radius:14px;flex:1;min-height:9rem;display:flex;position:relative;overflow:auto}.cfg-plan-box:active{cursor:grabbing}.cfg-plan-svg{-webkit-user-select:none;user-select:none;flex:none;max-width:none;margin:auto;display:block}.cfg-plan-wait{text-align:center;color:var(--cfg-muted);justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;display:flex;position:absolute;inset:0}.pp-hall{fill:#fbfaf8;stroke:#d3ccc5;stroke-width:.8px}.pp-track{fill:none;stroke:#ebe4dc}.pp-zone{fill:#efe9e2;stroke:#d9d0c7;stroke-width:.6px}.pp-zone-t{font-family:var(--font-display);fill:var(--cfg-muted);text-anchor:middle;dominant-baseline:middle;font-size:6px;font-weight:800}.pp-door circle{fill:var(--cfg-ink)}.pp-door text{font-family:var(--font-display);fill:var(--cfg-ink);text-anchor:middle;font-size:4.6px;font-weight:800}.pp-stand{cursor:pointer}.pp-stand rect{stroke-width:.7px;transition:fill .12s var(--ease-out-bb)}.pp-stand text{text-anchor:middle;dominant-baseline:middle;pointer-events:none}.pp-n{font-family:var(--font-display);font-weight:800}.pp-m2,.pp-dim,.pp-name{font-weight:600}.pp-stand[data-st=free] rect{fill:#e3f4e8;stroke:#2f9e5b}.pp-stand[data-st=free] text{fill:#1d6b3e}.pp-stand[data-st=free]:hover rect{fill:#c9ebd4;stroke-width:1.3px}.pp-stand[data-st=taken]{cursor:not-allowed}.pp-stand[data-st=taken] rect{fill:#ebe8e5;stroke:#c2bbb5}.pp-stand[data-st=taken] text{fill:#6b6461}.pp-stand[data-st=option]{cursor:not-allowed}.pp-stand[data-st=option] rect{fill:#fde8d2;stroke:#e07b1a}.pp-stand[data-st=option] text{fill:#9a4d08}.pp-stand[data-st=mine] rect{fill:#fff;stroke:var(--cfg-red);stroke-width:1.4px}.pp-stand[data-st=mine] text{fill:var(--cfg-red)}.pp-stand[data-sel] rect{fill:var(--cfg-red);stroke:#8e0f11;stroke-width:1px}.pp-stand[data-sel] text{fill:#fff}.pp-stand[data-dim]{opacity:.3}.pp-combo{fill:none;stroke:var(--cfg-ink);stroke-width:1px;stroke-dasharray:3 2;pointer-events:none}.cfg-plan[data-ro]{min-height:clamp(22rem,62svh,34rem)}.cfg-plan[data-ro] .pp-stand{cursor:default}.cfg-plan[data-ro] .pp-stand[data-sel] rect{stroke-width:1.2px}.cfg-plan-list{scrollbar-width:thin;gap:.4rem;margin:0;padding:2px 2px .35rem;list-style:none;display:flex;overflow-x:auto}.cfg-slot{white-space:nowrap;border:1.5px solid var(--cfg-line);background:var(--cfg-bg);text-align:left;color:var(--cfg-muted);border-radius:12px;flex:none;align-items:baseline;gap:.4rem;padding:.35rem .65rem;font-size:.72rem;line-height:1.25;display:flex}.cfg-slot strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:.9375rem;font-weight:800}.cfg-slot em{text-overflow:ellipsis;max-width:8rem;font-style:normal;font-weight:700;overflow:hidden}.cfg-slot[data-st=free] em{color:#1d6b3e}.cfg-slot[data-st=option] em{color:#9a4d08}.cfg-slot[data-st=mine] em{color:var(--cfg-red)}.cfg-slot:hover:not(:disabled){border-color:var(--cfg-red)}.cfg-slot[aria-pressed=true]{border-color:var(--cfg-red);box-shadow:inset 0 0 0 1px var(--cfg-red)}.cfg-slot:disabled{opacity:.45}.cfg-plan-none{color:var(--cfg-muted);padding:.6rem;font-size:.8rem}.cfg-plan-sel{background:var(--cfg-soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.cfg-plan-sel>div{color:var(--cfg-muted);gap:.1rem;font-size:.78rem;line-height:1.35;display:grid}.cfg-plan-sel strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:.9375rem;font-weight:800}.cfg-plan-msg{color:var(--cfg-red);font-weight:700}.cfg-plan-msg[data-ok]{color:var(--cfg-ink)}.cfg-plan-actions{flex:none;align-items:center;gap:.35rem;display:flex}.cfg-stage{top:calc(var(--header-total,4.5rem) + .5rem);z-index:20;border:1px solid var(--cfg-line);isolation:isolate;background:#ebe8e4;border-radius:20px;min-width:0;height:clamp(15rem,46svh,27rem);position:sticky;overflow:hidden;box-shadow:0 6px 24px #0a0a0a0f}.cfg-stage[data-full]{z-index:1000;border:0;border-radius:0;height:100dvh;position:fixed;inset:0}.cfg-stage-view{position:absolute;inset:0;overflow:hidden}.cfg-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block}.cfg-canvas:active{cursor:grabbing}.cfg-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--cfg-red)}.cfg-stage-wait,.cfg-stage-fail{text-align:center;color:var(--cfg-muted);justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;inset:0}.cfg-stage-wait{background:#ebe8e4 linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite cfg-shimmer}.cfg-spinner{border:2px solid var(--cfg-line);border-top-color:var(--cfg-red);border-radius:999px;width:1.1rem;height:1.1rem;animation:.8s linear infinite cfg-spin}@keyframes cfg-shimmer{to{background-position:-220% 0}}@keyframes cfg-spin{to{transform:rotate(360deg)}}.cfg-stage-title{background:var(--cfg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(58%,24rem);box-shadow:var(--cfg-shadow);pointer-events:none;border-radius:14px;gap:.05rem;padding:.45rem .8rem .5rem;display:grid;position:absolute;top:.7rem;left:.7rem}.cfg-stage-title strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:.9375rem;font-weight:800;line-height:1.2}.cfg-stage-title span{color:var(--cfg-muted);font-size:.75rem;line-height:1.3}.cfg-stage-layers{gap:.3rem;display:flex;position:absolute;top:.7rem;right:.7rem}.cfg-pill{background:var(--cfg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:2.25rem;box-shadow:var(--cfg-shadow);color:var(--cfg-muted);border:1.5px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:0 .75rem 0 .6rem;font-size:.78rem;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px;display:inline-flex}.cfg-pill[aria-pressed=true]{color:var(--cfg-ink);text-decoration:none}.cfg-pill:hover{border-color:var(--cfg-red)}.cfg-pill svg,.cfg-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.cfg-stage-tools{background:var(--cfg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--cfg-shadow);border-radius:999px;align-items:center;gap:.1rem;padding:.2rem;display:flex;position:absolute;bottom:.7rem;right:.7rem}.cfg-tools-sep{background:var(--cfg-line);width:1px;height:1.25rem;margin:0 .15rem}.cfg-icon{width:2.25rem;height:2.25rem;color:var(--cfg-ink);transition:background-color .14s var(--ease-out-bb), color .14s var(--ease-out-bb);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.cfg-icon:hover:not(:disabled){background:var(--cfg-soft);color:var(--cfg-red)}.cfg-icon:disabled{opacity:.35}.cfg-icon[aria-pressed=true]{color:var(--cfg-red)}.cfg-stage-hint{background:var(--cfg-glass);max-width:calc(100% - 19.5rem);color:var(--cfg-muted);pointer-events:none;border-radius:12px;gap:.05rem;padding:.35rem .7rem;font-size:.6875rem;line-height:1.3;display:grid;position:absolute;bottom:.7rem;left:.7rem}.cfg-stage-hint>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cfg-stage-scale{color:var(--cfg-text)}@media (hover:hover){.cfg-stage-hint>span:first-child{display:none}.cfg-stage:hover .cfg-stage-hint>span:first-child,.cfg-stage:focus-within .cfg-stage-hint>span:first-child{display:block}}.cfg-stage[data-mode=compare] .cfg-stage-hint{display:none}.cfg-compare-bar{background:var(--cfg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100% - 1.4rem);box-shadow:var(--cfg-shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.cfg-stage[data-mode=compare] .cfg-stage-tools{bottom:4rem}.cfg-linkbtn{min-height:2.25rem;color:var(--cfg-text);text-underline-offset:3px;border-radius:999px;padding:0 .7rem;font-size:.78rem;font-weight:700;text-decoration:underline}.cfg-linkbtn:hover{color:var(--cfg-red)}.cfg-tag{border:1.5px solid var(--cfg-line);background:var(--cfg-bg);box-shadow:var(--cfg-shadow);color:var(--cfg-muted);white-space:nowrap;visibility:hidden;will-change:transform;transition:background-color .14s var(--ease-out-bb), border-color .14s var(--ease-out-bb);border-radius:12px;justify-items:center;padding:.3rem .65rem .35rem;font-size:.6875rem;line-height:1.15;display:grid;position:absolute;top:0;left:0}.cfg-tag strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:.9375rem;font-weight:800}.cfg-tag:after{content:"";border-right:1.5px solid var(--cfg-line);border-bottom:1.5px solid var(--cfg-line);background:inherit;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.cfg-tag:hover,.cfg-tag[data-current],.cfg-tag[data-current]:after{border-color:var(--cfg-red)}.cfg-tag[data-focus]{border-color:var(--cfg-red);background:var(--cfg-red);color:#fff}.cfg-tag[data-focus] strong{color:#fff}.cfg-tag[data-focus]:after{border-color:var(--cfg-red)}.cfg-shop{flex-direction:column;gap:.5rem;min-width:0;display:flex}.cfg-shop-head{align-items:center;gap:.5rem;min-width:0;display:flex}.cfg-cats{scrollbar-width:none;flex:1;gap:.35rem;min-width:0;padding:2px;display:flex;overflow-x:auto}.cfg-cats::-webkit-scrollbar{display:none}.cfg-cat{border:1.5px solid var(--cfg-line);background:var(--cfg-bg);height:2.25rem;color:var(--cfg-text);font-family:var(--font-display);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.8125rem;font-weight:800;display:inline-flex}.cfg-cat:hover{border-color:var(--cfg-red)}.cfg-cat[aria-pressed=true]{border-color:var(--cfg-ink);background:var(--cfg-ink);color:var(--cfg-bg)}.cfg-cat-n{background:var(--cfg-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.6875rem;display:inline-flex}.cfg-scroll{flex:none;gap:.2rem;display:none}.cfg-cat-note{color:var(--cfg-muted);font-size:.78rem;line-height:1.35}.cfg-ribbon{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--cfg-line) transparent;outline:none;gap:.9rem;min-width:0;padding:2px 2px .55rem;scroll-padding-inline:2px;display:flex;overflow-x:auto}.cfg-group{flex:none;gap:.55rem;display:flex}.cfg-group-label{writing-mode:vertical-rl;border-right:2px solid var(--cfg-red);font-family:var(--font-display);letter-spacing:.01em;color:var(--cfg-ink);align-items:center;gap:.45rem;padding:.6rem .15rem;font-size:.78rem;font-weight:800;display:flex;transform:rotate(180deg)}.cfg-group-label svg{color:var(--cfg-red);transform:rotate(90deg)}.cfg-cards{gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.cfg-card{border:1.5px solid var(--cfg-line);background:var(--cfg-bg);scroll-snap-align:start;width:13rem;transition:border-color .16s var(--ease-out-bb), box-shadow .16s var(--ease-out-bb);border-radius:16px;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.cfg-card[data-on]{border-color:var(--cfg-red);box-shadow:inset 0 0 0 1px var(--cfg-red)}.cfg-card[data-disabled] .cfg-thumb,.cfg-card[data-disabled] .cfg-card-name,.cfg-card[data-disabled] .cfg-card-price,.cfg-card[data-disabled] .cfg-card-desc{opacity:.5}.cfg-thumb{width:100%;height:var(--cfg-thumb-h);border:0;border-bottom:1px solid var(--cfg-line);background:#fff;flex:none;padding:0;display:block;position:relative;overflow:hidden}button.cfg-thumb{cursor:zoom-in}button.cfg-thumb:focus-visible{outline:2px solid var(--cfg-red);outline-offset:-3px}.cfg-thumb-still{object-fit:contain;-webkit-user-select:none;user-select:none;width:calc(100% - .8rem);height:calc(100% - .5rem);animation:cfg-still-in .42s var(--ease-out-bb) both;transition:transform .38s var(--ease-out-bb);position:absolute;inset:.25rem .4rem}@keyframes cfg-still-in{0%{opacity:0;transform:scale(.97)}}.cfg-thumb-wait{background:linear-gradient(100deg,#0000 30%,#0a0a0a09 50%,#0000 70%) 0 0/220% 100%;animation:1.4s linear infinite cfg-shimmer;position:absolute;inset:0}.cfg-thumb-360{height:1.35rem;color:var(--color-bb-black);letter-spacing:.04em;opacity:.85;transition:opacity .2s var(--ease-out-bb), color .2s var(--ease-out-bb);background:#ffffffeb;border-radius:999px;align-items:center;gap:.2rem;padding:0 .45rem 0 .3rem;font-size:.625rem;font-weight:800;display:inline-flex;position:absolute;bottom:.35rem;left:.4rem;box-shadow:0 0 0 1px #0a0a0a14,0 2px 6px #0a0a0a14}.cfg-thumb-360 svg{width:.95rem;height:.95rem}@media (hover:hover){.cfg-thumb-360{opacity:0}button.cfg-thumb:hover .cfg-thumb-360,button.cfg-thumb:focus-visible .cfg-thumb-360{opacity:1;color:var(--color-bb-red)}button.cfg-thumb:hover .cfg-thumb-still{transform:scale(1.045)}}.cfg-recap-thumb{background:#fff;position:absolute;inset:0}.cfg-recap-thumb .cfg-thumb-still{width:calc(100% - 4px);height:calc(100% - 4px);inset:2px}.cfg-recap-thumb .cfg-thumb-pic,.cfg-recap-thumb .cfg-thumb-icon{width:auto;height:auto;inset:4px}.cfg-thumb-pic{justify-content:center;align-items:center;display:flex;position:absolute;inset:.45rem}.cfg-thumb-pic img{object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.cfg-thumb-icon{width:2.25rem;height:2.25rem;color:var(--color-bb-line);margin:auto;position:absolute;inset:0}.cfg-thumb-3d{opacity:0;width:100%;height:100%;transition:opacity .42s var(--ease-out-bb);touch-action:pan-x pan-y;position:absolute;inset:0}.cfg-thumb[data-mode="3d"] .cfg-thumb-3d{opacity:1}.cfg-card-check{background:var(--cfg-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.15rem;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.6875rem;font-weight:800;display:inline-flex;position:absolute;top:.45rem;right:.45rem}.cfg-card-body{flex-direction:column;flex:1;gap:.28rem;min-height:0;padding:.6rem .75rem .15rem;display:flex}.cfg-card-name{-webkit-line-clamp:2;font-family:var(--font-display);color:var(--cfg-ink);-webkit-box-orient:vertical;font-size:.875rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.cfg-card-price{color:var(--cfg-red);font-size:.8125rem;font-weight:700}.cfg-card-price span{color:var(--cfg-muted);font-size:.6875rem}.cfg-card-desc{-webkit-line-clamp:2;color:var(--cfg-muted);-webkit-box-orient:vertical;font-size:.71875rem;line-height:1.3;display:-webkit-box;overflow:hidden}.cfg-card-badges{flex-wrap:wrap;gap:.25rem;display:flex}.cfg-badge{background:var(--cfg-soft);color:var(--cfg-text);border-radius:999px;padding:.1rem .45rem;font-size:.65625rem;font-weight:700;line-height:1.4}.cfg-badge[data-warn]{background:var(--cfg-ink);color:var(--cfg-bg)}.cfg-card-variants{flex-wrap:wrap;gap:.3rem;padding-top:.1rem;display:flex}.cfg-card-variants .bb-swatch{width:1.5rem;height:1.5rem}.cfg-chip{border:1.5px solid var(--cfg-line);background:var(--cfg-bg);border-radius:999px;align-items:center;min-height:1.75rem;padding:0 .55rem;font-size:.71875rem;font-weight:700;display:inline-flex}.cfg-chip[aria-pressed=true]{border-color:var(--cfg-red);color:var(--cfg-red)}.cfg-card-foot{justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem .75rem .7rem;display:flex}.cfg-card-btn{flex:1;gap:.35rem;min-height:2.25rem}.cfg-card-total{color:var(--cfg-muted);font-size:.75rem}.cfg-stepper{align-items:center;gap:.3rem;display:inline-flex}.cfg-stepper button{border:1.5px solid var(--cfg-red);background:var(--cfg-bg);width:2.25rem;height:2.25rem;color:var(--cfg-red);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cfg-stepper button:disabled{border-color:var(--cfg-line);color:var(--cfg-line)}.cfg-stepper output{text-align:center;min-width:1.6rem;font-family:var(--font-display);color:var(--cfg-ink);font-size:1rem;font-weight:800}.cfg-recap{border:1px solid var(--cfg-line);background:var(--cfg-bg);border-radius:20px;flex-direction:column;min-height:0;display:flex}.cfg-recap-bar{align-items:center;gap:.75rem;padding:1rem 1.1rem .7rem;display:flex}.cfg-recap-mini,.cfg-recap-toggle{display:none}.cfg-recap-body{flex-direction:column;flex:1;min-height:0;display:flex}.cfg-recap-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:.8rem;min-height:0;padding:0 1.1rem .9rem;display:flex;overflow-y:auto}.cfg-recap-surface{background:var(--cfg-soft);border-radius:12px;align-items:center;gap:.65rem;padding:.55rem .65rem;display:flex}.cfg-recap-surface-ico svg{width:2.4rem;height:2.4rem;display:block}.cfg-recap-surface-ico rect{fill:var(--cfg-bg);stroke:var(--cfg-ink);stroke-width:1.6px}.cfg-recap-label{color:var(--cfg-ink);font-size:.8125rem;font-weight:700;line-height:1.25;display:block}.cfg-recap-sub{color:var(--cfg-muted);font-size:.75rem;line-height:1.3;display:block}.cfg-recap-rows{border-top:1px solid var(--cfg-line);margin:0;padding:0;list-style:none}.cfg-recap-rows li{border-bottom:1px solid var(--cfg-line);align-items:center;gap:.55rem;padding:.5rem 0;display:flex}.cfg-recap-price{color:var(--cfg-ink);flex:none;font-size:.8125rem;font-weight:700}.cfg-recap-del{width:1.75rem;height:1.75rem;color:var(--cfg-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-right:-.35rem;display:inline-flex}.cfg-recap-del svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:.95rem;height:.95rem}.cfg-recap-del:hover{background:var(--cfg-soft);color:var(--cfg-red)}.cfg-recap-empty{color:var(--cfg-muted);font-size:.875rem}.cfg-recap-warn{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.cfg-recap-warn li{border:1.5px solid var(--cfg-red);color:var(--cfg-ink);border-radius:10px;gap:.45rem;padding:.5rem .65rem;font-size:.78rem;line-height:1.35;display:flex}.cfg-recap-warn svg{color:var(--cfg-red);margin-top:.1rem}.cfg-recap-included{background:var(--cfg-soft);border-radius:12px;padding:.7rem .8rem;font-size:.78rem;line-height:1.4}.cfg-recap-included p{color:var(--cfg-ink);font-weight:700}.cfg-recap-included ul{gap:.15rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.cfg-recap-fine{color:var(--cfg-muted);font-size:.71875rem;line-height:1.45}.cfg-recap-fine strong{color:var(--cfg-red)}.cfg-recap-foot{border-top:1px solid var(--cfg-line);gap:.6rem;padding:.85rem 1.1rem 1.05rem;display:grid}.cfg-totals{grid-template-columns:1fr auto;gap:.15rem .75rem;margin:0;font-size:.875rem;display:grid}.cfg-totals dd{text-align:right;margin:0;font-weight:600}.cfg-totals .cfg-total-k,.cfg-totals .cfg-total-v{font-family:var(--font-display);color:var(--cfg-ink);padding-top:.3rem;font-size:1.125rem;font-weight:800}.cfg-totals .cfg-total-v{color:var(--cfg-red)}.cfg-actions{gap:.45rem;display:grid}.cfg-guest{border:1.5px solid var(--cfg-red);color:var(--cfg-text);border-radius:14px;gap:.5rem;padding:.8rem .85rem .9rem;font-size:.8125rem;line-height:1.45;display:grid}.cfg-guest-title{font-family:var(--font-display);color:var(--cfg-ink);font-size:.9375rem;font-weight:800}.cfg-restore{border:1.5px solid var(--cfg-ink);color:var(--cfg-ink);border-radius:12px;gap:.45rem;padding:.65rem .75rem;font-size:.8125rem;line-height:1.4;display:grid}.cfg-restore span{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}@container (min-width:52rem){.cfg{height:clamp(34rem, calc(100dvh - var(--header-total,4.75rem) - var(--cfg-top-gap,4.5rem)), 62rem);grid-template:"stage sizes""stage recap"minmax(0,1fr)"shop recap"/minmax(0,1fr) clamp(19rem,30%,22rem);gap:.8rem 1rem;display:grid}.cfg-sizes{border:1px solid var(--cfg-line);background:var(--cfg-bg);border-radius:20px;grid-area:sizes;padding:.9rem 1rem 1rem}.cfg-sizes-head{gap:.15rem;display:grid}.cfg-sizes-note{font-size:.75rem;line-height:1.35}.cfg-sizes-row{flex-direction:column;margin-top:.65rem}.cfg-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:0;display:grid;overflow:visible}.cfg-format{border-radius:12px;gap:.25rem;width:100%;height:2.85rem;padding:0 .35rem 0 .2rem}.cfg-format-plan{width:1.55rem;height:1.55rem}.cfg-format-txt strong{font-size:.84375rem}.cfg-format-txt span{font-size:.65625rem}.cfg-compare-btn{border-radius:12px;justify-content:center;width:100%;height:2.6rem}.cfg-custom .bb-input{width:5.2rem}.cfg-recap-surface{display:none}@container (max-width:64rem){.cfg-format-plan{display:none}.cfg-format{justify-content:center;padding:0 .25rem}.cfg-format-txt{text-align:center}}.cfg-sizes-note{display:none}.cfg-stage{grid-area:stage;height:auto;min-height:15rem;position:relative;top:auto}.cfg-stage[data-full]{height:100dvh;position:fixed}.cfg-plan{grid-area:1/1/4/2;min-height:0}.cfg[data-step=plan] .cfg-shop{display:none}.cfg-shop{grid-area:shop}.cfg-scroll{display:flex}.cfg-recap{grid-area:recap}}@container (max-width:51.99rem){.cfg-recap{z-index:25;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:18px 18px 0 0;position:sticky;bottom:0;box-shadow:0 -10px 30px #0a0a0a1f}.cfg-recap-bar{padding:.65rem .8rem .65rem 1rem}.cfg-recap-bar .cfg-h{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cfg-recap-mini{flex:1;min-width:0;line-height:1.15;display:grid}.cfg-recap-mini strong{font-family:var(--font-display);color:var(--cfg-red);font-size:1.125rem;font-weight:800}.cfg-recap-mini span{color:var(--cfg-muted);font-size:.72rem}.cfg-recap-toggle{background:var(--cfg-ink);min-height:2.5rem;color:var(--cfg-bg);border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:0 .9rem;font-size:.8125rem;font-weight:800;display:inline-flex}.cfg-recap-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;transition:transform .2s var(--ease-out-bb)}.cfg-recap[data-open] .cfg-recap-toggle svg{transform:rotate(180deg)}.cfg-recap:not([data-open]) .cfg-recap-body{display:none}.cfg-recap[data-open] .cfg-recap-body{overscroll-behavior:contain;max-height:min(68svh,40rem);display:block;overflow-y:auto}.cfg-recap-scroll{overflow:visible}.cfg-card{width:12.25rem}.cfg-stage-hint{max-width:calc(100% - 15rem)}.cfg-sizes-row{flex-direction:column;gap:.45rem}.cfg-compare-btn{border-radius:12px;justify-content:center;height:2.6rem}.cfg-sizes-note{display:none}}@container (max-width:34rem){.cfg-pill span,.cfg-stage-scale{display:none}.cfg-pill{padding:0 .55rem}.cfg-stage-title{max-width:55%}.cfg-stage-hint{display:none}.cfg-stage-tools .cfg-icon{width:2.1rem;height:2.1rem}.cfg-compare-btn{padding:0 .8rem}.cfg-compare-bar .cfg-linkbtn:first-of-type{display:none}}@media (prefers-reduced-motion:reduce){.cfg-stage-wait,.cfg-spinner{animation:none}}.cfg-sides{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.6rem;display:flex}.cfg-sides-k{width:100%;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--cfg-muted);font-size:.6875rem;font-weight:800}.cfg-side{border:1.5px solid var(--cfg-line);background:var(--cfg-bg);min-width:0;min-height:2.6rem;color:var(--cfg-muted);text-align:center;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.05rem;padding:.2rem .3rem;font-size:.625rem;line-height:1.1;display:inline-flex}.cfg-side strong{font-family:var(--font-display);color:var(--cfg-ink);font-size:.875rem;font-weight:800}.cfg-side span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cfg-side:hover:not(:disabled){border-color:var(--cfg-red)}.cfg-side[aria-pressed=true]{border-color:var(--cfg-red);background:var(--cfg-red);color:#fff}.cfg-side[aria-pressed=true] strong{color:#fff}.cfg-side:disabled{opacity:.4;cursor:not-allowed}.cfg-quote{max-height:min(70vh,40rem);overflow-y:auto}.cfg-quote .bb-label{font-size:.75rem}.cfg-quote .bb-input,.cfg-quote .bb-textarea{min-height:2.5rem;font-size:.875rem}.cfg-quote-cta{min-height:3.1rem;font-size:1rem}.cfg-unavail{border-top:1px solid var(--cfg-line);padding-top:.4rem}.cfg-unavail summary{cursor:pointer;width:fit-content;max-width:100%;font-family:var(--font-display);color:var(--cfg-muted);flex-wrap:wrap;align-items:center;gap:.1rem .5rem;padding:.35rem 0;font-size:.8125rem;font-weight:800;list-style:none;display:flex}.cfg-unavail summary::-webkit-details-marker{display:none}.cfg-unavail summary svg{fill:none;stroke:currentColor;stroke-width:2px;width:1rem;height:1rem;transition:transform .18s var(--ease-out-bb)}.cfg-unavail[open] summary svg{transform:rotate(180deg)}.cfg-unavail summary:hover .cfg-unavail-title{color:var(--cfg-ink)}.cfg-unavail-sub{font-family:var(--font-sans,inherit);flex-basis:100%;order:3;font-size:.75rem;font-weight:500}.cfg-unavail:not([open]) .cfg-unavail-sub{display:none}.cfg-na-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.5rem;margin:.5rem 0 .25rem;padding:0;list-style:none;display:grid}.cfg-na-item{border:1px solid var(--cfg-line);background:var(--cfg-bg);border-radius:14px;align-items:flex-start;gap:.7rem;min-width:0;padding:.5rem;display:flex}.cfg-na-thumb{border:1px solid var(--cfg-line);border-radius:10px;width:6.25rem;height:4.5rem}.cfg-na-thumb .cfg-thumb-still{filter:grayscale(.55);opacity:.8}.cfg-na-body{flex:1;gap:.2rem;min-width:0;display:grid}.cfg-na-body .cfg-card-name{color:var(--cfg-muted)}.cfg-na-why{color:var(--cfg-ink);align-items:flex-start;gap:.35rem;font-size:.75rem;font-weight:600;line-height:1.35;display:flex}.cfg-na-why svg{fill:none;width:.95rem;height:.95rem;stroke:var(--cfg-red);stroke-width:2px;stroke-linecap:round;margin-top:.05rem}.cfg-na-fix{min-height:1.75rem;color:var(--cfg-red);justify-self:start;align-items:center;gap:.25rem;margin-left:-.7rem;display:inline-flex}.cfg-na-fix svg{fill:none;stroke:currentColor;stroke-width:2px;width:.9rem;height:.9rem}@container (min-width:52rem){.cfg[data-layout=wide]{grid-template-columns:minmax(0,1fr) clamp(20rem,28%,23rem);grid-template-rows:auto clamp(24rem, calc(100dvh - var(--header-total,4.75rem) - 16rem), 36rem) auto;grid-template-areas:"stage sizes""stage recap""shop shop";height:auto}.cfg[data-layout=wide] .cfg-stage{min-height:30rem}.cfg[data-layout=wide] .cfg-shop{margin-top:.6rem}.cfg[data-layout=wide] .cfg-scroll{display:none}.cfg[data-layout=wide] .cfg-ribbon{scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(11.75rem,1fr));gap:.7rem;display:grid;overflow:visible}.cfg[data-layout=wide] .cfg-group,.cfg[data-layout=wide] .cfg-cards{display:contents}.cfg[data-layout=wide] .cfg-mine-empty{grid-column:1/-1}.cfg[data-layout=wide] .cfg-group-label{writing-mode:horizontal-tb;border-right:0;border-bottom:2px solid var(--cfg-red);width:fit-content;padding:0 0 .35rem;font-size:.8125rem;transform:none}.cfg[data-layout=wide] .cfg-group-label svg{transform:none}.cfg[data-layout=wide] .cfg-group-label{display:none}.cfg[data-layout=wide] .cfg-card{width:auto}.cfg[data-layout=wide] .cfg-card-cat{display:inline-flex}}.cfg-formula{margin-top:0;margin-bottom:.6rem}.cfg-formula .cfg-side{flex:1 1 0}.cfg-formula-lead{width:100%;color:var(--cfg-muted);margin:.15rem 0 0;font-size:.75rem;line-height:1.35}.cfg-unplaced{border:1.5px solid var(--cfg-red);background:var(--cfg-bg);color:var(--cfg-ink);border-radius:12px;align-items:flex-start;gap:.45rem;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.8125rem;line-height:1.35;display:flex}.cfg-unplaced svg{color:var(--cfg-red);margin-top:.1rem}@container (min-width:52rem){.cfg-unplaced{z-index:21;grid-area:stage;place-self:end center;max-width:calc(100% - 2rem);margin:0 0 4.25rem;position:relative;box-shadow:0 6px 18px #0000001f}}.cfg-faces{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cfg-faces .cfg-sides-k{grid-column:1/-1}.cfg-side.cfg-face{text-align:left;flex-direction:row;justify-content:flex-start;gap:.45rem;padding:.3rem .5rem}.cfg-face .sg{flex:none;width:1.35rem;height:1.35rem}.cfg-face-txt{min-width:0;font-size:.6875rem;line-height:1.2;display:grid}.cfg-face-txt strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.cfg-face[aria-pressed=true]{--sg-open:#fff;--sg-closed:#141414b3;--sg-floor:#ffffff40}.cfg-face:disabled{--sg-open:var(--cfg-muted)}.cfg-card-cat{z-index:2;background:var(--cfg-ink);max-width:calc(100% - 3rem);color:var(--cfg-bg);font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem .2rem .45rem;font-size:.6875rem;font-weight:800;line-height:1.2;display:none;position:absolute;top:.5rem;left:.5rem;overflow:hidden}.cfg-card-cat svg{color:var(--cfg-red);flex:none}.cfg-public{--cfg-top-gap:14.5rem}.cfg-public .cfg{--cfg-thumb-h:clamp(3.5rem, 7vh, 4.5rem)}@container (min-width:52rem){.cfg-public .cfg{grid-template-rows:minmax(0,1fr) minmax(0,auto);grid-template-areas:"stage sizes""shop recap";min-height:34rem}.cfg-public .cfg-sizes,.cfg-public .cfg-recap{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.cfg-public .cfg-recap{height:0;min-height:100%}.cfg-public .cfg .cfg-card-desc{white-space:nowrap;text-overflow:ellipsis;max-height:1.35em;overflow:hidden}.cfg-public .cfg-card-badges{display:none}.cfg-public .cfg .cfg-card-foot{padding:.3rem .6rem .5rem}.cfg-public .cfg .cfg-card-btn,.cfg-public .cfg .cfg-card-foot .bb-btn{height:2rem;min-height:0;padding-block:0}.cfg-public .cfg .cfg-card-body{gap:.2rem;padding:.45rem .65rem .1rem}.cfg-public .cfg .cfg-card-note{display:none}}}.cfg-modal-wrap{z-index:90;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cfg-modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#0a0a0a8c;position:absolute;inset:0}.cfg-modal{overscroll-behavior:contain;width:min(36rem,100%);max-height:calc(100dvh - 2rem);color:var(--color-bb-graphite);background:#fff;border-radius:24px;gap:.9rem;padding:1.75rem 1.5rem 1.25rem;display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 80px -20px #0a0a0a80}.cfg-modal-title{font-family:var(--font-display);color:var(--color-bb-black);padding-right:2.5rem;font-size:1.5rem;font-weight:800;line-height:1.1}.cfg-modal-lead{color:var(--color-bb-muted);font-size:.9375rem}.cfg-modal-x{border:1.5px solid var(--color-bb-line);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex;position:absolute;top:1rem;right:1rem}.cfg-modal-x svg{fill:none;stroke:currentColor;stroke-width:2px;width:1.1rem;height:1.1rem}.cfg-modal .cfg-linkbtn{justify-self:center}.cfg-viewer-wrap{--cfg-bg:#fff;--cfg-soft:var(--color-bb-offwhite);--cfg-line:var(--color-bb-line);--cfg-ink:var(--color-bb-black);--cfg-text:var(--color-bb-graphite);--cfg-muted:var(--color-bb-muted);--cfg-red:var(--color-bb-red);z-index:90;animation:cfg-viewer-fade .2s var(--ease-out-bb) both;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}@keyframes cfg-viewer-fade{0%{opacity:0}}.cfg-viewer{width:min(62rem,100%);height:min(36rem,100dvh - 2rem);color:var(--color-bb-graphite);animation:cfg-viewer-in .32s var(--ease-out-bb) both;background:#fff;border-radius:24px;grid-template-columns:minmax(0,1fr) 19rem;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0a0a0a80}@keyframes cfg-viewer-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}.cfg-viewer-stage{background:radial-gradient(90% 80% at 50% 45%,#fff 55%,#f6f5f3 100%);min-height:0;position:relative}.cfg-viewer-3d{cursor:grab;touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .36s var(--ease-out-bb);position:absolute;inset:0}.cfg-viewer-3d[data-dragging]{cursor:grabbing}.cfg-viewer-stage[data-ready] .cfg-viewer-3d{opacity:1}.cfg-viewer-wait{border:2px solid var(--color-bb-line);border-top-color:var(--color-bb-red);border-radius:999px;width:2rem;height:2rem;margin:auto;animation:.8s linear infinite cfg-spin;position:absolute;inset:0}@keyframes cfg-spin{to{transform:rotate(360deg)}}.cfg-viewer-tools{background:#fffffff0;border-radius:999px;align-items:center;gap:.2rem;padding:.25rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0a0a0a12,0 6px 18px #0a0a0a1a}.cfg-viewer-tools>span{background:var(--color-bb-line);width:1px;height:1.25rem;margin:0 .2rem}.cfg-viewer-tools button{width:2.25rem;height:2.25rem;color:var(--color-bb-black);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cfg-viewer-tools button:hover{background:var(--color-bb-offwhite);color:var(--color-bb-red)}.cfg-viewer-tools svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.cfg-viewer-hint{color:var(--color-bb-muted);pointer-events:none;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:1rem;left:1rem}.cfg-viewer-hint svg{width:1.1rem;height:1.1rem;color:var(--color-bb-red)}.cfg-viewer-side{border-left:1px solid var(--color-bb-line);flex-direction:column;gap:.6rem;min-height:0;padding:3.75rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.cfg-viewer-cat{letter-spacing:.12em;text-transform:uppercase;color:var(--color-bb-red);font-size:.6875rem;font-weight:800}.cfg-viewer-name{font-family:var(--font-display);color:var(--color-bb-black);font-size:1.375rem;font-weight:800;line-height:1.12}.cfg-viewer-side .cfg-card-price{font-size:1rem}.cfg-viewer-desc{font-size:.875rem;line-height:1.5}.cfg-viewer-foot{margin-top:auto;padding:.5rem 0 0}.cfg-viewer-foot .cfg-card-btn{min-height:2.75rem}.cfg-viewer-note{color:var(--color-bb-muted);font-size:.6875rem}.cfg-viewer .cfg-modal-x{z-index:2}@media (max-width:47.99rem){.cfg-viewer-wrap{align-items:end;padding:0}.cfg-viewer{border-radius:22px 22px 0 0;grid-template-rows:minmax(16rem,1fr) auto;grid-template-columns:1fr;height:min(92dvh,46rem)}.cfg-viewer-side{max-height:42dvh;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--color-bb-line)}.cfg-viewer-hint{top:1.1rem;left:1rem;right:4rem}}.cfg-wrap[data-full]{z-index:80;background:var(--color-bb-offwhite,#f4f2ef);padding:.9rem;position:fixed;inset:0;overflow:hidden}.cfg-wrap[data-full]:fullscreen{padding:.9rem}.cfg-wrap[data-full] .cfg{height:calc(100dvh - 1.8rem)}.cfg-wrap[data-full] .cfg-shop{display:none}.cfg-wrap[data-full][data-shop=open] .cfg-shop{border:1px solid var(--cfg-line);background:var(--cfg-bg);border-radius:20px;max-height:46dvh;padding:.75rem;display:block;overflow:auto}.cfg-wrap[data-full] .cfg-recap{min-height:0;overflow:auto}.cfg-fs-bar{z-index:30;align-items:center;gap:.5rem;display:flex;position:absolute;top:1.6rem;right:calc(clamp(19rem,30%,22rem) + 2.65rem)}.cfg-fs-bar .fs-btn{box-shadow:0 8px 20px -14px #00000080}.cfg-wrap[data-full] .cfg-stage-layers{top:4rem}@container (max-width:51.99rem){.cfg-fs-bar{top:1.5rem;right:1.5rem}}.cfg-wrap>.cfg-unavail{margin-top:.9rem}.cfg-cat.cfg-cat-mine:not([aria-pressed=true]){box-shadow:inset 0 0 0 1.5px var(--color-bb-red);color:var(--color-bb-red)}.cfg-cat.cfg-cat-mine svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cfg-mine-empty{color:var(--color-bb-muted);padding:1.5rem 1rem;font-size:.9375rem}