.cs-wrapper{max-width:900px;margin:0 auto;padding:24px 16px 48px}.cs-section{margin-bottom:36px}.cs-label{font-weight:600;font-size:1rem;margin:0 0 12px;color:#222}.cs-size-row{display:flex;flex-wrap:wrap;gap:8px}.cs-size-btn{padding:8px 16px;border:2px solid #d0d0d0;border-radius:24px;background:#fff;cursor:pointer;font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.3;transition:border-color .15s,background .15s,color .15s}.cs-size-btn:hover{border-color:#888}.cs-size-btn--active{border-color:#222;background:#222;color:#fff}.cs-size-count{font-size:.7rem;opacity:.75}.cs-size-btn[data-tooltip]{position:relative}.cs-size-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#222;color:#fff;font-size:.75rem;white-space:nowrap;padding:5px 10px;border-radius:4px;pointer-events:none;z-index:10}.cs-size-btn[data-tooltip]:hover:before{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#222;pointer-events:none;z-index:10}.cs-bracelet-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.875rem;color:#666}.cs-link-btn{background:none;border:none;color:#999;cursor:pointer;text-decoration:underline;font-size:.8125rem;padding:0}.cs-link-btn:hover{color:#444}.cs-bracelet-scroll{background:#f2ede4;border-radius:10px;overflow-x:auto;padding:120px 16px 200px}.cs-bracelet{display:flex;gap:0;min-width:min-content;align-items:flex-start}.cs-slot{width:72px;height:72px;flex-shrink:0;border-radius:4px;position:relative;cursor:grab}.cs-slot:active{cursor:grabbing}.cs-slot--empty{border:2px dashed #ccc;background:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:default}.cs-slot-plus{color:#ccc;font-size:1.25rem;line-height:1}.cs-slot--filled{background:transparent;overflow:hidden;border-radius:0}.cs-slot--filled img{position:absolute;top:0;left:0;width:100%;display:block;border-radius:0}.cs-slot--filled:not(.cs-slot--dangle):not(.cs-slot--multi-6) img{height:100%;object-fit:cover}.cs-slot-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#444;color:#fff;border:2px solid white;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:2;padding:0}.cs-slot--filled:hover .cs-slot-remove{opacity:1}.cs-slot--ghost{opacity:.35}.cs-cart-bar{margin-top:16px;text-align:center}.cs-cart-btn{display:inline-block;padding:14px 48px;background:#222;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .15s;letter-spacing:.03em}.cs-cart-btn:hover{background:#000}.cs-cart-btn:disabled{background:#aaa;cursor:not-allowed}.cs-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cs-cat-btn{padding:5px 14px;border:1px solid #d0d0d0;border-radius:20px;background:#fff;cursor:pointer;font-size:.8125rem;transition:all .15s}.cs-cat-btn:hover{border-color:#888}.cs-cat-btn--active{background:#222;color:#fff;border-color:#222}.cs-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.cs-charm-card{border:1px solid #e8e8e8;border-radius:8px;padding:8px;cursor:pointer;background:#fff;text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}.cs-charm-card:hover{border-color:#444;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cs-charm-card img{width:100%;aspect-ratio:4 / 3;object-fit:contain;display:block;margin-bottom:6px}.cs-charm-name{display:block;font-size:.75rem;color:#333;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-charm-price{display:block;font-size:.75rem;color:#888}.cs-empty-msg{color:#aaa;font-size:.875rem;padding:24px 0;grid-column:1 / -1}.cs-slot--multi-2{width:144px}.cs-slot--multi-3{width:216px}.cs-slot--multi-6{width:432px;overflow:visible}.cs-slot--multi-6 img{position:absolute;width:auto;height:432px;top:-180px;left:50%;transform:translate(-50%) rotate(-90deg)}.cs-slot.cs-slot--dangle{height:72px;overflow:visible}.cs-slot--dangle.cs-slot--filled{overflow:visible}.cs-slot--dangle.cs-slot--filled img{height:auto}.cs-charm-slots{display:inline-block;font-size:.68rem;color:#888;background:#f0f0f0;border-radius:3px;padding:1px 5px;margin-top:3px}:root{--mobile-slot-px: 54px}.cs-meta-btns{display:flex;gap:12px}.cs-overview-btn{display:none}.cs-overview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.cs-overview-modal[hidden]{display:none}.cs-overview-bd{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.cs-overview-box{position:relative;background:#f2ede4;border-radius:12px;padding:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.cs-overview-title{font-size:.875rem;font-weight:600;margin:0 0 10px;text-align:center;color:#333}.cs-overview-scroll{overflow:hidden}.cs-overview-close{display:block;margin:14px auto 0;padding:8px 28px;background:#222;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer}@media(max-width:749px){.cs-overview-btn{display:inline}.cs-slot{width:var(--mobile-slot-px);height:var(--mobile-slot-px)}.cs-slot--multi-2{width:calc(var(--mobile-slot-px) * 2)}.cs-slot--multi-3{width:calc(var(--mobile-slot-px) * 3)}.cs-slot--multi-6{width:calc(var(--mobile-slot-px) * 6)}.cs-slot--multi-6 img{width:auto;height:calc(var(--mobile-slot-px) * 6);top:calc(var(--mobile-slot-px) * -2.5)}.cs-slot.cs-slot--dangle{height:var(--mobile-slot-px)}.cs-slot--dangle.cs-slot--filled img{height:auto}.cs-catalog{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.cs-charm-card{padding:6px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/charm-simulator.css.map */