.bead-studio-module__ZqC_Aq__studio{color:#f7f1e5;--studio-ink:#f7f1e5;--studio-muted:#bccdc3;--studio-gold:#e4c78f;--studio-border:#3e544a;background:#101b17;min-height:100vh}.bead-studio-module__ZqC_Aq__studio :focus-visible{outline:2px solid var(--studio-gold);outline-offset:3px}.bead-studio-module__ZqC_Aq__bar,.bead-studio-module__ZqC_Aq__main{width:min(100% - 3rem,1240px);margin-inline:auto}.bead-studio-module__ZqC_Aq__bar{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.bead-studio-module__ZqC_Aq__back{color:var(--studio-gold);font-size:.88rem}.bead-studio-module__ZqC_Aq__back:hover{text-decoration:underline}.bead-studio-module__ZqC_Aq__studio select{border:1px solid var(--studio-border);min-height:42px;color:var(--studio-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#14241d;border-radius:5px;padding:.45rem .65rem;font-size:.88rem}.bead-studio-module__ZqC_Aq__main{padding-block:clamp(1.75rem,4vw,3.5rem) 5rem}.bead-studio-module__ZqC_Aq__intro{margin-bottom:1.7rem}.bead-studio-module__ZqC_Aq__eyebrow{color:var(--studio-gold);letter-spacing:.18em;font-size:.7rem}.bead-studio-module__ZqC_Aq__intro h1{margin:.45rem 0 .7rem;font-size:clamp(2.1rem,5vw,4rem);line-height:1.12}.bead-studio-module__ZqC_Aq__intro p:last-child{max-width:60ch;color:var(--studio-muted);line-height:1.65}.bead-studio-module__ZqC_Aq__layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.bead-studio-module__ZqC_Aq__preview,.bead-studio-module__ZqC_Aq__editor{border:1px solid var(--studio-border);border-radius:10px}.bead-studio-module__ZqC_Aq__preview{background:radial-gradient(at 50% 42%,#37534a 0%,#21352d 45%,#14241d 80%);position:sticky;top:1rem;overflow:hidden}.bead-studio-module__ZqC_Aq__previewTop{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.bead-studio-module__ZqC_Aq__previewTop h2{font-size:1.06rem}.bead-studio-module__ZqC_Aq__previewTop span{border:1px solid var(--studio-border);color:var(--studio-gold);padding:.2rem .45rem;font-size:.72rem}.bead-studio-module__ZqC_Aq__preview canvas{cursor:grab;touch-action:none;width:100%;height:clamp(275px,40vw,500px);display:block}.bead-studio-module__ZqC_Aq__preview canvas:active{cursor:grabbing}.bead-studio-module__ZqC_Aq__preview .camera-controls{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-inline:1rem;display:flex}.bead-studio-module__ZqC_Aq__preview .camera-controls button{border:1px solid var(--studio-border);min-width:42px;min-height:42px;color:var(--studio-ink);background:#14241d;border-radius:5px;padding:.3rem .65rem;font-size:.84rem}.bead-studio-module__ZqC_Aq__preview .camera-controls button:hover{border-color:var(--studio-gold)}.bead-studio-module__ZqC_Aq__hint{text-align:center;color:var(--studio-muted);padding:.8rem 1rem 1rem;font-size:.75rem}.bead-studio-module__ZqC_Aq__editor{background:#182923;gap:1.1rem;padding:clamp(1rem,2.4vw,1.45rem);display:grid}.bead-studio-module__ZqC_Aq__group{border:0;min-width:0;padding:0}.bead-studio-module__ZqC_Aq__group legend,.bead-studio-module__ZqC_Aq__fields label{color:var(--studio-muted);font-size:.82rem;font-weight:600}.bead-studio-module__ZqC_Aq__choices,.bead-studio-module__ZqC_Aq__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.bead-studio-module__ZqC_Aq__choices{margin-top:.45rem}.bead-studio-module__ZqC_Aq__choices label,.bead-studio-module__ZqC_Aq__swatches label{cursor:pointer;position:relative}.bead-studio-module__ZqC_Aq__choices input,.bead-studio-module__ZqC_Aq__swatches input{opacity:0;width:1px;height:1px;position:absolute}.bead-studio-module__ZqC_Aq__choices span{border:1px solid var(--studio-border);text-align:center;border-radius:5px;place-items:center;min-height:42px;padding:.4rem;font-size:.88rem;display:grid}.bead-studio-module__ZqC_Aq__choices input:checked+span{background:var(--studio-gold);border-color:var(--studio-gold);color:#14241d;font-weight:600}.bead-studio-module__ZqC_Aq__choices input:focus-visible+span,.bead-studio-module__ZqC_Aq__swatches input:focus-visible+span{outline:2px solid var(--studio-gold);outline-offset:3px}.bead-studio-module__ZqC_Aq__fields{row-gap:.9rem}.bead-studio-module__ZqC_Aq__fields select{width:100%;margin-top:.35rem;display:block}.bead-studio-module__ZqC_Aq__swatches{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.bead-studio-module__ZqC_Aq__swatches label{place-items:center;width:40px;height:40px;display:grid}.bead-studio-module__ZqC_Aq__swatches span{border:1px solid #ffffff60;border-radius:50%;width:30px;height:30px;box-shadow:inset 1px 2px 4px #fff4,inset -2px -3px 5px #0005}.bead-studio-module__ZqC_Aq__swatches input:checked+span{outline:2px solid var(--studio-gold);outline-offset:3px}.bead-studio-module__ZqC_Aq__stoneName{color:var(--studio-ink);margin-top:.3rem;font-size:.82rem}.bead-studio-module__ZqC_Aq__summary{border-top:1px solid var(--studio-border);gap:.5rem;padding-top:1rem;display:grid}.bead-studio-module__ZqC_Aq__summary h2{font-size:1.4rem}.bead-studio-module__ZqC_Aq__summary p{color:var(--studio-muted);font-size:.85rem}.bead-studio-module__ZqC_Aq__summary .bead-studio-module__ZqC_Aq__note{font-size:.76rem;line-height:1.55}.bead-studio-module__ZqC_Aq__actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.bead-studio-module__ZqC_Aq__actions a,.bead-studio-module__ZqC_Aq__actions button{border:1px solid var(--studio-border);border-radius:5px;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.45rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.bead-studio-module__ZqC_Aq__actions a{border-color:var(--studio-gold);background:var(--studio-gold);color:#14241d}.bead-studio-module__ZqC_Aq__actions button:hover{border-color:var(--studio-gold)}.bead-studio-module__ZqC_Aq__fallback{color:#14241d;width:100%;min-height:4rem;padding:.5rem}.bead-studio-module__ZqC_Aq__faq{max-width:52rem;margin:2.75rem auto 0}.bead-studio-module__ZqC_Aq__faq h2{margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.25rem)}.bead-studio-module__ZqC_Aq__faq details{border-top:1px solid var(--studio-border)}.bead-studio-module__ZqC_Aq__faq details:last-child{border-bottom:1px solid var(--studio-border)}.bead-studio-module__ZqC_Aq__faq summary{cursor:pointer;padding:.9rem .3rem;font-weight:600}.bead-studio-module__ZqC_Aq__faq summary::marker{color:var(--studio-gold)}.bead-studio-module__ZqC_Aq__faq p{color:var(--studio-muted);padding:0 .3rem .9rem;line-height:1.6}.bead-studio-module__ZqC_Aq__presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0 0 1rem;display:grid}.bead-studio-module__ZqC_Aq__presets legend{color:var(--studio-muted);margin-bottom:.55rem;font-size:.82rem}.bead-studio-module__ZqC_Aq__presets button{border:1px solid var(--studio-border);text-align:start;background:#182923;border-radius:6px;align-items:center;gap:.55rem;padding:.4rem;font-size:.8rem;display:flex}.bead-studio-module__ZqC_Aq__presets button:hover,.bead-studio-module__ZqC_Aq__presets button[aria-pressed=true]{border-color:var(--studio-gold)}.bead-studio-module__ZqC_Aq__presets img,.bead-studio-module__ZqC_Aq__reference img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:48px;height:48px}.bead-studio-module__ZqC_Aq__reference{color:var(--studio-muted);align-items:center;gap:.55rem;margin:0 1rem 1rem;font-size:.78rem;display:flex}.bead-studio-module__ZqC_Aq__upload{color:var(--studio-ink);gap:.45rem;font-size:.82rem;display:grid}.bead-studio-module__ZqC_Aq__upload small{color:var(--studio-muted);line-height:1.45}.bead-studio-module__ZqC_Aq__upload input{width:100%;color:var(--studio-muted);font-size:.78rem}.bead-studio-module__ZqC_Aq__upload input::file-selector-button{color:#14241d;background:var(--studio-gold);cursor:pointer;border:0;border-radius:4px;margin-inline-end:.5rem;padding:.4rem .55rem}@media (max-width:850px){.bead-studio-module__ZqC_Aq__presets{grid-template-columns:repeat(2,minmax(0,1fr))}.bead-studio-module__ZqC_Aq__layout{grid-template-columns:1fr}.bead-studio-module__ZqC_Aq__preview{position:static}.bead-studio-module__ZqC_Aq__preview canvas{height:clamp(240px,55vw,380px)}}@media (max-width:500px){.bead-studio-module__ZqC_Aq__bar,.bead-studio-module__ZqC_Aq__main{width:calc(100% - 1.5rem)}.bead-studio-module__ZqC_Aq__actions a,.bead-studio-module__ZqC_Aq__actions button{flex:1 0 100%}}