:root{--bg:#171717;--surface:#242424;--surface-2:#2c2b2c;--line:#3d3b3d;--text:#f4f1f0;--muted:#aaa4a4;--pink:#f45b91;--pink-soft:#ff8fb3;--blue:#91c9d9;--mint:#9bc9b3;--lavender:#b8a6dc;--gold:#d7b77a;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:15px;letter-spacing:0}button,a{font:inherit;color:inherit}button{border:0;cursor:pointer}a{text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(23,23,23,.9);backdrop-filter:blur(18px);z-index:20}.brand img{width:128px;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:8px;margin-left:8vw}.nav-link{background:transparent;color:var(--muted);padding:10px 16px;border-radius:999px;display:flex;align-items:center;gap:7px;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface)}.nav-link.active{box-shadow:inset 0 -2px 0 var(--pink)}.nav-link svg{width:15px}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.avatar-button,.small-icon-button{height:38px;min-width:38px;border:1px solid var(--line);background:transparent;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);transition:.2s;position:relative}.icon-button span{font-size:11px}.icon-button:hover,.avatar-button:hover,.small-icon-button:hover{color:var(--text);border-color:var(--pink)}.icon-button b,.cart-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--pink);color:#171717;font-size:10px;display:none;align-items:center;justify-content:center}.icon-button svg,.avatar-button svg,.small-icon-button svg{width:17px;height:17px}.avatar-button{background:var(--surface);color:var(--text)}main{flex:1}.page{max-width:1400px;margin:0 auto;padding:84px 5vw 110px}.hidden{display:none!important}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);gap:5vw;align-items:center;min-height:560px}.eyebrow{color:var(--pink);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 18px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin:0 7px 1px 0;box-shadow:0 0 0 4px rgba(244,91,145,.14)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.92;letter-spacing:-.04em;margin-bottom:25px;font-weight:600}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--pink-soft)}h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1;letter-spacing:-.04em;margin-bottom:22px}.hero-lede{max-width:470px;color:var(--muted);font-size:17px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:22px;margin:36px 0}.button{min-height:46px;border-radius:999px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:.22s;white-space:nowrap}.button svg{width:16px}.button-primary{background:var(--pink);color:#1c1518;box-shadow:0 12px 30px rgba(244,91,145,.18)}.button-primary:hover{background:#ff79a7;transform:translateY(-2px);box-shadow:0 16px 34px rgba(244,91,145,.28)}.button-ghost{border:1px solid var(--line);background:var(--surface);color:var(--text)}.button-ghost:hover{border-color:var(--pink);transform:translateY(-2px)}.text-button{background:transparent;color:var(--text);display:inline-flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.text-button:hover{color:var(--pink-soft);border-color:var(--pink)}.hero-meta{display:flex;gap:22px;color:var(--muted);font-size:12px}.hero-meta span{display:flex;gap:7px;align-items:center}.hero-meta svg{width:15px;color:var(--pink)}.hero-stage{min-height:520px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center}.stage-label{position:absolute;left:24px;top:22px;color:var(--muted);font-size:10px;letter-spacing:.18em}.bracelet-orbit{width:min(38vw,480px);height:min(38vw,480px);position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(244,91,145,.22);border-radius:50%;inset:4%}.ring-two{inset:13%;border-color:rgba(145,201,217,.25);animation:spin 18s linear infinite}.hero-bracelet{width:63%;height:63%;border:18px solid rgba(244,91,145,.3);border-radius:50%;position:relative;filter:drop-shadow(0 0 24px rgba(244,91,145,.12));animation:float 5s ease-in-out infinite}.hero-bracelet .bead{position:absolute;width:23%;height:23%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8 0 8%,transparent 35%),#ceb5db;box-shadow:inset -8px -8px 12px #483a53,0 5px 10px #0004}.bead:nth-child(1){top:-14%;left:40%;background-color:#d3afc9}.bead:nth-child(2){top:1%;left:74%;background-color:#97cbd5}.bead:nth-child(3){top:31%;right:-14%;background-color:#c8a9dd}.bead:nth-child(4){bottom:2%;right:1%;background-color:#dfb77c}.bead:nth-child(5){bottom:-14%;left:40%;background-color:#97c9b2}.bead:nth-child(6){bottom:3%;left:1%;background-color:#d88ea8}.bead:nth-child(7){top:31%;left:-14%;background-color:#aaa2d0}.bead:nth-child(8){top:0;left:3%;background-color:#dbb6cf}.bead:nth-child(9){top:10%;left:27%;background-color:#9bc9d4}.bead:nth-child(10){top:52%;right:-14%;background-color:#cfb08a}.bead:nth-child(11){bottom:4%;right:27%;background-color:#ab92d0}.bead:nth-child(12){bottom:5%;left:25%;background-color:#d294ad}.stage-note{position:absolute;right:20px;bottom:30px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.note-line{width:38px;height:1px;background:var(--pink)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0 110px}.feature-tile{background:var(--surface);border:1px solid var(--line);padding:30px;min-height:260px;position:relative;transition:.25s;cursor:pointer}.feature-tile:hover{transform:translateY(-6px);border-color:var(--pink)}.feature-tile-accent{background:linear-gradient(135deg,#2e252a,#242424)}.feature-icon{width:42px;height:42px;border:1px solid var(--pink);border-radius:50%;color:var(--pink);display:grid;place-items:center;margin-bottom:25px}.feature-icon svg{width:20px}.tile-kicker{font-size:10px;letter-spacing:.16em;color:var(--muted);margin-bottom:12px}.feature-tile h3{font-size:26px;line-height:1.06;font-weight:500}.tile-link{position:absolute;left:30px;bottom:27px;color:var(--pink-soft);font-size:12px;display:flex;align-items:center;gap:7px}.tile-link svg{width:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-copy{max-width:380px;color:var(--muted);line-height:1.6}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method-step{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:18px}.method-step>span{color:var(--pink);font-family:var(--serif);font-size:25px}.method-step h3{font-size:18px;margin-bottom:8px}.method-step p{color:var(--muted);font-size:13px;line-height:1.5}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:56px}.page-heading h1{font-size:clamp(3rem,6vw,6rem);margin-bottom:0}.studio-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px}.canvas-panel,.parts-panel{background:var(--surface);border:1px solid var(--line)}.canvas-top,.parts-toolbar{height:58px;padding:0 20px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.canvas-top .small-icon-button{margin-left:auto;border:0}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(155,201,179,.14)}.bracelet-canvas{min-height:545px;background:#f6f3f1;color:#242124;display:grid;place-items:center;position:relative;overflow:hidden}.bracelet-canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff66 1px,transparent 1px),linear-gradient(90deg,#ffffff66 1px,transparent 1px);background-size:28px 28px;opacity:.45}.preview-bracelet{width:min(50vw,370px);height:min(50vw,370px);border-radius:50%;position:relative;z-index:1;transition:.4s}.preview-bracelet.empty{display:grid;place-items:center;width:70%;height:70%;border:1px dashed #aaa;color:#827d7a;border-radius:50%}.empty-message{text-align:center;font-size:15px}.empty-message svg{display:block;width:24px;margin:0 auto 9px;color:var(--pink)}.empty-message small{font-size:11px;color:#aaa}.canvas-caption{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;color:#77716f;font-size:11px;z-index:2}.canvas-caption span{display:flex;align-items:center;gap:6px}.canvas-caption svg{width:14px}.totals{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;border-top:1px solid var(--line);gap:12px}.totals div{display:flex;flex-direction:column;gap:6px}.totals span{color:var(--muted);font-size:11px}.totals strong{font-size:20px;font-weight:500}.parts-panel{min-height:660px}.parts-tabs{padding:20px 20px 10px;display:flex;gap:6px;overflow:auto}.parts-tab,.segment,.chip{background:transparent;color:var(--muted);padding:8px 12px;border-radius:999px;white-space:nowrap}.parts-tab.active,.segment.active,.chip.active{background:#3a3035;color:var(--pink-soft)}.parts-toolbar{justify-content:space-between}.sort-button{background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:12px}.sort-button svg{width:15px}.bead-grid{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:510px;overflow:auto}.bead-card{border:1px solid var(--line);padding:11px;background:var(--surface-2);cursor:pointer;transition:.2s;position:relative}.bead-card:hover{border-color:var(--pink);transform:translateY(-2px)}.bead-card:active{transform:scale(.98)}.bead-swatch{aspect-ratio:1;background:radial-gradient(circle at 32% 24%,#fff9 0 7%,transparent 29%),var(--stone,#c89cbd);border-radius:50%;margin-bottom:10px;box-shadow:inset -10px -12px 18px #0004}.bead-card strong{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bead-card small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.bead-card .price{color:var(--pink-soft);font-size:12px;margin-top:8px}.ai-strip{margin:0 18px 18px;border:1px solid #51414a;background:#30272c;padding:14px;display:flex;align-items:center;gap:10px}.ai-mark{width:32px;height:32px;border-radius:50%;background:var(--pink);color:#25171d;display:grid;place-items:center}.ai-mark svg{width:16px}.ai-strip strong{font-size:12px}.ai-strip p{font-size:11px;color:var(--muted);margin:3px 0 0}.ai-strip .small-icon-button{margin-left:auto}.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:999px;margin-bottom:30px}.segment{padding:10px 18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:.25s}.gallery-card:hover{transform:translateY(-5px);border-color:var(--pink)}.gallery-art{aspect-ratio:1;background:#f5f0f0;display:grid;place-items:center;position:relative;overflow:hidden}.gallery-art:after{content:'';position:absolute;width:62%;height:62%;border:13px solid var(--art,#c89cbd);border-radius:50%;box-shadow:inset 0 0 0 6px #ffffff44,0 12px 22px #0002;transform:rotate(var(--rot,0deg))}.gallery-art:before{content:'IMAGE PLACEHOLDER';position:absolute;font-size:10px;letter-spacing:.15em;color:#a19a9b;z-index:0}.gallery-info{padding:16px}.gallery-info h3{font-size:14px;margin-bottom:9px}.gallery-info p{font-size:11px;color:var(--muted);margin-bottom:14px}.gallery-actions{display:flex;align-items:center;justify-content:space-between}.like-button{background:transparent;color:var(--muted);display:flex;align-items:center;gap:5px;font-size:12px}.like-button.liked{color:var(--pink)}.like-button svg{width:15px}.make-button{background:#3a3035;color:var(--pink-soft);font-size:11px;padding:7px 10px;border-radius:999px}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:40px}.shop-intro p{color:var(--muted);line-height:1.6;max-width:230px}.shop-filter-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:30px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shop-card{border:1px solid var(--line);background:var(--surface);padding:14px;transition:.2s}.shop-card:hover{border-color:var(--pink);transform:translateY(-4px)}.shop-art{aspect-ratio:1;background:#f5f0f0;display:grid;place-items:center;position:relative;margin-bottom:14px}.shop-art:after{content:'';width:55%;height:55%;background:radial-gradient(circle at 32% 24%,#fff9 0 7%,transparent 29%),var(--art,#c89cbd);border-radius:50%;box-shadow:inset -12px -14px 18px #0003}.shop-card h3{font-size:14px;margin-bottom:6px}.shop-card p{font-size:11px;color:var(--muted);margin-bottom:12px}.shop-price{display:flex;justify-content:space-between;align-items:center}.shop-price strong{color:var(--pink-soft);font-size:15px}.add-shop{background:#3a3035;color:var(--pink-soft);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.add-shop svg{width:15px}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-card{background:var(--surface);border:1px solid var(--line);padding:32px;min-height:260px}.profile-card{display:flex;align-items:center;gap:22px}.profile-avatar{width:70px;height:70px;border-radius:50%;background:var(--pink);color:#261920;display:grid;place-items:center;font-size:30px;font-family:var(--serif)}.profile-card h2{font-size:29px;margin-bottom:10px}.muted{color:var(--muted);line-height:1.55}.account-menu{border:1px solid var(--line);background:var(--surface)}.account-menu button{width:100%;background:transparent;border-bottom:1px solid var(--line);padding:19px 22px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);transition:.2s}.account-menu button:last-child{border-bottom:0}.account-menu button:hover{color:var(--text);padding-left:28px}.account-menu span{display:flex;align-items:center;gap:13px}.account-menu svg{width:19px;color:var(--pink)}.account-menu>button>svg{color:var(--muted);width:15px}.site-footer{border-top:1px solid var(--line);padding:55px 5vw 25px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:start}.footer-brand img{width:120px;display:block;margin-bottom:12px}.footer-brand p{font-size:12px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--pink-soft)}.social-links{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.social-links>a,.social-links>button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted)}.social-links>a:hover,.social-links>button:hover{color:var(--pink);border-color:var(--pink)}.social-links svg{width:15px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin-top:15px;display:flex;justify-content:space-between;color:#716c6c;font-size:10px}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);background:#f5f2f0;color:#211e20;padding:36px;position:relative;box-shadow:0 20px 80px #0008}.modal-close{width:36px;height:36px;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center;position:absolute;right:18px;top:18px}.modal-close:hover{background:#e5dfdd;color:#211e20}.modal-icon{width:44px;height:44px;border:1px solid #c8c0be;border-radius:50%;display:grid;place-items:center;margin-bottom:24px}.modal-icon svg{width:20px}.modal .eyebrow{color:#8c4d65}.modal h2{font-size:38px;margin-bottom:12px}.modal-copy{color:#7a7373;line-height:1.55}.field-label{font-size:12px;font-weight:700;display:block;margin:25px 0 8px}.input-wrap{display:flex;align-items:center;border:1px solid #cbc4c2;background:#fff;padding:0 14px}.input-wrap input{border:0;outline:0;background:transparent;flex:1;height:48px;font-size:18px;color:#211e20}.input-wrap span{color:#888;font-size:12px}.wrap-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.wrap-option{border:1px solid #d4cdcb;background:#fff;padding:15px;text-align:left;display:grid;grid-template-columns:20px 1fr;column-gap:8px;align-items:center}.wrap-option.active{border-color:#211e20}.radio{width:15px;height:15px;border:1px solid #aaa;border-radius:50%;grid-row:span 2}.wrap-option.active .radio{border:4px solid #211e20}.wrap-option b{font-size:13px}.wrap-option small{color:#8b8483;font-size:11px;margin-top:4px}.modal-foot{border-top:1px solid #e0d9d7;margin-top:25px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-foot>span{color:#8b8483;font-size:11px;display:flex;align-items:center;gap:5px}.modal-foot svg{width:15px}.modal-foot b{color:#211e20}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#f5f2f0;color:#211e20;padding:12px 18px;border-radius:999px;display:flex;align-items:center;gap:8px;z-index:80;box-shadow:0 10px 40px #0005;transition:.25s;pointer-events:none;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.toast svg{width:15px;color:#449d77}.drawer-backdrop{display:flex;justify-content:flex-end;padding:0;background:#0008}.cart-drawer{width:min(480px,100%);height:100%;background:var(--surface);padding:35px 28px;box-shadow:-20px 0 60px #0008;position:relative;display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{font-size:30px}.cart-items{flex:1;padding-top:20px}.cart-empty{text-align:center;color:var(--muted);padding-top:120px}.cart-empty svg{width:28px;color:var(--pink);margin-bottom:12px}.cart-line{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:52px;height:52px;border-radius:50%;background:var(--art,#c89cbd);box-shadow:inset -8px -8px 12px #0004}.cart-line strong{font-size:13px}.cart-line small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.cart-line-price{margin-left:auto;color:var(--pink-soft);font-size:13px}.drawer-summary{border-top:1px solid var(--line);padding-top:18px}.drawer-summary>div{display:flex;justify-content:space-between;margin-bottom:18px}.drawer-summary strong{font-size:20px}.reveal{animation:rise .7s both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.32s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.site-header{height:74px;padding:0 20px}.brand img{width:105px}.main-nav{display:none}.page{padding:55px 20px 80px}.hero-grid,.studio-layout,.shop-layout,.account-layout{grid-template-columns:1fr}.hero-grid{min-height:0}.hero-stage{min-height:400px;order:-1}.bracelet-orbit{width:min(78vw,400px);height:min(78vw,400px)}h1{font-size:clamp(3.1rem,14vw,5rem)}.feature-strip,.method-steps{grid-template-columns:1fr}.feature-strip{margin-bottom:80px}.section-heading,.page-heading{align-items:flex-start;flex-direction:column}.page-heading{margin-bottom:35px}.page-heading .button{align-self:stretch}.gallery-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-intro{display:flex;flex-direction:column}.shop-filter-row{flex-direction:row;overflow:auto;margin-top:20px}.site-footer{grid-template-columns:1fr 1fr;padding:40px 20px 20px}.social-links{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.bead-grid{max-height:none}.parts-panel{min-height:0}}@media(max-width:520px){.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-meta{flex-direction:column;gap:9px}.hero-stage{min-height:330px}.totals strong{font-size:16px}.gallery-grid,.shop-grid{grid-template-columns:1fr}.wrap-options{grid-template-columns:1fr}.modal{padding:30px 22px}.site-footer{grid-template-columns:1fr}.footer-links{margin-top:12px}.social-links{grid-column:auto}.canvas-caption{font-size:10px}.cart-drawer{padding:28px 20px}}

/* Workbook material filters */
.material-type-tabs,.subcategory-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:thin}.subcategory-tabs{padding-top:2px;border-top:1px solid var(--line)}.parts-tabs{flex-direction:column;align-items:stretch}
.parts-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.catalog-search{margin-left:auto}.catalog-search input,.parts-toolbar select{min-height:36px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:0 10px;max-width:180px}.stock-filter{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.bead-card em{display:block;color:var(--muted);font-size:11px;font-style:normal;margin-top:5px}.bead-card.is-out-of-stock{opacity:.42;cursor:not-allowed}.bead-card-skeleton{min-height:190px;background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:catalog-shimmer 1.2s infinite}.catalog-state{grid-column:1/-1;display:grid;place-items:center;gap:8px;min-height:180px;color:var(--muted);text-align:center}.catalog-state strong{color:var(--text)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes catalog-shimmer{to{background-position:-200% 0}}