.stage.svelte-umon2p{touch-action:none;background:#fff;grid-area:1/1;place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden;container-type:size}.world.svelte-umon2p{aspect-ratio:1;isolation:isolate;cursor:default;touch-action:none;user-select:none;outline:none;width:min(100cqw,100cqh);max-width:100%;height:min(100cqw,100cqh);max-height:100%;position:relative}.world.hot.svelte-umon2p{cursor:grab}.world.dragging.svelte-umon2p{cursor:grabbing}@supports not (width:1cqw){.world.svelte-umon2p{width:min(100%,64vh);height:auto}}.watermark.svelte-umon2p{z-index:0;font-family:var(--font-display);letter-spacing:.08em;color:#1c191414;pointer-events:none;user-select:none;font-size:clamp(1.2rem,5cqi,2.2rem);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.guide.svelte-umon2p,.cord.svelte-umon2p{z-index:0;pointer-events:none;border-radius:999px;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.guide.svelte-umon2p{border:1.5px dashed #a0948473}.cord.svelte-umon2p{border:2px solid #5a483a38}.node.svelte-umon2p{--content:100%;--ax:50%;--ay:50%;z-index:1;pointer-events:none;background:0 0;border:0;padding:0;transition:left .3s cubic-bezier(.22,1,.36,1),top .3s cubic-bezier(.22,1,.36,1),transform .18s;position:absolute;transform:translate(-50%,-50%)}.node.anchor-top.svelte-umon2p{transform:translate(calc(-1 * var(--ax)), calc(-1 * var(--ay)))}.node-spin.svelte-umon2p{--rot:0deg;--origin:50% 50%;width:100%;height:100%;transform:rotate(var(--rot));transform-origin:var(--origin);transition:transform .18s;position:relative}.world.suppress-motion.svelte-umon2p .guide:where(.svelte-umon2p),.world.suppress-motion.svelte-umon2p .cord:where(.svelte-umon2p),.world.suppress-motion.svelte-umon2p .node:where(.svelte-umon2p),.world.suppress-motion.svelte-umon2p .node-spin:where(.svelte-umon2p){transition:none}.node.hovered.svelte-umon2p:not(.dragging){z-index:2;transform:translate(-50%,-50%)scale(1.03)}.node.anchor-top.hovered.svelte-umon2p:not(.dragging){transform:translate(calc(-1 * var(--ax)), calc(-1 * var(--ay))) scale(1.03)}.node.selected.svelte-umon2p{z-index:3}.node.selected.hovered.svelte-umon2p:not(.dragging){z-index:4}.node.dragging.svelte-umon2p{z-index:5;filter:drop-shadow(0 8px 14px #1c191438);transition:transform .12s;transform:translate(-50%,-50%)scale(1.08)}.node.anchor-top.dragging.svelte-umon2p{transform:translate(calc(-1 * var(--ax)), calc(-1 * var(--ay))) scale(1.08)}.select-ring.svelte-umon2p{inset:calc((100% - var(--content)) / 2);pointer-events:none;border-radius:999px;position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #1c1914b8}.node.svelte-umon2p img:where(.svelte-umon2p){object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 4px #281e142e);width:100%;height:100%;display:block}.fallback.svelte-umon2p{filter:drop-shadow(0 2px 4px #281e1429);width:100%;height:100%;margin:0 auto;display:block}.bead-fallback.svelte-umon2p{background:radial-gradient(circle at 30% 28%,#ffffffbf,#0000 42%),radial-gradient(circle at 70% 75%,#0000002e,#0000 45%),#e8b7c8;border-radius:999px}.spacer-fallback.svelte-umon2p{background:linear-gradient(145deg,#f2f4f6,#8e98a3);border-radius:999px;width:70%;height:38%;margin-top:31%}.charm-fallback.svelte-umon2p{background:linear-gradient(145deg,#f2f4f6,#8e98a3);border-radius:.35rem;width:70%;height:70%;margin-top:15%;transform:rotate(45deg)}.designer.svelte-h3yh2k{--work-area:calc(100svh - var(--chrome-offset,5.5rem) - var(--mobile-nav-height,0px) - .75rem);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:.4rem;height:auto;min-height:0;display:grid}.viewport.svelte-h3yh2k{height:calc(var(--work-area) * .6);background:#fff;grid-template:1fr/1fr;min-width:0;min-height:14rem;padding:0;display:grid;position:relative;overflow:hidden}.viewport-chrome.svelte-h3yh2k{z-index:2;pointer-events:none;grid-area:1/1;justify-content:space-between;align-self:start;align-items:center;gap:.5rem;margin:.5rem .6rem 0;display:flex;position:relative}.brand-mark.svelte-h3yh2k{font-family:var(--font-display);letter-spacing:.04em;color:color-mix(in srgb, var(--ink) 55%, transparent);font-size:1.15rem}.viewport-meta.svelte-h3yh2k{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.fit-badge.svelte-h3yh2k,.price-pill.svelte-h3yh2k{pointer-events:none;border:1px solid var(--line);background:#ffffffeb;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600;box-shadow:0 4px 14px #1c19140f}.fit-badge[data-status=too_short].svelte-h3yh2k,.fit-badge[data-status=too_long].svelte-h3yh2k{color:#7a3e16;background:#fff4e6eb;border-color:#e0b892}.fit-badge[data-status=ready].svelte-h3yh2k{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:#d7ebe4e6}.sidebar.svelte-h3yh2k{min-width:0;height:calc(var(--work-area) * .4 - .4rem);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:.4rem;min-height:11rem;max-height:none;padding:.55rem;display:flex;overflow:hidden auto}.sidebar.svelte-h3yh2k>:where(.svelte-h3yh2k):not(.grid){flex:none}.sidebar.svelte-h3yh2k .grid:where(.svelte-h3yh2k){flex:auto;min-height:10rem}.lead.svelte-h3yh2k{margin:0}.row.svelte-h3yh2k{flex-wrap:wrap;gap:.4rem;display:flex}.grid.svelte-h3yh2k{scrollbar-width:thin;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.5rem;min-height:0;padding-right:.2rem;display:grid;overflow:hidden auto}.empty-filter.svelte-h3yh2k{grid-column:1/-1;margin:.35rem 0 0}.color-tabs-shell.svelte-h3yh2k{border-bottom:1px solid var(--line);min-height:2.4rem;position:relative}.color-tabs-shell.svelte-h3yh2k:before,.color-tabs-shell.svelte-h3yh2k:after{content:"";pointer-events:none;opacity:0;z-index:1;width:1.6rem;transition:opacity .16s;position:absolute;top:0;bottom:1px}.color-tabs-shell.svelte-h3yh2k:before{background:linear-gradient(to right, var(--surface), transparent);left:0}.color-tabs-shell.svelte-h3yh2k:after{background:linear-gradient(to left, var(--surface), transparent);right:0}.color-tabs-shell.fade-left.svelte-h3yh2k:before,.color-tabs-shell.fade-right.svelte-h3yh2k:after{opacity:1}.color-tabs.svelte-h3yh2k{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;align-items:center;gap:.15rem;min-height:2.4rem;padding-bottom:.15rem;display:flex;overflow:auto hidden}.color-tabs.svelte-h3yh2k::-webkit-scrollbar{display:none}.color-tab.svelte-h3yh2k{color:var(--ink-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:.45rem .55rem .55rem;font-size:.88rem;line-height:1.2;transition:color .16s,border-color .16s}.color-tab.svelte-h3yh2k:hover,.color-tab.active.svelte-h3yh2k{color:var(--ink)}.color-tab.active.svelte-h3yh2k{border-bottom-color:var(--ink);font-weight:600}.bead.svelte-h3yh2k{text-align:center;border:1px solid var(--line);cursor:pointer;background:#faf5eb;border-radius:.85rem;grid-template-rows:5.25rem auto;gap:.35rem;min-width:0;padding:.65rem .5rem .5rem;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:grid}.bead.svelte-h3yh2k:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 6px 18px #1c19140f}.bead.svelte-h3yh2k:active{transform:scale(.97)}.bead-details.svelte-h3yh2k{gap:.08rem;min-width:0;display:grid}.bead-name.svelte-h3yh2k,.bead.svelte-h3yh2k small:where(.svelte-h3yh2k){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bead-name.svelte-h3yh2k{letter-spacing:.01em;color:color-mix(in srgb, var(--ink) 72%, transparent);font-size:.8rem;font-weight:500}.bead.svelte-h3yh2k small:where(.svelte-h3yh2k){font-size:.72rem}.swatch-img.svelte-h3yh2k{object-fit:contain;filter:drop-shadow(0 3px 6px #1c191424);background:0 0;justify-self:center;width:5.25rem;height:5.25rem;transition:transform .18s}.swatch.svelte-h3yh2k{--bead-size:1;width:min(calc(2.4rem * var(--bead-size)), 5.25rem);height:min(calc(2.4rem * var(--bead-size)), 5.25rem);background:radial-gradient(circle at 30% 28%,#ffffffbf,#0000 42%),radial-gradient(circle at 70% 75%,#0000002e,#0000 45%),#e8b7c8;border-radius:999px;place-self:center;transition:transform .18s;box-shadow:0 4px 10px #1c19141f,inset 0 -2px 4px #0000001f}.bead.svelte-h3yh2k:hover .swatch:where(.svelte-h3yh2k){transform:scale(1.08)}.bead.svelte-h3yh2k:hover .swatch-img:where(.svelte-h3yh2k){transform:scale(1.06)}.bead.svelte-h3yh2k:hover .swatch[data-kind=charm]:where(.svelte-h3yh2k){transform:rotate(45deg)scale(1.08)}.swatch[data-preset=matte-stone].svelte-h3yh2k{background:radial-gradient(circle at 32% 28%,#fff3,#0000 40%),#2a2a2e}.swatch[data-preset=metal].svelte-h3yh2k{background:radial-gradient(circle at 30% 25%,#fff,#0000 40%),linear-gradient(145deg,#f2f4f6,#8e98a3)}.swatch[data-preset=pearl].svelte-h3yh2k{background:radial-gradient(circle at 30% 28%,#fff,#0000 42%),radial-gradient(circle at 70% 70%,#e8bea059,#0000 50%),#f3ebe0}.swatch[data-preset=glass].svelte-h3yh2k{background:radial-gradient(circle at 30% 25%,#ffffffe6,#0000 35%),linear-gradient(160deg,#d8f1f8,#7ec0d6)}.swatch[data-kind=spacer].svelte-h3yh2k{border-radius:.35rem;width:1.35rem;height:.85rem}.swatch[data-kind=charm].svelte-h3yh2k{border-radius:.35rem;transform:rotate(45deg)}.metrics.svelte-h3yh2k{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;padding:.65rem .75rem;display:flex}.metrics-stats.svelte-h3yh2k{flex-wrap:wrap;flex:auto;align-items:end;gap:.65rem 1.1rem;min-width:0;display:flex}.stat.svelte-h3yh2k{align-content:end;gap:.2rem;display:grid}.stat.wrist.svelte-h3yh2k{grid-template-columns:auto auto;align-items:center;gap:.15rem .4rem;display:grid}.stat.wrist.svelte-h3yh2k .muted:where(.svelte-h3yh2k){grid-column:1/-1}.stat.fit.svelte-h3yh2k{max-width:16rem}.stat.fit.svelte-h3yh2k strong:where(.svelte-h3yh2k){font-size:.92rem;font-weight:600;line-height:1.25}.metrics.svelte-h3yh2k input:where(.svelte-h3yh2k){border:1px solid var(--line);background:#fffdf8;border-radius:.55rem;width:4.5rem;margin:0;padding:.35rem .5rem}.metrics-actions.svelte-h3yh2k{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.metrics-actions.svelte-h3yh2k .btn:where(.svelte-h3yh2k){padding:.55rem .95rem}.metrics-status.svelte-h3yh2k{flex-basis:100%;margin:0}.btn.svelte-h3yh2k{transition:transform .14s,filter .14s,border-color .16s,color .16s,background-color .16s}.btn.svelte-h3yh2k:active:not(:disabled){transform:scale(.96)}.btn.active.svelte-h3yh2k{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.selected.svelte-h3yh2k{gap:.35rem;display:grid}.selected-head.svelte-h3yh2k{gap:.1rem;min-width:0;display:grid}.selected-head.svelte-h3yh2k strong:where(.svelte-h3yh2k){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.selected-hint.svelte-h3yh2k{margin:0}@media (width<=959px){.brand-mark.svelte-h3yh2k,.viewport-meta.svelte-h3yh2k .fit-badge:where(.svelte-h3yh2k),.lead.svelte-h3yh2k{display:none}.selected.svelte-h3yh2k{gap:.25rem}.selected-head.svelte-h3yh2k{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.45rem}.selected-head.svelte-h3yh2k .muted:where(.svelte-h3yh2k){white-space:nowrap;font-size:.78rem}.selected-head.svelte-h3yh2k strong:where(.svelte-h3yh2k){font-size:.88rem}.selected.svelte-h3yh2k .row:where(.svelte-h3yh2k){flex-wrap:nowrap;gap:.25rem}.selected.svelte-h3yh2k .row:where(.svelte-h3yh2k) .btn:where(.svelte-h3yh2k){flex:none;padding:.38rem .5rem;font-size:.78rem}.selected.svelte-h3yh2k .row:where(.svelte-h3yh2k) .btn:where(.svelte-h3yh2k):nth-child(3),.selected.svelte-h3yh2k .row:where(.svelte-h3yh2k) .btn:where(.svelte-h3yh2k):nth-child(4),.selected.svelte-h3yh2k .row:where(.svelte-h3yh2k) .btn:where(.svelte-h3yh2k):nth-child(5){flex:auto}.desktop-hint.svelte-h3yh2k{display:none}.selected-hint.svelte-h3yh2k:not(.desktop-hint){font-size:.78rem}.form-field.svelte-h3yh2k span:where(.svelte-h3yh2k){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-field.svelte-h3yh2k{gap:0}.form-field.svelte-h3yh2k input:where(.svelte-h3yh2k){padding:.5rem .65rem}.color-tabs-shell.svelte-h3yh2k,.color-tabs.svelte-h3yh2k{min-height:2rem}.color-tab.svelte-h3yh2k{padding:.3rem .45rem .4rem;font-size:.82rem}.bead.svelte-h3yh2k{border-radius:.7rem;padding:.5rem .4rem .4rem}.metrics.svelte-h3yh2k{gap:.4rem .65rem;padding:.5rem .6rem}.metrics-stats.svelte-h3yh2k{gap:.4rem .75rem}.stat.fit.svelte-h3yh2k{flex:100%;max-width:none}.stat.fit.svelte-h3yh2k strong:where(.svelte-h3yh2k){font-size:.84rem}.metrics-actions.svelte-h3yh2k{gap:.3rem;width:100%;margin-left:0}.metrics-actions.svelte-h3yh2k .btn:where(.svelte-h3yh2k){padding:.42rem .7rem;font-size:.84rem}}@media (width>=960px){.designer.svelte-h3yh2k{--work-area:auto;height:calc(100dvh - var(--chrome-offset,5.5rem));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:.75rem;min-height:0}.viewport.svelte-h3yh2k{grid-row:1;height:100%;min-height:0}.sidebar.svelte-h3yh2k{grid-row:1;gap:.75rem;height:100%;min-height:0;max-height:none;padding:1rem}.sidebar.svelte-h3yh2k .grid:where(.svelte-h3yh2k){min-height:0}.metrics.svelte-h3yh2k{flex-wrap:nowrap;grid-column:1/-1;align-items:center;gap:1rem 1.25rem;padding:1rem}.metrics-stats.svelte-h3yh2k{flex-wrap:nowrap;flex:0 auto;gap:.85rem 1.35rem}.metrics-actions.svelte-h3yh2k{flex-wrap:nowrap;flex:none;margin-left:auto}}@media (width>=1200px){.sidebar.svelte-h3yh2k .grid:where(.svelte-h3yh2k){grid-template-columns:repeat(3,minmax(0,1fr))}}