@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#28231f;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f0eb;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{touch-action:manipulation;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ad674d4d}.app-shell{background:linear-gradient(130deg,#f7f4ef 0%,#eee9e2 100%);min-height:100vh}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#faf8f4e0;border-bottom:1px solid #46382e1a;justify-content:space-between;align-items:center;gap:24px;height:84px;padding:0 clamp(24px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#292b27;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:1.25rem;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.12em}.brand small{color:#8d837b;letter-spacing:.08em;margin-top:2px;font-size:.7rem}.header-actions{align-items:center;gap:9px;display:flex}.cart-link,.account-link{color:#625950;border-radius:999px;padding:9px 12px;font-size:.78rem;text-decoration:none}.cart-link{background:#ece5dc}.cart-link b{color:#fff;background:#b56750;border-radius:50%;place-items:center;min-width:20px;height:20px;margin-left:4px;font-size:.65rem;display:inline-grid}.studio-account-menu{position:relative}.studio-account-menu summary{color:#625950;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:9px 12px;font-size:.78rem;list-style:none;display:flex}.studio-account-menu summary::-webkit-details-marker{display:none}.studio-account-menu summary span{color:#aa634d}.studio-account-dropdown{color:#3d3834;background:#fff;border:1px solid #ded6cf;border-radius:13px;width:160px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 18px 50px #31261d2e}.studio-menu-user{background:#f8f5f1;border-bottom:1px solid #eee8e2;gap:3px;padding:14px 16px;display:grid}.studio-menu-user small{color:#968b82;font-size:.58rem}.studio-menu-user strong{text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.studio-account-dropdown a,.studio-account-dropdown button{color:#564d46;cursor:pointer;font:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #f0ebe6;padding:11px 16px;font-size:.72rem;text-decoration:none}.studio-account-dropdown a:hover,.studio-account-dropdown button:hover{background:#f8f5f1}.studio-account-dropdown button{color:#a45243}.workspace{grid-template-columns:minmax(0,3fr) minmax(430px,2fr);height:calc(100vh - 84px);min-height:0;display:grid}.studio{grid-template-rows:26px minmax(0,1fr) 44px 44px;gap:7px;min-height:0;padding:clamp(12px,1.6vw,24px);display:grid;position:relative;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{color:#bc6d55;letter-spacing:.18em;margin:0 0 7px;font-size:.67rem;font-weight:700}h1,h2{letter-spacing:-.04em;margin:0;font-family:Cormorant Garamond,Georgia,serif}h1{font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:1.7rem}.notice{color:#8b8178;margin:0 0 7px;font-size:.84rem}.design-summary-bar{color:#8b8178;white-space:nowrap;justify-content:center;align-items:center;gap:12px;height:26px;font-size:.68rem;display:flex}.design-summary-bar span{align-items:baseline;gap:4px;display:inline-flex}.design-summary-bar b{color:#b86650;font-size:.78rem}.design-summary-bar i{background:#d9d0c7;width:1px;height:11px}.summary-sound-toggle{color:#75675d;cursor:pointer;background:#ffffff9e;border:1px solid #d8cfc6;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:.72rem;line-height:1;display:grid}.summary-sound-toggle[aria-pressed=true]{color:#a85d47;background:#f8ece5}.form-warning{z-index:32;color:#7e3d2e;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff4ebf0;border:1px solid #a7523738;border-radius:999px;align-items:center;gap:7px;max-width:calc(100% - 110px);padding:8px 13px;font-size:.72rem;font-weight:700;line-height:1.25;display:flex;position:absolute;top:43px;left:50%;transform:translate(-50%);box-shadow:0 9px 24px #4c2b1c24}.form-warning span{color:#fff;background:#b76851;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:.65rem;display:grid}.plate-stage{aspect-ratio:1;width:auto;max-width:100%;height:100%;margin:0 auto;position:relative}.plate-halo{filter:blur(30px);background:#523b2b29;border-radius:50%;position:absolute;inset:6%;transform:translateY(8%)}.plate{clip-path:circle(48.5%);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;transition:background .45s,box-shadow .45s;position:absolute;inset:0;overflow:hidden}.plate.is-gathered{cursor:grab;touch-action:none}.plate.is-rotating{cursor:grabbing}.plate:before{content:"";z-index:1;pointer-events:none;border:0;border-radius:50%;position:absolute;inset:2.4%;box-shadow:inset 0 0 35px #3b271a26}.plate-texture{border-radius:inherit;opacity:.85;pointer-events:none;position:absolute;inset:0}.plate-wood{background:radial-gradient(circle at 42% 35%,#e9d7b9 0 16%,#dbc19a 52%,#c29a6c 82%,#a97d52 100%);border-color:#c6a078;box-shadow:inset 0 0 0 2px #fff8e9b8,inset 0 0 0 9px #7a553221,inset 0 -34px 62px #58361b29,0 30px 65px #432e1e30}.plate-wood:after{z-index:1;content:"";pointer-events:none;border:1px solid #6f4d2e21;border-radius:50%;position:absolute;inset:5%;box-shadow:inset 0 2px 1px #ffffff6b,0 1px #5d3d2217}.plate-wood .plate-texture{opacity:.62;background:linear-gradient(94deg,#0000 0 12%,#68462708 14%,#0000 16% 42%,#ffffff1c 46%,#0000 52% 76%,#633f220a 79%,#0000 82%),repeating-radial-gradient(at 26% 61%,#0000 0 31px,#5b3a1f0a 32px 33px,#0000 34px 66px)}.plate-porcelain{background:radial-gradient(circle at 42% 36%,#fff 0 28%,#f4f5f1 72%,#d8e2e6 100%);border-color:#edf1ef;box-shadow:inset 0 0 0 3px #315f7e,inset 0 0 0 8px #eaf0ef,inset 0 0 42px #294b612e,0 26px 50px #2a414e26}.plate-porcelain .plate-texture{opacity:.75;background:radial-gradient(circle at 18% 24%,#0000 0 7%,#315f7e 7.4% 8%,#0000 8.5%),radial-gradient(circle at 80% 70%,#0000 0 9%,#477896 9.4% 10%,#0000 10.5%),conic-gradient(from 40deg at 20% 23%,#0000,#315f7e33,#0000 18%)}.plate-acrylic{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 34% 28%,#ffffffd1,#d0eef273 48%,#a8d9e17a 100%);border-color:#edffffcc;box-shadow:inset 0 0 0 2px #ffffffbf,inset 0 -30px 70px #59acbb33,0 24px 60px #49879433}.plate-acrylic .plate-texture{background:linear-gradient(125deg,#ffffff8c,#0000 28%,#ffffff3d 50%,#0000 72%),radial-gradient(circle at 68% 25%,#ffffff8c 0 2px,#0000 3px)}.plate-turtle{background:#e97634 url(/assets/plate-turtle-orange.png) 50%/cover no-repeat;border-color:#f08a4d;box-shadow:inset 0 0 0 2px #ffcea58c,inset 0 0 0 8px #853a121c,inset 0 -28px 58px #74300d26,0 26px 58px #5d2d1238}.plate-turtle .plate-texture{opacity:.52;background:radial-gradient(circle at 38% 27%,#ffffff2e,#0000 31%),radial-gradient(circle,#0000 68%,#6f2b0d1a 100%)}.plate-porcelain{background:#8dbfc3 url(/assets/design-board-celadon.webp) 50%/cover no-repeat;box-shadow:inset 0 -24px 52px #29515621,0 28px 62px #28434630}.plate-wood{background:#d8c6b5 url(/assets/design-board-light-wood.webp) 50%/cover no-repeat;box-shadow:inset 0 -24px 52px #5b43301c,0 28px 62px #4331242e}.plate-turtle{background:#9a5126 url(/assets/design-board-dark-wood.webp) 50%/cover no-repeat;box-shadow:inset 0 -24px 52px #411c0c24,0 28px 62px #39201438}.plate-porcelain .plate-texture,.plate-wood .plate-texture,.plate-turtle .plate-texture{opacity:.45;background:radial-gradient(circle at 38% 25%,#ffffff14,#0000 37%),radial-gradient(circle,#0000 71%,#20160f0f 100%)}.empty-state{z-index:2;color:#312a248c;text-align:center;pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.empty-state span{color:#b66e57;font-size:2rem}.empty-state strong{margin-top:8px;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,2vw,1.35rem)}.empty-state small{color:#312a246b;margin-top:8px}.board-item{aspect-ratio:1;z-index:3;isolation:isolate;-webkit-tap-highlight-color:transparent;outline:none;transition:left .82s cubic-bezier(.22,1,.36,1),top .82s cubic-bezier(.22,1,.36,1),width .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1);position:absolute}.board-item:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #b8664e94}.plate.is-rotating .board-item{transition:none}.board-item.selectable,.board-item.movable{cursor:grab;touch-action:none}.board-item.selected{transition-duration:.24s;transition-timing-function:cubic-bezier(.2,.9,.25,1.25)}.board-item.dragging{cursor:grabbing;transition:left 35ms linear,top 35ms linear,width .18s,transform 35ms linear}.board-item.dragging .sprite{transform:translate(var(--anchor-shift-x,0), var(--anchor-shift-y,0)) scale(calc(var(--sprite-scale-x,1) * 1.08), calc(var(--sprite-scale-y,1) * 1.08))}.board-item.dragging.deleting{opacity:.42}.board-item.dragging.deleting .sprite{transform:translate(var(--anchor-shift-x,0), var(--anchor-shift-y,0)) scale(calc(var(--sprite-scale-x,1) * .86), calc(var(--sprite-scale-y,1) * .86))}.plate.is-reordering{cursor:grabbing;overflow:visible}.sprite{aspect-ratio:1;background-repeat:no-repeat;width:100%;display:block}.sprite.bead,.board-item.bead .sprite,.object-shadow.bead{background-image:url(/assets/beads-sprite.png);background-size:400% 200%}.sprite.accessory,.board-item.accessory .sprite,.object-shadow.accessory{background-image:url(/assets/accessories-sprite.png);background-size:300% 200%}.sprite.amethyst,.board-item.amethyst .sprite{filter:sepia(.22)saturate(2.5)hue-rotate(225deg)brightness(.92)}.object-shadow{z-index:0;aspect-ratio:auto;filter:brightness(0);width:100%;height:100%;opacity:var(--shadow-opacity,.2);pointer-events:none;transform:translate(calc(var(--anchor-shift-x,0%) + var(--shadow-local-x,0%)), calc(var(--anchor-shift-y,0%) + var(--shadow-local-y,0%))) scale(var(--sprite-scale-x,var(--sprite-scale,1)), var(--sprite-scale-y,var(--sprite-scale,1)));transform-origin:50%;background-repeat:no-repeat;display:block;position:absolute}.board-item .sprite{z-index:1;aspect-ratio:auto;filter:none;height:100%;transform:translate(var(--anchor-shift-x,0), var(--anchor-shift-y,0)) scale(var(--sprite-scale-x,var(--sprite-scale,1)), var(--sprite-scale-y,var(--sprite-scale,1)));transition:transform .2s;position:relative}.board-item.amethyst .sprite{filter:sepia(.22)saturate(2.5)hue-rotate(225deg)brightness(.92)}.board-item.dragging.deleting .sprite{filter:grayscale(.35)}.board-item.dragging.deleting.amethyst .sprite{filter:sepia(.22)saturate(1.15)hue-rotate(225deg)brightness(.82)grayscale(.35)}.board-item.dragging.deleting .object-shadow{opacity:.1}.plate.is-settling .board-item:not(.rolling){transition-duration:1.05s;transition-timing-function:cubic-bezier(.18,.72,.2,1)}.plate.is-physics .board-item{transition:none}.plate.is-physics .board-item.rolling .sprite{animation:none}.board-item.inserting.bead .sprite{animation:.62s cubic-bezier(.18,.9,.25,1.25) bead-insert}.board-item.inserting.accessory .sprite{animation:.62s cubic-bezier(.18,.9,.25,1.25) accessory-insert}@keyframes bead-insert{0%{opacity:.2;transform:translateY(45%)scale(.35)}to{opacity:1;transform:translateY(0) scale(var(--sprite-scale,1.47))}}@keyframes accessory-insert{0%{opacity:.2;transform:translateY(45%)scale(.35)}to{opacity:1;transform:translate(var(--anchor-shift-x,0), var(--anchor-shift-y,0)) scale(var(--sprite-scale-x,1.3), var(--sprite-scale-y,1.3))}}.bracelet-core{z-index:2;color:#45393185;opacity:0;pointer-events:none;background:#ffffff1a;border:1px solid #6e54422e;border-radius:50%;place-content:center;justify-items:center;animation:.6s .55s forwards core-in;display:grid;position:absolute;inset:37%}.bracelet-core span{font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2rem)}.bracelet-core small{letter-spacing:.18em;font-size:.55rem}.core-fit-message{display:none}@keyframes core-in{to{opacity:1}}.plate-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:none}.plate-picker>span{color:#8e8379;margin-right:6px;font-size:.76rem}.plate-picker button{color:#81766e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.75rem;display:inline-flex}.plate-picker button.active{color:#342e29;background:#fff;border-color:#d4c9bf}.plate-picker .sound-toggle{background:#ffffff9e;border-color:#ded5cc;margin-left:6px}.plate-picker .sound-toggle[aria-pressed=true]{color:#5d4939;background:#f4ede3}.plate-picker .sound-toggle i{color:#765b45;background:#eadbc7;place-items:center;font-style:normal;display:grid}.plate-picker i{border:1px solid #372d251f;border-radius:50%;width:16px;height:16px}.swatch-acrylic i{background:linear-gradient(135deg,#fff,#bde9ee)}.swatch-porcelain i{background:#8ebfc3 url(/assets/design-board-celadon.webp) 50%/cover no-repeat}.swatch-wood i{background:#d8c7b7 url(/assets/design-board-light-wood.webp) 50%/cover no-repeat}.swatch-turtle i{background:#9d5429 url(/assets/design-board-dark-wood.webp) 50%/cover no-repeat}.controls{grid-template-columns:minmax(190px,260px) 44px 132px 160px;justify-content:end;align-items:stretch;gap:8px;height:44px;margin:0;display:grid}.wrist-control{background:#ffffff8c;border:1px solid #ddd4cb;border-radius:16px;min-width:0;font-size:.76rem;position:relative}.wrist-trigger{border-radius:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;height:100%;padding:0 16px;font-size:.76rem;display:flex}.wrist-trigger b{color:#302a26;white-space:nowrap}.wrist-editor-scrim{z-index:70;background:#251f1b29;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.wrist-editor-popover{z-index:71;background:#fff;border:1px solid #ded5cc;border-radius:16px;gap:11px;width:min(270px,100vw - 24px);padding:14px;display:grid;position:absolute;bottom:52px;left:0;box-shadow:0 16px 44px #33261d38}.wrist-editor-popover header{justify-content:space-between;align-items:center;gap:12px;font-size:.72rem;display:flex}.wrist-editor-popover header strong{color:#b15f49;font-size:.82rem}.wrist-editor-popover>input{accent-color:#b76851;width:100%;min-width:0;display:block}.wrist-editor-actions{grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;display:grid}.wrist-editor-actions button{background:#f8f5f1;border:1px solid #ddd4cb;border-radius:50%;height:32px;padding:0;font-size:1rem}.wrist-editor-actions span{color:#514840;text-align:center;font-size:.75rem;font-weight:700}.wrist-editor-done{color:#fff;background:#292c28;border:0;border-radius:999px;height:32px;font-size:.7rem;font-weight:700}.plate-cycle-button{cursor:pointer;background:#ffffffa8;border:1px solid #ddd4cb;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.plate-cycle-button i{border:1px solid #372d251f;border-radius:50%;width:21px;height:21px}.plate-cycle-button i.swatch-acrylic{background:linear-gradient(135deg,#fff,#bde9ee)}.plate-cycle-button i.swatch-porcelain{background:#8ebfc3 url(/assets/design-board-celadon.webp) 50%/cover no-repeat}.plate-cycle-button i.swatch-wood{background:#d8c7b7 url(/assets/design-board-light-wood.webp) 50%/cover no-repeat}.plate-cycle-button i.swatch-turtle{background:#9d5429 url(/assets/design-board-dark-wood.webp) 50%/cover no-repeat}.plate-cycle-button:after{color:#fff;content:"↻";background:#aa624d;border-radius:50%;place-items:center;width:15px;height:15px;font-size:.58rem;line-height:1;display:grid;position:absolute;bottom:1px;right:2px}.utility-actions{gap:8px;display:flex}.utility-actions button{cursor:pointer;background:#ffffffa8;border:1px solid #ddd4cb;border-radius:16px;flex:1;min-width:0;font-size:1.15rem}.utility-actions span{margin-top:2px;font-size:.64rem;display:block}.gather-button{color:#fff;cursor:pointer;background:#292c28;border:0;border-radius:16px;font-weight:600}.gather-icon{margin-right:8px;font-size:1.2rem;display:inline-block}.gather-icon.spinning{animation:2.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{cursor:not-allowed;opacity:.38}.design-actions{background:0 0;border:0;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:8px;height:44px;margin:0;padding:0;display:grid}.design-actions.without-fit{grid-template-columns:160px;justify-content:end}.fit-status{background:#ffffffad;border:1px solid #ddd3ca;border-radius:999px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:100%;padding:0 10px;display:grid}.fit-status small{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:.6rem;font-weight:700}.fit-status strong{color:#756b63;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.fit-pending small{color:#746a63;background:#ece7e1}.fit-loose small{color:#8a5b18;background:#fff0cf}.fit-tight small{color:#a44338;background:#f9dfda}.fit-good small{color:#397052;background:#dfeee5}.design-actions button{cursor:pointer;border-radius:13px;width:100%;min-width:0;padding:12px 17px;font-weight:700}.design-actions .preview-button{z-index:24;background:#ffffffe0;border:1px solid #d7ccc2;border-radius:50%;width:34px;height:34px;padding:0;font-size:0;display:block;position:absolute;top:42px;right:clamp(12px,1.6vw,24px);box-shadow:0 6px 18px #3f2d2121}.design-actions .preview-button:before{content:"";border:1.8px solid;border-radius:50%;width:10px;height:10px;position:absolute;top:9px;left:9px}.design-actions .preview-button:after{content:"";transform-origin:0;background:currentColor;border-radius:2px;width:7px;height:1.8px;position:absolute;top:19px;left:19px;transform:rotate(45deg)}.cart-button{color:#fff;background:#292c28;border:0}.materials-panel{background:#fbfaf7;border-left:1px solid #46382e1a;max-height:calc(100vh - 84px);padding:clamp(24px,2.2vw,36px);position:relative;overflow:auto}.panel-heading-actions{align-items:center;gap:8px;display:flex}.panel-heading-actions>span{color:#9a8f86;font-size:.75rem}.panel-heading-actions button{color:#6f665f;cursor:pointer;background:#fff;border:1px solid #ddd5cd;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:1rem;display:grid}.panel-heading-actions button:hover{color:#b45f47;border-color:#b96b53}.kind-tabs{background:#f0ece6;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-top:24px;padding:5px;display:grid}.kind-tabs button{color:#8e847c;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px;font-size:.82rem}.kind-tabs button.active{color:#352f2a;background:#fff;box-shadow:0 3px 14px #46322512}.materials-search-row{display:block}.search-box{background:#fff;border:1px solid #e4ddd5;border-radius:14px;align-items:center;gap:8px;margin:14px 0 20px;padding:0 14px;display:flex}.materials-search-row>.search-box{margin:0 0 12px}.mobile-cart-button{display:none}.materials-panel>.kind-tabs{margin-top:0;margin-bottom:16px}.search-box span{color:#9b9189;font-size:1.35rem}.search-box input{background:0 0;border:0;outline:0;width:100%;padding:12px 0}.capacity-warning{color:#875717;background:#fff7e7;border:1px solid #efcf9b;border-radius:11px;margin:-8px 0 16px;padding:10px 12px;font-size:.7rem;line-height:1.45}.materials-browser{grid-template-columns:minmax(104px,118px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.category-filter{background:#ffffffeb;border:1px solid #e7ded5;border-radius:14px;gap:4px;padding:12px 8px;display:grid;position:sticky;top:0}.category-filter>strong{color:#332d29;padding:0 8px 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem}.category-filter button{color:#847970;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:8px;display:grid}.category-filter button span{text-overflow:ellipsis;font-size:.7rem;line-height:1.25;overflow:hidden}.category-filter button small{color:#9d9188;background:#f1ece6;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:.58rem;display:grid}.category-filter button:hover{color:#4b4039;background:#f6f1eb}.category-filter button.active{color:#fff;background:#b76851}.category-filter button.active small{color:#87503f;background:#fff}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-bottom:20px;display:grid}.material-card{background:#fff;border:1px solid #e8e0d7;border-radius:13px;min-width:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.material-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #44312414}.material-preview{aspect-ratio:1.15;cursor:pointer;background:linear-gradient(145deg,#fbfaf7,#f2eee8);border:0;place-items:center;width:100%;display:grid;position:relative}.material-preview .sprite{width:min(72%,92px)}.count-badge{color:#fff;background:#b86750;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.62rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.material-meta{padding:9px 9px 8px}.material-meta strong,.material-meta span{display:block}.material-meta strong{text-overflow:ellipsis;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:.88rem;overflow:hidden}.material-meta span{color:#a09a94;margin-top:3px;font-size:.62rem;font-style:italic}.quantity-actions{color:#9a9189;text-align:center;border-top:1px solid #eee7df;grid-template-columns:29px minmax(0,1fr) 29px;align-items:center;font-size:.56rem;display:grid}.quantity-actions>span{text-overflow:ellipsis;white-space:nowrap;padding:0 3px;overflow:hidden}.diameter-actions>span{color:#5f5147;font-size:.66rem;font-weight:750}.quantity-actions button{cursor:pointer;background:0 0;border:0;height:32px;font-size:1rem}.quantity-actions button+span,.quantity-actions span+button{border-left:1px solid #eee7df}.materials-empty{color:#968b82;text-align:center;border:1px dashed #ddd2c8;border-radius:14px;grid-column:1/-1;margin:0;padding:42px 20px;font-size:.76rem}.checkout-bar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e0d6ccc7;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:0 -10px;padding:14px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 30px #412f2312}.checkout-bar small,.checkout-bar strong{display:block}.checkout-bar small{color:#a39991;font-size:.66rem}.checkout-bar strong{color:#b96851;font-size:1.2rem}.checkout-bar button{color:#fff;cursor:pointer;background:#292c28;border:0;border-radius:12px;padding:12px 24px;font-weight:600}.save-design-backdrop{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c181570;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.save-design-dialog{background:#fff;border-radius:22px;gap:14px;width:min(420px,100%);padding:27px;display:grid;box-shadow:0 24px 80px #0000003d}.save-design-dialog>small{color:#a6634d;letter-spacing:.18em;font-size:.62rem;font-weight:700}.save-design-dialog>strong{font-family:Cormorant Garamond,Georgia,serif;font-size:1.65rem}.save-design-dialog label{color:#746960;gap:7px;font-size:.72rem;display:grid}.save-design-dialog input{width:100%;font:inherit;border:1px solid #dcd1c7;border-radius:11px;outline:0;padding:12px 13px}.save-design-dialog input:focus{border-color:#ae6a53;box-shadow:0 0 0 3px #ae6a531f}.save-design-dialog div{justify-content:flex-end;gap:9px;display:flex}.save-design-dialog button{cursor:pointer;background:#fff;border:1px solid #ddd2c8;border-radius:10px;padding:10px 15px}.save-design-dialog button.primary{color:#fff;background:#292c28;border-color:#292c28}.save-design-dialog button:disabled{opacity:.55;cursor:default}.save-design-dialog p{color:#81766d;margin:-3px 0 4px;font-size:.76rem;line-height:1.5}.save-design-dialog button.danger-button{color:#fff;background:#a54e41;border-color:#a54e41}.save-design-dialog .auth-dialog-error{color:#aa4036;margin:-2px 0 0;font-size:.72rem}.auth-dialog-register{color:#81766d;text-align:center;border-top:1px solid #eee7df;padding-top:12px;font-size:.72rem}.auth-dialog-register a{color:#a95e48;font-weight:700}.fullscreen-preview{z-index:1000;color:#302d29;isolation:isolate;background:#fcfbf8;grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;padding:clamp(24px,4vw,54px);display:grid;position:fixed;inset:0;overflow:hidden}.fullscreen-preview:before{z-index:-1;content:"";background:radial-gradient(circle at 50% 44%,#fff 0 34%,#0000 70%),linear-gradient(110deg,#b29e8708,#0000 30% 68%,#917e6908);position:absolute;inset:0}.preview-close{z-index:5;color:#4b4742;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #37322c24;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);box-shadow:0 8px 24px #40322514}.preview-close:hover{background:#fff}.preview-copy{z-index:4;text-align:center;justify-items:center;gap:5px;display:grid;position:relative}.preview-copy small{color:#9e735e;letter-spacing:.22em;font-size:.62rem;font-weight:700}.preview-copy strong{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.55rem,3vw,2.5rem)}.preview-copy span{color:#8b837a;font-size:.72rem}.preview-scene{place-items:center;min-height:0;display:grid;position:relative}.preview-scene:before{z-index:0;aspect-ratio:1;filter:blur(18px);content:"";background:radial-gradient(circle,#c2b19e1a 0 26%,#0000 68%);border-radius:50%;width:min(76vmin,760px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.preview-design-plate{z-index:0;aspect-ratio:1;clip-path:circle(48.5%);pointer-events:none;background:radial-gradient(circle at 44% 25%,#fffdfa 0 28%,#f1ebe2 68%,#dfd2c1 100%);border:0;border-radius:50%;width:min(118vmin,1180px);position:absolute;top:62%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 18px 55px #795e431f,0 -7px 20px #4835261a}.preview-design-plate:before{border-radius:inherit;content:"";border:0;position:absolute;inset:2.2%;box-shadow:0 2px 4px #674c3514}.preview-design-plate span{color:#6e5b4821;letter-spacing:.06em;text-shadow:0 1px #ffffffbd,0 -1px 1px #634b361a;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,7vmin,5.5rem);font-weight:700;position:absolute;top:39%;left:50%;transform:translate(-50%)}.preview-design-plate.preview-plate-wood{background:radial-gradient(circle at 42% 26%,#f1e2c9 0 23%,#ddc39c 62%,#bd9367 100%);border-color:#c7a981}.preview-design-plate.preview-plate-wood:after{content:"";background:repeating-radial-gradient(at 26% 52%,#0000 0 46px,#5b3a1f0a 47px 49px,#0000 50px 96px);position:absolute;inset:0}.preview-design-plate.preview-plate-porcelain{background:radial-gradient(circle at 43% 27%,#fff 0 36%,#f2f4f1 69%,#d8e1e3 100%);border-color:#e8eeed;box-shadow:inset 0 0 0 3px #315f7e,inset 0 0 0 9px #edf1ef,inset 0 18px 55px #294b611f,0 -7px 20px #2a414e17}.preview-design-plate.preview-plate-acrylic{background:radial-gradient(circle at 38% 22%,#fffffff5,#daf1f3b8 54%,#b0dae1b8 100%);border-color:#e0f6f8e6;box-shadow:inset 0 0 0 2px #ffffffe6,inset 0 18px 55px #59acbb21,0 -7px 20px #4987941a}.preview-design-plate.preview-plate-turtle{background:#e97634 url(/assets/plate-turtle-orange.png) 50%/cover no-repeat;border-color:#ee8a4e;box-shadow:inset 0 0 0 2px #ffcea58f,inset 0 18px 55px #8036101f,0 -7px 20px #66301224}.preview-design-plate.preview-plate-turtle span{display:none}.preview-design-plate.preview-plate-porcelain{background:#8dbfc3 url(/assets/design-board-celadon.webp) 50%/cover no-repeat;box-shadow:0 -7px 20px #2843461f}.preview-design-plate.preview-plate-wood{background:#d8c6b5 url(/assets/design-board-light-wood.webp) 50%/cover no-repeat;box-shadow:0 -7px 20px #4331241f}.preview-design-plate.preview-plate-turtle{background:#9a5126 url(/assets/design-board-dark-wood.webp) 50%/cover no-repeat;box-shadow:0 -7px 20px #39201426}.preview-design-plate.preview-plate-porcelain span,.preview-design-plate.preview-plate-wood span{display:none}.preview-floor-shadow{z-index:1;aspect-ratio:5.2;filter:blur(22px);background:#4131243d;border-radius:50%;width:min(42vmin,420px);animation:4.2s ease-in-out infinite alternate preview-shadow;position:absolute;top:calc(50% + min(33vmin,330px));left:50%;transform:translate(-50%,-50%)}.preview-float{z-index:2;aspect-ratio:1;width:min(72vmin,720px);animation:4.2s ease-in-out infinite alternate preview-float;position:relative}.preview-turntable{aspect-ratio:1;width:100%;animation:32s linear infinite preview-turn;position:absolute;inset:0}.preview-turntable:before{content:"";filter:blur(4px);background:radial-gradient(circle at 36% 28%,#fff3,#0000 38%),radial-gradient(circle,#0000 45%,#91775e0a 68%,#0000 72%);border-radius:50%;position:absolute;inset:5%}.preview-string{border:clamp(1px,.2vmin,2px) solid #b7ab9bad;border-radius:50%;position:absolute;inset:12%;box-shadow:0 0 7px #ffffff8c,inset 0 0 8px #614e3b2e}.preview-item{aspect-ratio:1;position:absolute}.preview-item .sprite{aspect-ratio:auto;width:100%;height:100%;transform:translate(var(--anchor-shift-x,0), var(--anchor-shift-y,0)) scale(var(--sprite-scale-x,var(--sprite-scale,1)), var(--sprite-scale-y,var(--sprite-scale,1)));border-radius:50%}.preview-item.bead .sprite{filter:drop-shadow(0 4px 3px #36271c4f)drop-shadow(4px 10px 8px #36271c3d)}.preview-item.accessory .sprite{filter:drop-shadow(1px 4px 2px #2a1f1761)drop-shadow(5px 12px 8px #2a1f1745)}.preview-item .sprite.amethyst{filter:sepia(.22)saturate(2.5)hue-rotate(225deg)brightness(.92)drop-shadow(0 4px 3px #36271c4f)drop-shadow(4px 10px 8px #36271c3d)}.preview-item.orientation-charm .sprite,.preview-item.orientation-tangent .sprite{border-radius:0}.preview-inner-glow{border:1px solid #8d766012;border-radius:50%;position:absolute;inset:27%;box-shadow:inset 0 0 55px #ffffff29,0 0 80px #d79f7e12}.preview-hint{z-index:4;color:#918980;letter-spacing:.08em;text-align:center;margin:0;font-size:.62rem;position:relative}@keyframes preview-turn{to{transform:rotate(360deg)}}@keyframes preview-float{0%{transform:translateY(-7px)}to{transform:translateY(7px)}}@keyframes preview-shadow{0%{opacity:.64;transform:translate(-50%,-50%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@media (width<=1240px){.studio,.materials-panel{padding:18px}.controls{grid-template-columns:minmax(150px,1fr) 40px 106px 132px}.plate-cycle-button{width:40px}}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)}}@media (width<=680px){.app-shell{height:100dvh;min-height:0;overflow:hidden}.site-header{gap:10px;height:54px;padding:0 12px;position:relative}.brand{gap:8px}.brand-mark{width:34px;height:34px;font-size:1rem}.brand strong{font-size:.85rem}.brand small,.account-link{display:none}.studio-account-menu summary{padding:7px 8px;font-size:.66rem}.studio-account-dropdown{width:195px;position:fixed;top:50px;left:auto;right:8px}.cart-link{padding:7px 9px;font-size:.68rem}.workspace{grid-template-rows:minmax(370px,58%) minmax(0,1fr);grid-template-columns:1fr;height:calc(100dvh - 54px);min-height:0;overflow:hidden}.studio{grid-template-rows:18px minmax(0,1fr) 30px;gap:2px;min-height:0;padding:2px 6px;position:relative;overflow:hidden}.design-summary-bar{gap:5px;height:18px;font-size:.48rem}.design-summary-bar b{font-size:.56rem}.design-summary-bar i{height:8px}.summary-sound-toggle{width:17px;height:17px;font-size:.55rem}.form-warning{border-radius:10px;justify-content:center;max-width:none;padding:6px 9px;font-size:.57rem;top:22px;left:6px;right:43px;transform:none}.form-warning span{width:15px;height:15px;font-size:.52rem}.plate-stage{width:auto;max-width:100%;height:100%;margin:0 auto}.plate{border-width:4px}.board-item.dragging,.board-item.dragging .sprite{transition:none}.plate-picker{display:none}.controls{grid-template-columns:80px 30px 94px minmax(0,1fr);justify-content:stretch;gap:2px;height:30px;margin:0}.wrist-control{border-radius:999px;min-width:0;min-height:0;padding:0;font-size:.65rem;display:block}.wrist-trigger{flex-direction:column;justify-content:center;gap:0;padding:2px 5px;font-size:.46rem;line-height:1.05}.wrist-trigger>span{white-space:nowrap;display:block}.wrist-trigger b{font-size:.58rem;line-height:1.1}.wrist-editor-popover{width:min(270px,100vw - 12px);bottom:38px}.plate-cycle-button{width:30px;height:30px}.plate-cycle-button i{width:16px;height:16px}.plate-cycle-button:after{width:11px;height:11px;font-size:.42rem;bottom:0;right:0}.utility-actions{gap:2px;width:94px}.utility-actions button{border-radius:50%;flex:0 0 30px;width:30px;min-width:30px;height:30px;padding:0;font-size:.78rem}.utility-actions span{display:none}.gather-button{border-radius:999px;min-width:0;padding:0 5px;font-size:.58rem}.gather-icon{margin-right:1px;font-size:.82rem}.design-actions,.design-actions.without-fit{z-index:24;width:30px;height:30px;margin:0;display:block;position:absolute;top:22px;right:8px}.design-actions>.fit-status{display:none}.fit-status{gap:3px;padding:0 4px}.fit-status small{padding:2px 4px;font-size:.43rem}.fit-status strong{font-size:.46rem}.design-actions .preview-button{border-radius:50%;width:30px;height:30px;padding:0;font-size:0;display:block;position:relative;box-shadow:0 5px 14px #3f2d2121}.design-actions .preview-button:before{content:"";border:1.7px solid;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:8px}.design-actions .preview-button:after{content:"";transform-origin:0;background:currentColor;border-radius:2px;width:7px;height:1.7px;position:absolute;top:17px;left:17px;transform:rotate(45deg)}.design-actions .cart-button{display:none}.save-design-backdrop{place-items:center;padding:10px;overflow-y:auto}.save-design-dialog.auth-dialog{overscroll-behavior:contain;border-radius:16px;gap:10px;width:100%;max-height:calc(100dvh - 20px);padding:18px;overflow-y:auto}.auth-dialog>strong{font-size:1.35rem}.auth-dialog label{gap:5px}.auth-dialog input{padding:10px 11px;font-size:16px}.auth-dialog>div{background:#fff;padding-top:4px;position:sticky;bottom:39px}.auth-dialog-register{text-align:center;background:#fff;border-top:1px solid #eee7df;width:100%;padding:11px 0 2px;display:block;position:sticky;bottom:-1px}.auth-dialog-register a{margin-left:3px;display:inline-block}.bracelet-core{z-index:20;background:#ffffff57;padding:3px;inset:37%;box-shadow:0 6px 20px #422f2214}.bracelet-core span{font-size:.88rem;line-height:.9}.bracelet-core small{letter-spacing:.1em;font-size:.35rem}.core-fit-message{color:#665d56;text-align:center;justify-items:center;gap:2px;margin-top:3px;display:grid}.core-fit-message b{border-radius:999px;padding:2px 4px;font-size:.4rem;line-height:1}.core-fit-message em{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.36rem;font-style:normal;line-height:1.15;overflow:hidden}.core-fit-message.fit-pending b{color:#746a63;background:#ece7e1}.core-fit-message.fit-loose b{color:#8a5b18;background:#fff0cf}.core-fit-message.fit-tight b{color:#a44338;background:#f9dfda}.core-fit-message.fit-good b{color:#397052;background:#dfeee5}.materials-panel{border-top:1px solid #46382e1a;border-left:0;grid-template-rows:38px 36px minmax(0,1fr);gap:6px;min-height:0;max-height:none;padding:8px 10px 10px;display:grid;overflow:hidden}.kind-tabs{height:36px;margin:0;padding:3px}.kind-tabs button{padding:5px;font-size:.68rem}.materials-search-row{grid-template-columns:minmax(0,1fr) 96px;gap:6px;min-width:0;height:38px;display:grid}.materials-search-row>.search-box{border-radius:12px;min-width:0;height:38px;margin:0;padding:0 9px}.mobile-cart-button{color:#fff;white-space:nowrap;background:#292c28;border:0;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:0;height:38px;padding:0 8px;font-size:.62rem;font-weight:700;display:inline-flex}.mobile-cart-button span{font-size:.78rem}.search-box span{font-size:1rem}.search-box input{min-width:0;padding:7px 0;font-size:16px}.capacity-warning{z-index:5;margin:80px 0 0;position:absolute;left:10px;right:10px}.materials-browser{grid-template-columns:84px minmax(0,1fr);gap:6px;min-height:0;overflow:hidden}.category-filter{border-radius:10px;align-content:start;height:100%;padding:6px 4px;position:static;overflow-y:auto}.category-filter>strong{padding:2px 5px 5px;font-size:.82rem}.category-filter button{border-radius:7px;padding:7px 5px}.category-filter button span{font-size:.58rem}.category-filter button small{min-width:16px;height:16px;font-size:.5rem}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:5px;height:100%;min-height:0;padding:0 2px 8px 0;overflow-y:auto}.material-card{border-radius:9px}.material-preview{aspect-ratio:1}.material-preview .sprite{width:min(68%,66px)}.count-badge{width:18px;height:18px;font-size:.52rem;top:3px;right:3px}.material-meta{padding:6px 5px 5px}.material-meta strong{font-size:.69rem}.material-meta span{margin-top:2px;font-size:.52rem}.quantity-actions{grid-template-columns:24px minmax(0,1fr) 24px;font-size:.46rem}.quantity-actions button{height:27px;font-size:.85rem}.fullscreen-preview{padding:22px 14px 18px}.preview-close{width:38px;height:38px;top:14px;right:14px}.preview-copy{padding:4px 45px 0}.preview-copy strong{font-size:1.45rem}.preview-copy span{font-size:.62rem}.preview-float{width:min(92vw,68vh)}.preview-design-plate{width:min(138vw,100vh);top:64%}.preview-floor-shadow{width:min(64vw,48vh);top:calc(50% + min(44vw,32vh))}.preview-hint{font-size:.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}