.tryon.svelte-7f7o9l{container-type:inline-size;display:grid;gap:.85rem;min-width:0;padding:1.1rem;background:#fff;border:1px solid #f0cdb1;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tryon.svelte-7f7o9l h2:where(.svelte-7f7o9l){margin:0;font-size:1.15rem}.tryon__heads.svelte-7f7o9l{display:flex;gap:.5rem;width:100%;max-width:440px}.tryon__head.svelte-7f7o9l{flex:1 1 0;min-width:0;min-height:44px;padding:.25rem;border:2px solid #f0e4d8;border-radius:var(--radius);background:#fffbf7;cursor:pointer}.tryon__head[aria-checked=true].svelte-7f7o9l{border-color:var(--orange);background:#fff1e5}.tryon__head.svelte-7f7o9l:focus-visible{outline:3px solid var(--orange-glow);outline-offset:2px}.tryon__head.svelte-7f7o9l svg:where(.svelte-7f7o9l){display:block;width:100%;height:56px}.tryon__strip.svelte-7f7o9l{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.15rem}.tryon__thumb.svelte-7f7o9l{flex:0 0 auto;width:48px;height:48px;padding:4px;border:2px solid #f0e4d8;border-radius:10px;background:#fff;cursor:pointer}.tryon__thumb[aria-pressed=true].svelte-7f7o9l{border-color:var(--orange);background:#fff1e5}.tryon__thumb.svelte-7f7o9l:focus-visible{outline:3px solid var(--orange-glow);outline-offset:2px}.tryon__thumb.svelte-7f7o9l img:where(.svelte-7f7o9l){display:block;width:100%;height:100%;object-fit:contain}.tryon__stage.svelte-7f7o9l{display:block;width:100%;max-width:440px;margin:0 auto;aspect-ratio:1;background:#fff7ee;border:1px solid #f0e4d8;border-radius:var(--radius-lg);touch-action:none}.tryon__stage--editable.svelte-7f7o9l:focus-visible{outline:3px solid var(--orange-glow);outline-offset:3px}.tryon__prop.svelte-7f7o9l{cursor:default}.tryon__stage--editable.svelte-7f7o9l .tryon__prop:where(.svelte-7f7o9l){cursor:grab}.tryon__stage--editable.svelte-7f7o9l .tryon__prop:where(.svelte-7f7o9l):active{cursor:grabbing}.tryon__guide.svelte-7f7o9l{fill:none;stroke:var(--orange);stroke-width:.025;stroke-dasharray:.08 .05;pointer-events:none}.tryon__body.svelte-7f7o9l{display:grid;gap:.85rem}.tryon__view.svelte-7f7o9l{display:grid;gap:.5rem;min-width:0}@container (min-width: 640px){.tryon__body.svelte-7f7o9l{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:1.5rem}}.tryon__help.svelte-7f7o9l{margin:0;color:var(--gray-500);font-size:.85rem}.tryon__empty.svelte-7f7o9l{margin:0;padding:1.5rem 0;text-align:center;color:var(--gray-500);font-weight:600}.tryon__controls.svelte-7f7o9l{display:grid;gap:.6rem}.tryon__row.svelte-7f7o9l{display:grid;grid-template-columns:6.5rem minmax(0,1fr) 4.75rem;align-items:center;gap:.6rem}.tryon__row.svelte-7f7o9l label:where(.svelte-7f7o9l){font-size:.85rem;font-weight:700;color:var(--gray-700)}.tryon__row.svelte-7f7o9l input[type=range]:where(.svelte-7f7o9l){width:100%;min-height:44px;accent-color:var(--orange-dark)}.tryon__number.svelte-7f7o9l{width:100%;min-height:44px;padding:.3rem .4rem;border:1px solid #e5ded6;border-radius:8px;font:inherit;font-size:16px;text-align:right}.tryon__row--slot.svelte-7f7o9l{grid-template-columns:6.5rem minmax(0,1fr)}.tryon__row--slot.svelte-7f7o9l select:where(.svelte-7f7o9l){min-height:44px;padding:.4rem .6rem;border:1px solid #e5ded6;border-radius:8px;background:#fff;font:inherit;font-size:16px}.tryon__side.svelte-7f7o9l{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;border:0}.tryon__side.svelte-7f7o9l legend:where(.svelte-7f7o9l){padding:0;margin-bottom:.2rem;font-size:.85rem;font-weight:700;color:var(--gray-700)}.tryon__side.svelte-7f7o9l label:where(.svelte-7f7o9l){display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.9rem}.tryon__foot.svelte-7f7o9l{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.tryon__check.svelte-7f7o9l{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;font-size:.85rem;color:var(--gray-600)}.tryon__reset.svelte-7f7o9l{min-height:44px;padding:.4rem 1rem;border:2px solid var(--orange);border-radius:999px;background:transparent;color:#a85208;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.tryon__reset.svelte-7f7o9l:hover{background:var(--orange);color:#fff}.tryon__reset.svelte-7f7o9l:focus-visible{outline:3px solid var(--orange-glow);outline-offset:2px}.tryon__status.svelte-7f7o9l{margin-left:auto;color:var(--gray-500);font-size:.8rem;font-weight:600}@media(max-width:480px){.tryon__row.svelte-7f7o9l{grid-template-columns:5.25rem minmax(0,1fr) 4.25rem;gap:.4rem}.tryon__row--slot.svelte-7f7o9l{grid-template-columns:5.25rem minmax(0,1fr)}}