:root{color:#252322;font-synthesis:none;background:#e9e7e2;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#e9e7e2;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.home-shell{background:#fbfaf8;width:min(100%,520px);min-height:100vh;margin:auto;padding-bottom:112px;overflow:hidden;box-shadow:0 0 45px #7772}.home-hero{color:#fff;background:#2b2725;border-radius:0 0 8px 8px;height:clamp(470px,61svh,610px);min-height:470px;position:relative;overflow:hidden}.home-hero-image{object-fit:cover;object-position:center;width:100%;height:100%;animation:.7s both hero-image-in;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.03)}.home-hero-shade{background:linear-gradient(#17131055 0%,#1713100d 31%,#17131055 62%,#171310e8 100%);position:absolute;top:0;bottom:0;left:0;right:0}.home-hero-fire .home-hero-shade,.home-hero-earth .home-hero-shade{background:linear-gradient(#120b08a8 0%,#120b0830 38%,#120b08c9 100%)}.home-hero-water .home-hero-shade{background:linear-gradient(#173b5688 0%,#173b5622 44%,#173b568f 100%)}.home-brand-logo{z-index:2;top:max(18px, env(safe-area-inset-top));object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 8px #0007);width:108px;height:62px;position:absolute;left:22px}.home-brand{z-index:2;top:max(26px, env(safe-area-inset-top));color:#fff;align-items:center;gap:7px;line-height:.8;display:flex;position:absolute;left:27px}.home-brand-seal{color:#302b28;background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-family:serif;font-size:13px;display:grid}.home-brand strong{font-family:cursive;font-size:18px;font-weight:500;display:block}.home-brand b{letter-spacing:0;margin-top:5px;font-size:22px;display:block}.home-window-actions{z-index:2;top:max(24px, env(safe-area-inset-top));color:#fff;background:#24211ec7;border:1px solid #fff3;border-radius:20px;align-items:center;gap:9px;height:38px;padding:0 10px;display:flex;position:absolute;right:20px}.home-window-actions span{background:#fff5;width:1px;height:18px}.home-copy{z-index:2;position:absolute;bottom:17px;left:27px;right:27px}.home-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff25;border:1px solid #ffffff4d;border-radius:18px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:inline-flex}.home-copy h1{letter-spacing:0;text-shadow:0 2px 12px #0007;max-width:450px;margin:19px 0 13px;font-family:STKaiti,KaiTi,serif;font-size:31px;font-weight:700;line-height:1.28}.home-copy p{color:#f1eeeb;min-height:42px;margin:0 0 24px;font-size:12px;line-height:1.75}.home-copy>button{color:#302b28;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:58px;font-size:16px;display:flex}.home-dots{justify-content:center;align-items:end;gap:7px;height:28px;display:flex}.home-dots button{background:#ffffff70;border-radius:50%;width:7px;height:7px;padding:0}.home-dots button.active{background:#fff;border-radius:5px;width:24px}.home-carousel-arrow{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1513104d;border:1px solid #fff5;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.home-carousel-arrow.prev{left:14px}.home-carousel-arrow.next{right:14px}@keyframes hero-image-in{0%{opacity:.55;transform:scale(1.08)}to{opacity:1;transform:scale(1.03)}}.workshop-section{background:#fbfaf8;padding:28px 20px 26px}.workshop-heading{justify-content:space-between;align-items:end;display:flex}.workshop-heading span{color:#9b9289;letter-spacing:1.2px;font-size:9px}.workshop-heading h2{margin:6px 0 0;font-family:serif;font-size:25px;font-weight:500}.workshop-heading button{color:#79716a;background:0 0;align-items:center;gap:4px;padding:7px 0;font-size:11px;display:flex}.workshop-steps{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.workshop-steps button{text-align:left;background:#fff;border:1px solid #e8e2dc;border-radius:7px;min-width:0;padding:15px 8px 13px}.workshop-steps button>span{color:#fff;background:#242826;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:13px;display:grid}.workshop-steps strong,.workshop-steps small{display:block}.workshop-steps strong{font-size:13px}.workshop-steps small{color:#9a928b;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;overflow:hidden}.workshop-materials{gap:14px;margin-top:24px;padding-bottom:4px;display:flex;overflow-x:auto}.workshop-materials button{color:#5d5752;background:0 0;flex:0 0 68px;padding:0;font-size:10px}.workshop-materials img{object-fit:cover;border-radius:50%;width:58px;height:58px;margin:0 auto 8px;display:block;box-shadow:0 5px 14px #5c443826}.home-nav{z-index:30;left:50%;bottom:max(12px, env(safe-area-inset-bottom));background:#151b21;border:2px solid #080b0e;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:3px;width:min(100% - 28px,492px);height:84px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 22px #15110f55}.home-nav button{color:#fff;background:0 0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex}.home-nav button.active{color:#11171d;background:#fff}.home-nav button:nth-child(3) svg{border:2px solid;border-radius:50%;padding:4px}.app-shell{background:#f8f7f4;width:min(100%,520px);min-height:100vh;margin:auto;padding-bottom:86px;box-shadow:0 0 45px #7772}.topbar{height:66px;padding:max(12px, env(safe-area-inset-top)) 16px 10px;background:#fff;border-bottom:1px solid #e9e5df;justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:#b93447;border-radius:6px;place-items:center;width:36px;height:36px;font-family:serif;display:grid}.brand div,.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:#918b84;margin-top:2px;font-size:11px}.icon-button{color:#5d5751;background:#f4f1ed;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.stage-band{background:linear-gradient(#eee9e1,#f7f4ee);min-height:430px;position:relative;overflow:hidden}.stage-meta{color:#7a736d;justify-content:space-between;align-items:center;height:38px;padding:0 16px;font-size:12px;display:flex}.ring-stage{aspect-ratio:1;touch-action:none;width:min(82vw,390px);margin:0 auto;position:relative}.tray-grain{background:url(../assets/reference/wood-tray.jpg) 50%/cover;border-radius:50%;position:absolute;top:3%;bottom:3%;left:3%;right:3%;box-shadow:0 18px 34px #5c43392e,inset 0 0 0 10px #fff7,inset 0 0 24px #70564244}.ring-bead{--size:42px;width:var(--size);height:var(--size);margin:calc(var(--size) / -2);transform:rotate(var(--angle)) translateY(calc(min(34vw, 160px) * -1)) rotate(calc(var(--angle) * -1));touch-action:none;z-index:2;background-position:50%;background-size:cover;border:1px solid #fff8;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset -4px -5px 9px #4c263333,inset 4px 4px 8px #fff8,0 4px 8px #593b3633}.ring-bead.spacer{background:radial-gradient(circle at 35% 28%,#fff6bd,#d5a533 48%,#82610e 100%);border-radius:25%}.ring-bead.charm{height:calc(var(--size) * 1.18);background:radial-gradient(circle at 38% 25%,#fff3ae,#d3a02c 44%,#74510b 100%);border-radius:48% 48% 58% 58%}.ring-bead.selected{outline-offset:3px;z-index:4;outline:3px solid #b93447}.empty-ring{text-align:center;color:#9b948d;place-items:center;font-size:12px;display:grid;position:absolute;top:40%;bottom:40%;left:40%;right:40%}.stage-tools{justify-content:center;gap:10px;display:flex;position:absolute;bottom:12px;left:0;right:0}.stage-tools button{color:#655f5a;background:#fffdf9e8;border:1px solid #e4ddd5;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:76px;height:46px;font-size:12px;display:flex;box-shadow:0 4px 12px #5f4c4120}.stage-tools .primary-tool{color:#fff;background:#272525;border-color:#272525}.stage-tools button:disabled{opacity:.45}.summary-bar{text-align:left;background:#fff;border-top:1px solid #ebe5de;border-bottom:1px solid #ebe5de;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 16px;display:grid}.summary-bar>div{align-items:center;gap:9px;display:flex}.summary-bar small,.summary-bar strong{display:block}.summary-bar small{color:#938d86;font-size:11px}.summary-bar strong{margin-top:3px;font-size:14px}.summary-price{color:#b42f43;font-weight:700}.material-summary{background:#fff;border-bottom:1px solid #e8e2dc;max-height:220px;padding:8px 16px;overflow:auto}.material-summary>div{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:7px 0;display:grid}.material-summary img{object-fit:cover;border-radius:4px;width:42px;height:42px}.material-summary span strong,.material-summary span small{display:block}.material-summary small{color:#918a84;margin-top:4px;font-size:11px}.catalog-panel{background:#f8f7f4;padding:14px 14px 18px}.kind-tabs{border-bottom:1px solid #ded9d3;display:flex}.kind-tabs button{color:#817a74;background:0 0;flex:1;padding:10px 0}.kind-tabs button.active{color:#252322;font-weight:700;box-shadow:inset 0 -2px #b93447}.catalog-search{color:#85807a;background:#ece9e5;border-radius:5px;align-items:center;gap:7px;height:38px;margin:12px 0 8px;padding:0 11px;display:flex}.catalog-search input{background:0 0;border:0;outline:0;width:100%}.tone-row{gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.tone-row button{color:#746e69;background:#fff;border:1px solid #e3ddd7;border-radius:4px;min-width:48px;padding:7px 12px}.tone-row button.active{color:#fff;background:#3c3936;border-color:#3c3936}.material-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.material-card{background:#fff;border:1px solid #e6e0da;border-radius:6px;min-width:0;padding:7px}.material-image{aspect-ratio:1;background:#efede9;border-radius:4px;width:100%;padding:0;display:block;overflow:hidden}.material-image img{object-fit:cover;width:100%;height:100%}.material-card>div{margin-top:7px}.material-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.material-card small{color:#99928b;font-size:10px}.material-card>span{color:#b42f43;font-size:12px;font-weight:700}.detail-link{float:right;color:#77706a;background:0 0;padding:2px 0;font-size:10px;text-decoration:underline}.empty-catalog{text-align:center;color:#99928b;padding:32px}.wrist-panel{background:#fff;border-top:1px solid #e9e3dc;padding:14px 16px 18px}.wrist-panel>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.wrist-panel small{color:#928b84;font-size:11px}.wrist-sizes{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px;display:grid}.wrist-sizes button{aspect-ratio:1;color:#67615c;background:#f1efeb;border-radius:4px}.wrist-sizes button.active{color:#fff;background:#b93447}.bottom-action{z-index:20;width:min(100%,520px);min-height:72px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd7d0;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 20px #40352f13}.bottom-action small,.bottom-action strong{display:block}.bottom-action small{color:#928b84;font-size:10px}.bottom-action strong{color:#b42f43;font-size:20px}.bottom-action button{color:#fff;background:#b93447;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:146px;height:46px;font-weight:700;display:flex}.modal-mask{z-index:50;background:#17151599;place-items:end center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.detail-modal,.login-modal{background:#fff;border-radius:8px;width:min(100%,480px);max-height:92vh;position:relative;overflow:auto}.modal-close{z-index:2;background:#fffddd;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:10px;right:10px}.detail-modal>img{object-fit:contain;background:#f1efeb;width:100%;max-height:54vh;display:block}.detail-copy{padding:18px}.detail-copy>div:first-child{justify-content:space-between;align-items:center;display:flex}.detail-copy h2{margin:0;font-size:18px}.detail-copy b{color:#b42f43}.detail-copy p{color:#716a65;font-size:13px;line-height:1.65}.detail-tags{gap:7px;display:flex}.detail-tags span{color:#716a65;background:#f1efeb;border-radius:4px;padding:5px 8px;font-size:11px}.detail-copy>button{color:#fff;background:#b93447;border-radius:5px;width:100%;height:46px;margin-top:16px}.login-modal{text-align:center;align-self:center;padding:28px 20px 20px}.login-modal h2{margin:10px 0 5px}.login-modal p{color:#77706a;margin:0 0 16px;font-size:12px;line-height:1.5}.login-modal input{border:1px solid #ded8d1;border-radius:5px;outline:0;width:100%;height:44px;margin-bottom:9px;padding:0 12px}.login-modal>button[type=submit]{color:#fff;background:#b93447;border-radius:5px;width:100%;height:46px}.viewer-layer{z-index:70;background:#e9e7e2;position:fixed;top:0;bottom:0;left:0;right:0}.viewer-canvas{touch-action:none;min-height:0}.viewer-canvas canvas{width:100%;height:100%;display:block}.showcase-shell{background:#fdfcf9;width:min(100%,520px);height:100%;min-height:100svh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 45px #7773}.showcase-content{background:#fdfcf9;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.showcase-canvas{position:absolute;top:0;bottom:0;left:0;right:0}.showcase-brand{z-index:5;top:max(18px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:absolute;left:18px;right:18px}.showcase-brand>div{color:#171b19;line-height:1}.showcase-brand b,.showcase-brand strong,.showcase-brand small{display:block}.showcase-brand b{font-family:Georgia,serif;font-size:22px;font-weight:800}.showcase-brand b span{margin-bottom:-4px;font-size:10px;font-style:italic;font-weight:500;display:block}.showcase-brand strong{margin-top:7px;font-family:STKaiti,KaiTi,serif;font-size:17px}.showcase-brand small{color:#5d625f;letter-spacing:.6px;margin-top:7px;font-size:7px}.showcase-brand i{background:#39443e;width:29px;height:2px;margin-top:9px;display:block}.showcase-brand button{color:#353b37;pointer-events:auto;background:#fffefaeb;border:1px solid #e4e6e0;border-radius:16px;min-width:78px;height:30px;padding:0 13px;font-size:10px;box-shadow:0 3px 12px #3c49411a}.showcase-soft-light{z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(135deg,#d5e3dc1c 0%,#0000 24% 76%,#87273a0a 100%);position:absolute;top:0;bottom:0;left:0;right:0}.showcase-ink{z-index:12;pointer-events:none;opacity:0;transform-origin:58% 55%;filter:blur(10px);background:radial-gradient(circle at 58% 56%,#781329 0 12%,#781329dc 24%,#7d20366e 36%,#0000 51%),radial-gradient(circle at 78% 25%,#88a49d9c 0 12%,#88a49d40 31%,#0000 48%),radial-gradient(circle at 24% 72%,#6c879045 0 13%,#0000 39%);position:absolute;top:-12%;bottom:-12%;left:-12%;right:-12%;overflow:hidden;transform:scale(.08)}.showcase-ink:before,.showcase-ink:after{content:"";filter:blur(18px);opacity:0;border-radius:50%;position:absolute;transform:scale(.08)}.showcase-ink:before{aspect-ratio:1;background:radial-gradient(circle,#781329 0 38%,#781329b8 55%,#839a9138 74%,#0000 76%);width:82%;top:29%;left:20%}.showcase-ink:after{aspect-ratio:1;background:radial-gradient(circle,#8ca6a060 0 38%,#8ca6a028 60%,#0000 72%);width:58%;top:5%;right:-8%}.showcase-viewer.is-entering .showcase-content{animation:.82s cubic-bezier(.2,.72,.2,1) both showcase-reveal}.showcase-viewer.is-entering .showcase-ink{animation:.82s ease-out both ink-layer}.showcase-viewer.is-entering .showcase-ink:before{animation:.74s ease-out both ink-bloom}.showcase-viewer.is-entering .showcase-ink:after{animation:.62s ease-out 80ms both ink-bloom}.showcase-viewer.is-leaving .showcase-content{animation:.43s cubic-bezier(.4,0,.8,.2) both showcase-hide}.showcase-viewer.is-leaving .showcase-ink{animation:.43s ease-in both ink-return}@keyframes showcase-reveal{0%{clip-path:circle(0 at 58% 55%);opacity:.2;transform:scale(.92)}55%{opacity:1}to{clip-path:circle(125% at 58% 55%);opacity:1;transform:scale(1)}}@keyframes showcase-hide{0%{clip-path:circle(125% at 58% 55%);opacity:1;transform:scale(1)}to{clip-path:circle(0 at 58% 55%);opacity:.1;transform:scale(.96)}}@keyframes ink-layer{0%{opacity:0;transform:scale(.08)}24%{opacity:.92}68%{opacity:.7;transform:scale(.94)}to{opacity:0;transform:scale(1.36)}}@keyframes ink-bloom{0%{opacity:0;transform:scale(.08)}30%{opacity:.84}to{opacity:0;transform:scale(1.65)}}@keyframes ink-return{0%{opacity:0;background:#fff0}to{opacity:1;background:#fff}}.viewer-loading{z-index:69;color:#716a65;background:#f2f0eb;place-items:center;font-size:13px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.viewer-fps{z-index:80;top:max(12px, env(safe-area-inset-top));color:#fff;pointer-events:none;background:#1e2522d9;border-radius:5px;padding:5px 8px;font:11px/1.2 ui-monospace,monospace;position:fixed;right:12px}.toast{z-index:90;color:#fff;white-space:nowrap;background:#272525e8;border-radius:5px;padding:10px 16px;font-size:12px;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.target-designer{background:#fbfaf8;padding-bottom:0}.designer-head{height:58px;padding:max(10px, env(safe-area-inset-top)) 18px 6px;background:#fbfaf8;grid-template-columns:44px 1fr 104px;align-items:center;display:grid}.designer-head>strong{text-align:center;font-family:STKaiti,KaiTi,serif;font-size:19px}.circle-action{color:#242321;background:#fff;border:1px solid #ebe7e1;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.mini-window-actions{background:#fff;border:1px solid #e4e0da;border-radius:18px;justify-self:end;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.mini-window-actions span{background:#d6d1ca;width:1px;height:17px}.designer-stats{color:#9b928a;background:#fbfaf8;grid-template-columns:1fr 1.6fr .65fr;align-items:center;height:35px;padding:0 14px;font-size:11px;display:grid}.designer-stats>span:nth-child(2){text-align:center;color:#bd746e}.designer-stats>button{color:#8e8a85;background:0 0;justify-self:end;font-size:11px}.designer-stats b{color:#b65e58;font-size:13px}.designer-stats i{background:#d7d2cc;width:1px;height:10px;margin:0 5px;display:inline-block}.target-stage{background:#fbfaf8;min-height:auto;padding-bottom:8px;overflow:visible}.target-stage .ring-stage{width:min(92vw,440px)}.physics-layer{z-index:3;touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.target-stage .physics-layer .physics-bead{will-change:left, top, transform;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;transition:none}.target-stage .physics-layer .physics-bead:active{cursor:grabbing;z-index:9}.target-stage .tray-grain{background:radial-gradient(circle at 47% 38%,#fbfaf7 0 42%,#f2eee8 68%,#d7cec4 89%,#fdfcf9 91% 100%);border:1px solid #d7cec3;top:2%;bottom:2%;left:2%;right:2%;box-shadow:0 10px 20px #5c43391c,inset 0 0 0 8px #fff7,inset 0 0 24px #7056422e}.target-stage .ring-stage.tray-sage .tray-grain{background:radial-gradient(circle at 47% 38%,#f4f7f0 0 42%,#dce8dc 68%,#b8c9b9 89%,#f7faf4 91% 100%)}.target-stage .ring-stage.tray-rose .tray-grain{background:radial-gradient(circle at 47% 38%,#fff8f5 0 42%,#f3dfdc 68%,#dfc1c3 89%,#fffaf8 91% 100%)}.target-stage .ring-stage.tray-charcoal .tray-grain{background:radial-gradient(circle at 47% 38%,#485158 0 42%,#303940 68%,#171d22 89%,#667078 91% 100%)}.target-stage .tray-grain:after{content:"Stone\a LAB";white-space:pre;color:#b8afa61f;text-align:center;font-family:Georgia,serif;font-size:24px;line-height:.75;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.target-stage .ring-bead,.target-stage .ring-bead:hover,.target-stage .ring-bead:focus{margin:calc(var(--size) / -2);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;padding:0;transition:left .28s,top .28s,transform .38s cubic-bezier(.2,.8,.2,1);box-shadow:0 3px 7px #4a39312c;background:0 0!important}.target-stage .ring-bead .bead-surface{object-fit:contain;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.target-stage .ring-bead.bead{filter:saturate(1.06)contrast(1.03);isolation:isolate;border:0;overflow:hidden;box-shadow:0 3px 7px #34251e2b}.target-stage .ring-bead.bead:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffffeb 0 2.5%,#ffffff57 5.5%,#0000 13%),radial-gradient(circle at 27% 18%,#ffffff38 0 14%,#0000 34%),radial-gradient(circle at 74% 80%,#ffffff21 0 9%,#0000 24%);border-radius:50%;position:absolute;top:2px;bottom:2px;left:2px;right:2px}.target-stage .ring-bead.bead:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 58%,#34241c1f 86%,#261a1433 99%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.target-stage .is-loose .ring-bead{transform:none}.target-stage .is-loose .ring-bead[data-dragging=true]{cursor:grabbing;z-index:9;transition:none}.target-stage .is-strung .ring-bead{left:calc(50% + var(--ring-x));top:calc(50% + var(--ring-y));margin:0;transform:translate(-50%,-50%)}.target-stage .is-strung .ring-bead[data-dragging=true]{cursor:grabbing;z-index:9;transition:none}.target-stage .ring-bead.selected{outline-color:#83b6df;box-shadow:0 0 0 7px #89c9ff36,0 3px 7px #4a39312c}.target-stage .empty-ring{color:#77716c;font-size:14px;font-weight:700;top:41%;bottom:41%;left:20%;right:20%}.stage-corner{z-index:7;color:#33312f;background:#fff;border:1px solid #e6e1db;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;bottom:7%;box-shadow:0 3px 10px #44342d18}.stage-corner.cube{left:4%}.stage-corner.undo{right:4%}.stage-corner:disabled{opacity:.4}.zoom-stage{z-index:6;color:#6f8d77;background:#fff;border:1px solid #e2dfd9;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:8%;right:5%}.target-tools{grid-template-columns:minmax(88px,1.25fr) 40px 40px 40px minmax(102px,1.2fr);gap:6px;width:calc(100% - 28px);min-height:48px;margin:4px auto 0;display:grid}.target-tools button{color:#34312e;background:#fff;border:1px solid #e8e2dc;border-radius:22px;justify-content:center;align-items:center;gap:4px;min-width:0;height:44px;display:flex}.target-tools .wrist-trigger{white-space:nowrap;padding:0 6px;font-size:9px}.target-tools .string-button{color:#fff;background:#29302d;border-color:#29302d;font-size:11px}.tray-picker{background:#fff;border:1px solid #e8e2dc;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:6px;width:calc(100% - 28px);margin:2px auto 0;padding:8px;display:grid;box-shadow:0 8px 20px #44342d18}.tray-swatch{color:#6c665f;background:0 0;border-radius:10px;place-items:center;gap:3px;min-height:42px;font-size:9px;display:grid}.tray-swatch i{border:1px solid #d9d3ca;border-radius:50%;width:22px;height:22px;display:block}.tray-swatch.active{color:#282623;background:#f4f0e9;font-weight:700}.tray-swatch-ivory i{background:#f2eee8}.tray-swatch-sage i{background:#c7d7c7}.tray-swatch-rose i{background:#efd8d6}.tray-swatch-charcoal i{background:#3e484e}.search-cart-row{grid-template-columns:minmax(0,1fr) 142px;gap:8px;width:calc(100% - 28px);margin:8px auto 0;display:grid}.search-cart-row label{color:#a39b94;background:#fff;border:1px solid #e7e1da;border-radius:20px;align-items:center;gap:6px;height:38px;padding:0 10px;display:flex}.search-cart-row input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-cart-row>button{color:#fff;background:#29302d;border-radius:20px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:11px;display:flex}.compact-summary{border-top:0;min-height:58px}.target-catalog{padding:0 0 18px}.target-catalog .kind-tabs{z-index:8;background:#fbfaf8;height:47px;position:sticky;top:0}.target-catalog .kind-tabs button{font-size:13px}.target-catalog .kind-tabs button.active{box-shadow:inset 0 -2px #b6635e}.catalog-body{grid-template-columns:86px minmax(0,1fr);align-items:start;display:grid}.tone-column{max-height:calc(100vh - 80px);padding:8px 0;position:sticky;top:47px;overflow-y:auto}.tone-column button{color:#8c857f;background:0 0;width:100%;min-height:47px;padding:7px 5px;font-size:11px}.tone-column button.active{color:#2c2926;background:#fff;border-left:3px solid #bd6a64;font-weight:700}.target-catalog .material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 10px 0 4px}.target-catalog .material-card{border-radius:7px;padding:6px;overflow:hidden}.target-catalog .material-card>strong{margin-top:6px;font-size:11px}.target-catalog .material-card em{color:#a39b94;white-space:nowrap;text-overflow:ellipsis;min-height:16px;font-size:8px;font-style:normal;display:block;overflow:hidden}.target-catalog .sku-line{color:#887f77;margin:2px 0 0;font-size:9px}.target-catalog .material-image{border-radius:5px}.target-catalog .material-image img{object-fit:cover}.size-stepper{border-top:1px solid #eeeae5;grid-template-columns:27px 1fr 27px;align-items:center;height:25px;margin-top:5px;display:grid}.size-stepper button{color:#67615c;background:0 0;place-items:center;height:25px;display:grid}.size-stepper i{text-align:center;color:#8b837c;border-left:1px solid #eeeae5;border-right:1px solid #eeeae5;font-size:8px;font-style:normal}.wrist-mask{place-items:center}.wrist-modal{background:#fff;border-radius:8px;width:min(100% - 36px,430px);padding:22px 22px 18px;position:relative}.wrist-modal h2{align-items:center;gap:7px;margin:0 0 20px;font-size:17px;display:flex}.wrist-value{background:#faf8f2;border:1px solid #eee9df;border-radius:28px;grid-template-columns:50px 1fr 50px;align-items:center;padding:22px 16px 12px;display:grid}.wrist-value button{background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 4px 12px #4c40331c}.wrist-value strong{text-align:center;font-size:42px;line-height:.9}.wrist-value small{margin-top:8px;font-size:11px;display:block}.wrist-modal input[type=range]{accent-color:#30332f;width:100%;margin-top:15px}.wrist-scale{color:#938b83;justify-content:space-between;font-size:9px;display:flex}.wrist-modal p{color:#7d766f;text-align:center;margin:21px 0;font-size:11px;line-height:1.65}.wrist-confirm,.wrist-clear{border-radius:24px;width:100%;height:48px}.wrist-confirm{color:#fff;background:#29302d;font-weight:700}.wrist-clear{color:#59534e;background:#f8f5ee;border:1px solid #e9e2d8;margin-top:10px}@media (min-width:700px){.app-shell,.home-shell{min-height:calc(100vh - 36px);margin-top:18px;margin-bottom:18px}.bottom-action{bottom:18px}.home-nav{bottom:30px}.modal-mask{place-items:center}}