.finish-button{margin-left:8px;min-height:34px;padding:0 14px;font-size:11px}.preview-bead{position:absolute;transform:translate(-50%,-50%) rotate(var(--rotation,0deg));border:2px solid #fff;background:radial-gradient(circle at 32% 24%,#fff9 0 7%,transparent 29%),var(--stone,#c89cbd);border-radius:50%;box-shadow:inset -7px -8px 12px #0004,0 5px 10px #0002;cursor:pointer;animation:bead-drop .42s cubic-bezier(.2,.8,.2,1) both}.preview-bead:hover,.preview-bead.selected{transform:translate(-50%,-50%) rotate(var(--rotation,0deg)) scale(1.12);border-color:var(--pink)}.preview-bead.selected{outline:3px solid #f45b9166;outline-offset:3px}.hero-bracelet{animation:orbit-spin 22s linear infinite}.bracelet-canvas{background:#262426;color:#eee9e8}.bracelet-canvas:before{background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);opacity:.65}.preview-bracelet.empty{border-color:#71696d;color:#aaa1a3}.canvas-caption{color:#aaa1a3}.bead-swatch.placeholder{position:relative}.bead-swatch.placeholder:after{content:'IMAGE PENDING';position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:9px;letter-spacing:.1em;color:#6c6468;background:#ffffff77;padding:3px 0}.bead-swatch img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.bead-flight{position:fixed;z-index:100;width:58px;height:58px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 24%,#fff9 0 7%,transparent 29%),var(--stone,#c89cbd);box-shadow:inset -8px -9px 13px #0004,0 8px 18px #0004;will-change:transform,opacity}@keyframes bead-drop{from{opacity:0;transform:translate(-50%,-50%) scale(.35)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}.material-tabs{display:flex;gap:4px;padding:18px 18px 10px;border-bottom:1px solid var(--line)}.material-tab{background:transparent;color:var(--muted);padding:9px 16px;border-radius:999px}.material-tab.active{background:#3a3035;color:var(--pink-soft)}.parts-workbench{display:grid;grid-template-columns:112px 1fr;min-height:560px}.category-rail{border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto}.category-rail .parts-tab{border-radius:8px;text-align:left}.parts-content{min-width:0}.canvas-tools{display:flex;gap:5px;margin-left:auto}.canvas-tools .small-icon-button{margin-left:0!important;border:1px solid var(--line)}.bead-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bead-card{min-width:0}.bead-card .bead-swatch{overflow:hidden}.bead-card .bead-swatch img{object-fit:cover}@media(max-width:900px){.parts-workbench{grid-template-columns:92px 1fr}.category-rail{padding-left:6px;padding-right:6px}.bead-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 10px;gap:8px}.bead-card{padding:8px}.canvas-tools{gap:2px}.canvas-tools .small-icon-button{width:32px;min-width:32px;height:32px}}@media(max-width:520px){.parts-workbench{grid-template-columns:76px 1fr}.bead-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:9px 7px;gap:6px}.bead-card strong{font-size:11px}.bead-card small,.bead-card .price{font-size:9px}.canvas-tools .small-icon-button{width:28px;min-width:28px;height:28px}.canvas-tools svg{width:14px!important}}
.studio-vertical{display:block}.studio-vertical .parts-panel{margin-top:18px}.accessory-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.accessory-empty svg{width:25px;color:var(--pink)}.accessory-empty strong{color:var(--text);font-size:14px}.accessory-empty span{font-size:12px}
.preview-bead.pending{visibility:hidden!important}
.parts-panel>.parts-tabs{padding:18px 18px 12px;border-bottom:1px solid var(--line);overflow:visible}.parts-panel>.parts-tabs .material-type-tabs{display:flex;gap:4px}.parts-panel>.parts-tabs .material-type-tab{border-radius:999px}.parts-workbench{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:560px}.parts-workbench>.category-rail{border-right:1px solid var(--line);border-bottom:0;padding:14px 10px;display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow-y:auto;overflow-x:hidden}.parts-workbench>.category-rail .subcategory-tab{width:100%;border-radius:8px;text-align:left;white-space:normal;line-height:1.25}.parts-workbench>.parts-content{min-width:0}.parts-workbench>.parts-content .parts-toolbar{border-top:0}@media(max-width:900px){.parts-workbench{grid-template-columns:118px minmax(0,1fr)}.parts-workbench>.category-rail{padding:12px 8px}}@media(max-width:520px){.parts-workbench{grid-template-columns:96px minmax(0,1fr)}.parts-workbench>.category-rail{padding:10px 6px}.parts-workbench>.category-rail .subcategory-tab{font-size:10px;padding:7px 6px}}
.parts-panel .parts-workbench{grid-template-columns:170px minmax(0,1fr);min-width:0;min-height:560px}.parts-panel .parts-workbench>.category-rail{width:auto;min-width:0;max-width:170px;overflow-x:hidden;overflow-y:auto}.parts-panel .parts-workbench>.parts-content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.parts-panel .parts-workbench>.parts-content>.bead-grid{flex:1;min-width:0;min-height:0;max-height:none;overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.parts-panel .parts-workbench>.parts-content>.parts-toolbar{flex:0 0 auto;flex-wrap:wrap;height:auto;min-height:58px}.parts-panel .parts-workbench>.category-rail .subcategory-tab{min-height:44px}@media(max-width:900px) and (min-width:768px){.parts-panel .parts-workbench{grid-template-columns:130px minmax(0,1fr)}.parts-panel .parts-workbench>.category-rail{max-width:130px}}@media(max-width:767px){.parts-panel>.parts-tabs{overflow-x:auto}.parts-panel .parts-workbench{display:block;min-height:0}.parts-panel .parts-workbench>.category-rail{display:flex;flex-direction:row;max-width:none;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.parts-panel .parts-workbench>.category-rail .subcategory-tab{width:auto;flex:0 0 auto;white-space:nowrap}.parts-panel .parts-workbench>.parts-content{overflow:visible}.parts-panel .parts-workbench>.parts-content>.parts-toolbar{padding:12px;gap:8px}.parts-panel .parts-workbench>.parts-content>.bead-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px;overflow:visible}.parts-panel .parts-workbench>.parts-content>.bead-grid .bead-card{min-height:44px}}