.custom-page{--custom-ink:#3d3a36;--custom-line:#e8e3da;--custom-line-strong:#d4cec3;--custom-accent:#e07a52;--custom-highlight:#fef3e8;--custom-paper:#fcfaf6;--custom-card:#fff;--custom-muted:#8a8379;--custom-ring-guide:#b5aea3;--custom-shadow:0 2px 10px #3d3a360f;--custom-radius:12px;--custom-ui-scale:1;--custom-font-scale:var(--custom-ui-scale);--custom-circle-size:380px;--custom-stage-scale:1;--custom-workspace-flex:1;--custom-panel-flex:1;--custom-grid-cols:4;--custom-grid-cell:52px;--custom-grid-scale:1;--custom-btn-size:40px;--custom-gap:6px;--custom-main-direction:column;--custom-sketch-radius:var(--custom-radius);color:var(--custom-muted);z-index:0;background-color:var(--custom-paper);background-image:radial-gradient(circle, var(--halftone-ink-faint,#3d3a360f) .7px, transparent .7px);background-size:var(--halftone-dot-sm,5px) var(--halftone-dot-sm,5px);overscroll-behavior:none;touch-action:manipulation;opacity:0;pointer-events:none;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.custom-page.custom-layout-ready{opacity:1;pointer-events:auto}.custom-page.custom-is-dragging,.custom-page.custom-is-rotating{touch-action:none;-webkit-user-select:none;user-select:none}.custom-page.custom-is-dragging img,.custom-page.custom-is-rotating img{-webkit-user-drag:none}.custom-beads-grid-host,.custom-subcategories-sidebar,.custom-thread-options,.custom-modal-body,.custom-modal-panel--works{scrollbar-width:thin;scrollbar-color:#e07a5259 transparent}.custom-beads-grid-host::-webkit-scrollbar{width:5px;height:5px}.custom-subcategories-sidebar::-webkit-scrollbar{width:5px;height:5px}.custom-thread-options::-webkit-scrollbar{width:5px;height:5px}.custom-modal-body::-webkit-scrollbar{width:5px;height:5px}.custom-modal-panel--works::-webkit-scrollbar{width:5px;height:5px}.custom-beads-grid-host::-webkit-scrollbar-track{background:0 0}.custom-subcategories-sidebar::-webkit-scrollbar-track{background:0 0}.custom-thread-options::-webkit-scrollbar-track{background:0 0}.custom-modal-body::-webkit-scrollbar-track{background:0 0}.custom-modal-panel--works::-webkit-scrollbar-track{background:0 0}.custom-beads-grid-host::-webkit-scrollbar-thumb{background-color:#8a837947;background-clip:padding-box;border:1px solid #0000;border-radius:999px}.custom-subcategories-sidebar::-webkit-scrollbar-thumb{background-color:#8a837947;background-clip:padding-box;border:1px solid #0000;border-radius:999px}.custom-thread-options::-webkit-scrollbar-thumb{background-color:#8a837947;background-clip:padding-box;border:1px solid #0000;border-radius:999px}.custom-modal-body::-webkit-scrollbar-thumb{background-color:#8a837947;background-clip:padding-box;border:1px solid #0000;border-radius:999px}.custom-modal-panel--works::-webkit-scrollbar-thumb{background-color:#8a837947;background-clip:padding-box;border:1px solid #0000;border-radius:999px}.custom-beads-grid-host:hover::-webkit-scrollbar-thumb{background-color:#e07a5273}.custom-subcategories-sidebar:hover::-webkit-scrollbar-thumb{background-color:#e07a5273}.custom-thread-options:hover::-webkit-scrollbar-thumb{background-color:#e07a5273}.custom-modal-body:hover::-webkit-scrollbar-thumb{background-color:#e07a5273}.custom-modal-panel--works:hover::-webkit-scrollbar-thumb{background-color:#e07a5273}.custom-main{flex:1;flex-direction:var(--custom-main-direction);min-height:0;display:flex;overflow:hidden}.custom-workspace{flex:var(--custom-workspace-flex,1) 1 0;flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.custom-workspace-circle-btn{height:calc(var(--custom-btn-size) * .85);min-height:calc(var(--custom-btn-size) * .85);min-width:calc(var(--custom-btn-size) * .85);width:auto;padding:0 calc(7px * var(--custom-ui-scale));border-radius:calc(6px * var(--custom-ui-scale) + 2px);border:1px solid var(--custom-line);background:var(--custom-card);box-shadow:var(--custom-shadow);font-size:calc(9px * var(--custom-font-scale) + 1px);text-align:center;white-space:nowrap;color:var(--custom-muted);justify-content:center;align-items:center;font-weight:600;line-height:1.15;transition:border-color .15s,background .15s,color .15s;display:flex}.custom-workspace-circle-btn:hover{border-color:var(--custom-line-strong);background:var(--custom-highlight);color:var(--custom-accent)}.custom-clear-btn{width:auto;min-width:calc(var(--custom-btn-size) * .85);padding:0 calc(7px * var(--custom-ui-scale));color:var(--custom-muted)}.custom-clear-btn-icon,.custom-tighten-btn-icon{width:calc(16px * var(--custom-ui-scale));height:calc(16px * var(--custom-ui-scale));flex-shrink:0}.custom-clear-btn:hover:not(:disabled){color:#c45c5c;background:#fff8f7;border-color:#e8c4c4}.custom-clear-btn:disabled{opacity:.4;pointer-events:none}.custom-bracelet-wrap{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.custom-bracelet-stage{z-index:1;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-bracelet-stage>*{pointer-events:auto;transform:scale(var(--custom-stage-scale));transform-origin:50%}.custom-bracelet-stage--rotating{cursor:grabbing;touch-action:none}.custom-bracelet-stage--rotating .custom-bead{cursor:grabbing}.custom-bracelet-stage--tightening{pointer-events:none}.custom-beads-container--tightening .custom-bead,.custom-beads-container--rotating .custom-bead{will-change:transform, left, top;transition:none!important}.custom-beads-container--rotating .custom-bead.selected.has-image .custom-bead-image,.custom-beads-container--tightening .custom-bead.selected.has-image .custom-bead-image{filter:none}.custom-bracelet-circle-wrap{z-index:1;flex-shrink:0;position:relative}.custom-bracelet-edge{z-index:10;pointer-events:none;display:flex;position:absolute}.custom-bracelet-edge>*{pointer-events:auto}.custom-bracelet-edge--tl{top:calc(4px * var(--custom-ui-scale));left:calc(4px * var(--custom-ui-scale));align-items:flex-start}.custom-product-type-switch{min-width:calc(var(--custom-btn-size) * .85);padding:calc(3px * var(--custom-ui-scale));border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);box-shadow:var(--custom-shadow);grid-template-rows:1fr 1fr;align-items:stretch;display:grid;position:relative;overflow:hidden}.custom-product-type-switch-thumb{top:calc(3px * var(--custom-ui-scale));right:calc(3px * var(--custom-ui-scale));bottom:50%;left:calc(3px * var(--custom-ui-scale));border-radius:calc(var(--custom-sketch-radius) - 3px);background:var(--custom-highlight);pointer-events:none;transition:top .2s,bottom .2s;position:absolute;box-shadow:0 1px 2px #3d3a3614}.custom-product-type-switch.is-phone-chain .custom-product-type-switch-thumb{top:50%;bottom:calc(3px * var(--custom-ui-scale))}.custom-product-type-switch-btn{z-index:1;min-height:calc(var(--custom-btn-size) * .85);padding:0 calc(6px * var(--custom-ui-scale));box-shadow:none;font-size:calc(9px * var(--custom-font-scale) + 1px);text-align:center;white-space:nowrap;color:var(--custom-muted);background:0 0;border:none;justify-content:center;align-items:center;font-weight:600;line-height:1.15;transition:color .15s;display:flex;position:relative}.custom-product-type-switch-btn.active{color:var(--custom-accent)}.custom-bead.bead-clasp.selected{filter:url(#custom-bead-selection-outline)}.custom-bracelet-edge--tr{top:calc(4px * var(--custom-ui-scale));right:calc(4px * var(--custom-ui-scale));align-items:center;gap:calc(var(--custom-gap))}.custom-bracelet-edge--left{left:calc(4px * var(--custom-ui-scale));align-items:center;top:50%;transform:translateY(-50%)}.custom-bracelet-edge--right{right:calc(4px * var(--custom-ui-scale));gap:calc(var(--custom-gap));flex-direction:column;align-items:center;top:50%;transform:translateY(-50%)}.custom-bracelet-edge--stats{bottom:calc(4px * var(--custom-ui-scale));right:calc(4px * var(--custom-ui-scale));align-items:flex-end;top:auto;left:auto;transform:none}.custom-bracelet-edge--bottom{bottom:calc(4px * var(--custom-ui-scale));left:calc(var(--custom-btn-size) + 8px);right:calc(var(--custom-btn-size) + 8px);align-items:center;gap:calc(var(--custom-gap) * .5);pointer-events:none;flex-direction:column;transform:none}.custom-bracelet-edge--bottom>*{pointer-events:auto;width:100%}.custom-circle{width:var(--custom-circle-size);height:var(--custom-circle-size);border-radius:50%;flex-shrink:0;position:relative;overflow:visible}.custom-rope{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-rope-back{border:2px dashed var(--custom-line-strong);width:96%;height:96%}.custom-thread-line{box-sizing:border-box;pointer-events:none;z-index:0;border:2px solid;border-radius:50%;width:96%;height:96%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-beads-container{z-index:1;position:absolute;inset:0}.custom-bead{touch-action:none;cursor:grab;border-radius:6px;position:absolute}.custom-bead--dragging-hidden{visibility:hidden;opacity:0;pointer-events:none}.custom-drag-preview{z-index:20;pointer-events:none;position:absolute}.custom-bead-firework{z-index:0;width:var(--firework-size,72px);height:var(--firework-size,72px);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.custom-bead-firework-spark{pointer-events:none;width:var(--spark-width,1px);height:var(--spark-length,14px);margin-left:calc(var(--spark-width,1px) * -.5);margin-top:calc(var(--spark-length,14px) * -1);background:linear-gradient(to top, transparent 0%, color-mix(in srgb, var(--spark-color,var(--custom-accent)) 35%, transparent 65%) 18%, var(--spark-color,var(--custom-accent)) 72%, color-mix(in srgb, var(--spark-color,var(--custom-accent)) 70%, white 30%) 100%);box-shadow:0 0 1px color-mix(in srgb, var(--spark-color,var(--custom-accent)) 35%, transparent 65%);opacity:0;transform:rotate(var(--spark-angle,0deg)) translateY(0) scaleY(.2);transform-origin:50% 100%;animation:.82s cubic-bezier(.12,.85,.28,1) forwards custom-bead-firework-spark;animation-delay:var(--spark-delay,0s);border-radius:999px;position:absolute;top:50%;left:50%}.custom-bead-firework-spark.has-trail{animation-name:custom-bead-firework-spark-trail}@keyframes custom-bead-firework-spark{0%{opacity:0;transform:rotate(var(--spark-angle,0deg)) translateY(0) scaleY(.2)}12%{opacity:1;transform:rotate(var(--spark-angle,0deg)) translateY(calc(var(--spark-dist,24px) * -.12)) scaleY(1)}to{opacity:0;transform:rotate(var(--spark-angle,0deg)) translateY(calc(var(--spark-dist,24px) * -1)) scaleY(.75)}}@keyframes custom-bead-firework-spark-trail{0%{opacity:0;transform:rotate(var(--spark-angle,0deg)) translateY(0) scaleY(.2)}12%{opacity:1;transform:rotate(var(--spark-angle,0deg)) translateY(calc(var(--spark-dist,24px) * -.12)) scaleY(1)}to{opacity:0;transform:rotate(var(--spark-angle,0deg)) translateY(calc(var(--spark-dist,24px) * -.82)) translateX(var(--spark-drift,0px)) scaleY(.45)}}@media (prefers-reduced-motion:reduce){.custom-bead-firework-spark{opacity:0;animation:none}.custom-subcategory-switch-thumb,.custom-product-type-switch-thumb{transition:none}}.custom-bead.selected.has-image .custom-bead-image{filter:url(#custom-bead-sketch-outline)}.custom-bead.selected:not(.has-image){box-shadow:0 0 0 2px var(--custom-accent)}.custom-bead.bead-attached{cursor:grab}.custom-bead.bead-attached.bead-pendant{pointer-events:auto;z-index:11}.custom-bead.bead-pendant{z-index:11}.custom-bead.bead-santong-glow{filter:drop-shadow(0 0 6px #e07a52d9)drop-shadow(0 0 14px #ffc8788c);transition:filter .15s,transform .15s}.custom-bead.bead-santong-snap{filter:drop-shadow(0 0 10px #e07a52)drop-shadow(0 0 22px #ffd264e6);z-index:12}.custom-pendant-attach-mode .custom-drag-preview{filter:drop-shadow(0 4px 12px #e07a5273)}.custom-bead-image{pointer-events:none}.custom-bracelet-info{gap:calc(var(--custom-gap) * .5);padding:calc(6px * var(--custom-ui-scale)) calc(10px * var(--custom-ui-scale));background:var(--custom-card);border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);box-shadow:var(--custom-shadow);font-size:calc(9px * var(--custom-font-scale) + 1px);flex-direction:column;font-weight:600;line-height:1.15;display:flex}.custom-bracelet-info-item{line-height:inherit;white-space:nowrap;align-items:center;gap:4px;display:flex}.custom-bracelet-info-label{font-size:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap}.custom-bracelet-info-value{font-size:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap;color:var(--custom-accent)}.custom-huatuo-warning-bar{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:calc(10px * var(--custom-font-scale));text-align:center;overflow:hidden}.custom-huatuo-warning-text{color:#856404}.custom-action-icon-btn{width:var(--custom-btn-size);height:var(--custom-btn-size);min-width:var(--custom-btn-size);min-height:var(--custom-btn-size);background:var(--custom-card);border:1px solid var(--custom-line);box-shadow:var(--custom-shadow);font-size:calc(13px * var(--custom-font-scale));color:var(--custom-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.custom-action-icon-btn:hover:not(:disabled){border-color:var(--custom-line-strong);background:var(--custom-highlight);color:var(--custom-accent)}.custom-action-icon-btn:disabled{opacity:.4;pointer-events:none}.custom-action-icon-btn--text{width:auto;min-width:var(--custom-btn-size);padding:0 calc(10px * var(--custom-ui-scale));border-radius:999px;font-weight:600}.custom-content-area{flex:var(--custom-panel-flex,1) 1 0;background:var(--custom-card);border-top:1px solid var(--custom-line);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.custom-delete-overlay{z-index:50;pointer-events:none;background:#ff00000f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-delete-overlay.active{background:#dc26262e}.custom-delete-overlay.blocked{background:#b4782829}.custom-delete-overlay.blocked .custom-delete-hint-text{color:#9a6700}.custom-selection-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.custom-price-bar{padding:calc(8px * var(--custom-ui-scale)) 12px calc(10px * var(--custom-ui-scale));border-bottom:1px solid var(--custom-line);flex-shrink:0}.custom-price-btn{align-items:center;gap:calc(10px * var(--custom-ui-scale));cursor:pointer;color:inherit;background:0 0;border:none;padding:0;transition:color .15s;display:flex}.custom-price-btn-icon{width:calc(15px * var(--custom-ui-scale));height:calc(15px * var(--custom-ui-scale));color:var(--custom-accent);flex-shrink:0;transition:color .15s}.custom-price-btn:hover .custom-price-btn-icon{color:#c96a45}.custom-price-header{justify-content:space-between;align-items:center;gap:calc(12px * var(--custom-ui-scale));display:flex}.custom-price{font-family:var(--font-doodle-zh), var(--font-doodle-latin), cursive;font-size:calc(18px * var(--custom-font-scale) + 2px);color:var(--custom-accent);font-weight:700}.custom-save-btn{min-height:calc(var(--custom-btn-size) * .9);padding:0 calc(14px * var(--custom-ui-scale));background:var(--custom-accent);color:#fff;font-size:calc(12px * var(--custom-font-scale) + 1px);border:none;border-radius:999px;flex-shrink:0;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px #e07a5247}.custom-save-btn:hover:not(:disabled){background:#d96f48;box-shadow:0 3px 12px #e07a5252}.custom-categories-bar{--custom-category-pill-height:calc((var(--custom-btn-size) * .75) + (8px * var(--custom-ui-scale)));--custom-category-row-height:calc(var(--custom-category-pill-height) + (8px * var(--custom-ui-scale)));width:100%;min-width:0;max-width:100%;min-height:var(--custom-category-row-height);border-bottom:1px solid var(--custom-line);z-index:2;flex-shrink:0;align-items:stretch;display:flex;position:relative;overflow:visible}.custom-categories-scroll-anchor{width:0;min-width:0;min-height:var(--custom-category-row-height);flex:1;position:relative;overflow:hidden}.custom-categories-actions{z-index:33;min-width:calc(var(--custom-btn-size) * 1.7 + 14px);background:var(--custom-card);flex:none;align-self:stretch;align-items:center;display:flex;position:relative;box-shadow:-6px 0 10px #fcfaf6eb}.custom-categories-bar.is-expanded .custom-categories-actions{align-self:flex-start}.custom-categories-bar.is-expanded .custom-categories-scroll-anchor{overflow:visible}.custom-categories-scroll{gap:calc(var(--custom-gap));width:100%;min-width:0;max-width:100%;padding:calc(4px * var(--custom-ui-scale)) 8px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;border-bottom:none;flex-wrap:nowrap;flex:auto;justify-content:flex-start;align-items:center;display:flex;overflow:auto hidden}.custom-categories-scroll::-webkit-scrollbar{display:none}.custom-categories-expand-btn{box-sizing:border-box;width:calc(var(--custom-btn-size) * .85);min-width:calc(var(--custom-btn-size) * .85);max-width:calc(var(--custom-btn-size) * .85);height:var(--custom-category-pill-height);min-height:var(--custom-category-pill-height);margin:calc(4px * var(--custom-ui-scale)) calc(6px * var(--custom-ui-scale)) calc(4px * var(--custom-ui-scale)) 0;border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);box-shadow:var(--custom-shadow);color:var(--custom-muted);flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:flex}.custom-categories-expand-btn:hover,.custom-categories-expand-btn.active{border-color:var(--custom-line-strong);background:var(--custom-highlight);color:var(--custom-accent)}.custom-categories-expand-icon{width:calc(16px * var(--custom-ui-scale));height:calc(16px * var(--custom-ui-scale));transition:transform .2s}.custom-categories-expand-btn.active .custom-categories-expand-icon{transform:rotate(180deg)}.custom-categories-bar.is-expanded{z-index:30}.custom-categories-bar.is-expanded .custom-categories-scroll{z-index:31;overscroll-behavior:contain;background:var(--custom-card);border-bottom:1px solid var(--custom-line);max-height:min(40vh,240px);box-shadow:var(--custom-shadow), 0 8px 24px #3d3a361f;flex-wrap:wrap;align-content:flex-start;align-items:center;position:absolute;top:0;left:0;right:0;overflow:hidden auto}.custom-categories-bar.is-expanded .custom-categories-expand-btn{z-index:34;margin:calc(4px * var(--custom-ui-scale)) calc(6px * var(--custom-ui-scale)) calc(4px * var(--custom-ui-scale)) 0;flex-shrink:0;align-self:flex-start;position:relative}.custom-categories-bar.is-expanded .custom-bead-search-btn{z-index:34;flex-shrink:0;align-self:flex-start;position:relative}.custom-bead-search-wrap{width:min(9.5rem,34vw);min-width:calc(6.5rem + var(--custom-ui-scale) * 1.5rem);max-width:11rem;margin:calc(4px * var(--custom-ui-scale)) calc(8px * var(--custom-ui-scale)) calc(4px * var(--custom-ui-scale)) 0;flex:0 auto;align-self:center;position:relative}.custom-bead-search-wrap--active{flex:1;width:auto;min-width:0;max-width:none;margin:0}.custom-bead-search-btn{box-sizing:border-box;width:calc(var(--custom-btn-size) * .85);min-width:calc(var(--custom-btn-size) * .85);max-width:calc(var(--custom-btn-size) * .85);height:var(--custom-category-pill-height);min-height:var(--custom-category-pill-height);margin:calc(4px * var(--custom-ui-scale)) calc(8px * var(--custom-ui-scale)) calc(4px * var(--custom-ui-scale)) 0;border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);box-shadow:var(--custom-shadow);color:var(--custom-muted);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:flex}.custom-bead-search-btn:hover{border-color:var(--custom-line-strong);background:var(--custom-highlight);color:var(--custom-accent)}.custom-bead-search-btn-icon{width:calc(15px * var(--custom-ui-scale));height:calc(15px * var(--custom-ui-scale))}.custom-categories-bar.is-filter-mode{z-index:2}.custom-bead-filter-bar{align-items:center;gap:calc(var(--custom-gap));min-width:0;padding:calc(4px * var(--custom-ui-scale)) 8px;flex:1;display:flex}.custom-bead-filter-close-btn{box-sizing:border-box;width:calc(var(--custom-btn-size) * .85);min-width:calc(var(--custom-btn-size) * .85);height:var(--custom-category-pill-height);min-height:var(--custom-category-pill-height);border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);box-shadow:var(--custom-shadow);color:var(--custom-muted);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:flex}.custom-bead-filter-close-btn:hover{border-color:var(--custom-line-strong);background:var(--custom-highlight);color:var(--custom-accent)}.custom-bead-filter-close-icon{width:calc(15px * var(--custom-ui-scale));height:calc(15px * var(--custom-ui-scale))}.custom-bead-search-icon{left:calc(8px * var(--custom-ui-scale));width:calc(13px * var(--custom-ui-scale));height:calc(13px * var(--custom-ui-scale));color:var(--custom-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.custom-bead-search-input{box-sizing:border-box;width:100%;height:var(--custom-category-pill-height);min-height:var(--custom-category-pill-height);padding:0 calc(8px * var(--custom-ui-scale)) 0 calc(26px * var(--custom-ui-scale));border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);font-size:calc(10px * var(--custom-font-scale) + 1px);color:var(--custom-muted);outline:none;font-weight:500;transition:border-color .15s,box-shadow .15s}.custom-bead-search-input::placeholder{color:var(--custom-muted)}.custom-bead-search-input:focus{border-color:var(--custom-accent);box-shadow:0 0 0 2px #e07a5229}.custom-bead-search-input::-webkit-search-cancel-button{appearance:none}.custom-bead-search-empty{font-size:calc(11px * var(--custom-font-scale) + 1px);color:var(--custom-muted);text-align:center;grid-column:1/-1;margin:auto;padding:1rem}.custom-category-item{box-sizing:border-box;height:var(--custom-category-pill-height);min-height:var(--custom-category-pill-height);padding:0 calc(10px * var(--custom-ui-scale));border:1px solid var(--custom-line);font-size:calc(11px * var(--custom-font-scale) + 1px);color:var(--custom-muted);background:var(--custom-card);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1.2;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.custom-category-item.active{background:var(--custom-accent);border-color:var(--custom-accent);color:#fff;box-shadow:0 2px 8px #e07a5247}.custom-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.custom-beads-layout{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.custom-subcategories-sidebar{width:var(--custom-sub-sidebar-width);border-right:1px solid var(--custom-line);background:#fffcf7a6;flex-direction:column;flex-shrink:0;gap:0;padding:0;display:flex;position:relative;overflow:hidden auto}.custom-subcategory-switch-thumb{z-index:0;background:var(--custom-highlight);width:100%;box-shadow:inset 3px 0 0 var(--custom-accent);pointer-events:none;border-radius:0;transition:transform .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1),opacity .15s;position:absolute;top:0;left:0}.custom-subcategory-item{width:100%;min-height:calc(var(--custom-btn-size) * .65);padding:calc(8px * var(--custom-ui-scale)) calc(8px * var(--custom-ui-scale));border:none;border-bottom:1px solid var(--custom-line);z-index:1;font-size:calc(10px * var(--custom-font-scale) + 1px);text-align:left;color:var(--custom-muted);word-break:break-word;cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;font-weight:600;line-height:1.25;transition:color .15s;position:relative}.custom-subcategory-item:last-child{border-bottom:none}.custom-subcategory-item:hover:not(.active){color:var(--custom-accent)}.custom-subcategory-item.active{color:var(--custom-accent);box-shadow:none;background:0 0}.custom-beads-grid-host{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-width:0;min-height:0;padding:calc(4px * var(--custom-ui-scale)) calc(8px * var(--custom-ui-scale));background:var(--custom-card);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:hidden auto}.custom-beads-grid-scaler{width:100%;max-width:100%}.custom-beads-grid{grid-template-columns:repeat(var(--custom-grid-cols), minmax(0, 1fr));gap:calc(var(--custom-gap));justify-content:center;width:100%;display:grid}.custom-bead-grid-item{width:100%;max-width:var(--custom-grid-cell);text-align:center;flex-direction:column;align-items:center;margin-inline:auto;display:flex}.custom-bead-grid-hit{width:100%;max-width:var(--custom-grid-cell);aspect-ratio:1;touch-action:none;cursor:grab;height:auto;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.custom-bead-grid-hit--dragging{opacity:.35}.custom-bead-grid-hit .custom-bead{flex-shrink:0;position:relative}.custom-bead-image-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-bead-image-wrap img,.custom-bead-image-wrap>span{object-fit:contain;justify-content:center;align-items:center;max-width:85%;max-height:85%;width:auto!important;height:auto!important;display:flex!important}.custom-bead-image-wrap img{max-width:100%;max-height:100%}.custom-circle .custom-bead.has-image .custom-bead-image-wrap img{object-fit:contain;max-width:100%;max-height:100%;width:100%!important;height:100%!important}.custom-bead-grid-label{font-size:calc(9px * var(--custom-font-scale));-webkit-line-clamp:1;color:var(--custom-muted);-webkit-box-orient:vertical;margin-top:2px;line-height:1.15;display:-webkit-box;overflow:hidden}.custom-bead-grid-meta{font-size:calc(8px * var(--custom-font-scale));flex-direction:column;align-items:center;gap:1px;line-height:1.1;display:flex}.custom-thread-selector{min-height:0;padding:calc(6px * var(--custom-ui-scale)) 10px;flex-direction:column;flex:1;display:flex;overflow:hidden}.custom-thread-selector>span{font-size:calc(11px * var(--custom-font-scale) + 1px);color:var(--custom-muted);flex-shrink:0;font-weight:600}.custom-thread-options{grid-template-columns:repeat(auto-fill, minmax(calc(var(--custom-grid-cell) + 12px), 1fr));gap:calc(var(--custom-gap));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;margin-top:calc(var(--custom-gap));flex:1;align-content:start;display:grid;overflow:hidden auto}.custom-thread-option{min-height:calc(var(--custom-btn-size) * .9);border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);font-size:calc(10px * var(--custom-font-scale));color:var(--custom-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:flex}.custom-thread-option.selected{background:var(--custom-highlight);border-color:var(--custom-accent);color:var(--custom-accent);box-shadow:0 0 0 2px #e07a5233}.custom-thread-swatch{width:calc(var(--custom-btn-size) * .65);height:calc(var(--custom-btn-size) * .65);border:1px solid var(--custom-line-strong);border-radius:50%}.custom-offline-banner{font-weight:600;border-bottom:1px solid var(--custom-line)!important;background:var(--custom-highlight)!important;color:var(--custom-accent)!important}.custom-delete-hint-text{color:var(--custom-accent);font-weight:600}.custom-modal-backdrop{--custom-ink:#3d3a36;--custom-line:#e8e3da;--custom-line-strong:#d4cec3;--custom-accent:#e07a52;--custom-highlight:#fef3e8;--custom-paper:#fcfaf6;--custom-card:#fff;--custom-muted:#8a8379;--custom-radius:12px;--custom-sketch-radius:12px;--custom-shadow:0 2px 10px #3d3a360f;padding:1rem;background:#3d3a3659!important}.custom-modal-panel{color:var(--custom-muted);touch-action:pan-y;flex-direction:column;max-height:85dvh;display:flex;overflow:hidden;border:1px solid var(--custom-line)!important;border-radius:var(--custom-sketch-radius)!important;box-shadow:var(--custom-shadow), 0 12px 40px #3d3a361f!important;background-color:#fff!important;background-image:radial-gradient(circle,#3d3a361a .85px,#0000 .85px)!important;background-size:5px 5px!important}.custom-modal-panel .font-doodle,.custom-bead-detail-header h3{color:var(--custom-accent)}.custom-modal-panel--bead-list{width:min(36rem,100vw - 2rem);max-width:min(36rem,100vw - 2rem)}@keyframes custom-modal-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:767px){.custom-modal-backdrop--works,.custom-modal-backdrop--bead-list{justify-content:center;align-items:flex-end;padding:0}.custom-modal-panel.custom-modal-panel--works,.custom-modal-panel.custom-modal-panel--bead-list{align-self:flex-end;width:100%;max-width:100%;max-height:92dvh;margin:0;animation:.3s cubic-bezier(.22,1,.36,1) custom-modal-sheet-in;border-radius:16px 16px 0 0!important}.custom-modal-backdrop--cart{justify-content:center;align-items:center;padding:1rem}.custom-modal-panel.custom-modal-panel--cart{align-self:auto;width:min(100%,24rem);max-width:calc(100vw - 2rem);max-height:min(85dvh,100%);margin:0;animation:none;border-radius:var(--custom-sketch-radius)!important}.custom-modal-panel--cart .custom-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.custom-modal-panel.custom-modal-panel--bead-list{padding-block:1rem 1.25rem;padding-inline:.875rem}.custom-modal-panel--bead-list .custom-modal-body{padding-right:.5rem}.custom-bead-list-detail li{padding-inline:0}}.custom-modal-panel--bead-list .custom-modal-body{padding-right:.875rem}.custom-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background-color:#fff;flex:1;min-height:0;overflow:hidden auto}.custom-modal-close{border:1px solid var(--custom-line);background:var(--custom-card);min-width:44px;min-height:44px;color:var(--custom-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.custom-modal-close-icon{pointer-events:none;display:block}.custom-modal-panel--cart .custom-modal-body{background-color:#0000}.custom-modal-panel--wide{max-width:min(32rem,100%)}.custom-modal-panel--works{max-width:min(56rem,100%)}.custom-works-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.custom-works-card{border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);overflow:hidden}.custom-works-card-main{text-align:left;width:100%;transition:background .15s;display:block}.custom-works-card-main:hover{background:var(--custom-highlight)}.custom-works-preview{aspect-ratio:1;border-bottom:1px solid var(--custom-line);background:#ffffff59;position:relative}.custom-works-preview--empty{justify-content:center;align-items:center;font-size:2rem;display:flex}.custom-works-meta{padding:12px}.custom-works-card-footer{border-top:1px solid var(--custom-line);padding:8px 12px 12px}.custom-bead-list-detail{margin:0;padding:0;list-style:none}.custom-bead-list-detail li{gap:.75rem;padding-block:.5rem;padding-inline:.125rem .25rem;position:relative}.custom-bead-list-thumb{flex-shrink:0;width:2rem;height:2rem;overflow:visible}.custom-bead-list-label{color:var(--custom-muted);font-size:.8125rem;line-height:1.25}.custom-bead-list-meta{font-size:.6875rem;line-height:1.2}.custom-bead-list-price{text-align:right;flex-shrink:0;min-width:4.25rem;padding-left:1rem;font-size:.8125rem}.custom-template-card{text-align:left;border:1px solid var(--custom-line);border-radius:var(--custom-sketch-radius);background:var(--custom-card);min-height:44px;padding:12px;transition:background .15s,border-color .15s}.custom-template-card:hover{border-color:var(--custom-line-strong);background:var(--custom-highlight)}@media (max-width:1023px){.custom-bracelet-edge--stats{right:auto;left:calc(4px * var(--custom-ui-scale));align-items:flex-start}.custom-bracelet-info,.custom-categories-expand-btn,.custom-bead-search-btn{border-radius:calc(6px * var(--custom-ui-scale) + 2px)}.custom-content-area{border:1px solid var(--custom-line);border-bottom:none;border-radius:16px 16px 0 0;overflow:hidden}.custom-bead-list-label{font-size:.875rem}.custom-bead-list-meta{font-size:.75rem}.custom-bead-list-price{font-size:.875rem}.custom-tutorial-step,.custom-tutorial-skip{font-size:12px}.custom-tutorial-title{font-size:16px}.custom-tutorial-text{font-size:14px}.custom-tutorial-tap{font-size:13px}.custom-bead-detail-meta,.custom-bead-detail-desc{font-size:15px}.custom-bead-detail-hint{font-size:13px}.custom-page .text-xs{font-size:.8125rem;line-height:1.125rem}.custom-page .text-sm{font-size:.9375rem;line-height:1.375rem}.custom-page .text-base{font-size:1.0625rem;line-height:1.625rem}.custom-page .text-lg{font-size:1.1875rem;line-height:1.75rem}.custom-page .text-xl{font-size:1.3125rem;line-height:1.875rem}}@media (min-width:1024px){.custom-workspace{border-right:1px solid var(--custom-line)}.custom-content-area{border-top:none}}@media (max-width:639px){.custom-modal-panel:not(.custom-modal-panel--works):not(.custom-modal-panel--bead-list):not(.custom-modal-panel--cart){align-self:auto;width:100%;max-width:100%;max-height:92dvh;margin:0;border-radius:var(--custom-sketch-radius)!important}.custom-modal-backdrop:not(.custom-modal-backdrop--works):not(.custom-modal-backdrop--bead-list):not(.custom-modal-backdrop--cart){justify-content:center;align-items:center;padding:0}}.custom-tutorial-root{z-index:200;cursor:pointer;position:fixed;inset:0}.custom-tutorial-overlay{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.custom-tutorial-overlay--dim{pointer-events:none;background:#3d3a366b}.custom-tutorial-breathe-hole{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite custom-tutorial-hole-breathe}@keyframes custom-tutorial-hole-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.custom-tutorial-bubble{z-index:201;pointer-events:none;border-radius:var(--custom-sketch-radius);background:#fff;border:1px solid #ffffffe6;padding:0;position:fixed;overflow:hidden;box-shadow:0 4px 6px #3d3a3614,0 12px 32px #3d3a3638}@media (prefers-reduced-motion:reduce){.custom-tutorial-breathe-hole{animation:none}}.custom-tutorial-bubble:after{content:"";background:#fff;border:1px solid #ffffffe6;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.custom-tutorial-bubble--top:after{border-bottom:none;border-right:none;top:-6px;left:calc(50% - 5px)}.custom-tutorial-bubble--bottom:after{border-top:none;border-left:none;bottom:-6px;left:calc(50% - 5px)}.custom-tutorial-bubble--left:after{border-top:none;border-right:none;top:calc(50% - 5px);left:-6px}.custom-tutorial-bubble--right:after{border-bottom:none;border-left:none;top:calc(50% - 5px);right:-6px}.custom-tutorial-bubble-head{background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.custom-tutorial-step{color:var(--custom-muted);opacity:.85;font-size:11px;font-weight:600}.custom-tutorial-skip{color:var(--custom-muted);opacity:.75;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.custom-tutorial-skip:hover{opacity:1;color:var(--custom-accent);background:var(--custom-highlight)}.custom-tutorial-bubble-body{background:var(--custom-paper);border-top:1px solid var(--custom-line);border-bottom:1px solid var(--custom-line);padding:10px 12px}.custom-tutorial-title{color:var(--custom-accent);margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.35}.custom-tutorial-text{color:var(--custom-muted);margin:0;font-size:13px;line-height:1.5}.custom-tutorial-tap{background:var(--custom-highlight);color:var(--custom-accent);text-align:center;margin:0;padding:8px 12px;font-size:12px;font-weight:600}.custom-bead-detail-panel{max-height:min(90vh,720px);padding:1.25rem;overflow:auto}.custom-modal-backdrop--bead-detail{justify-content:center;align-items:center}.custom-bead-detail-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.custom-bead-detail-header h3{flex:1;min-width:0}.custom-bead-detail-body{flex-direction:column;display:flex}@media (max-width:639px){.custom-modal-backdrop--bead-detail{padding:0}.custom-modal-panel.custom-bead-detail-panel{align-self:auto;width:100%;max-width:100%;max-height:min(92dvh,100%);margin:0;padding:1rem 0 1.25rem;border-radius:var(--custom-sketch-radius)!important}.custom-bead-detail-header,.custom-bead-detail-body{padding-inline:1rem}.custom-bead-detail-hero{border-inline:none;border-radius:0;margin-inline:0}}.custom-bead-detail-hero{border:1px solid var(--custom-line);background:var(--custom-paper);border-radius:12px;justify-content:center;align-items:center;min-height:180px;padding:12px;display:flex}.custom-bead-detail-main-image{object-fit:contain;max-width:100%;max-height:220px}.custom-bead-detail-fallback{justify-content:center;align-items:center;display:flex}.custom-bead-detail-thumbs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.custom-bead-detail-thumb{background:var(--custom-paper);cursor:pointer;border:2px solid #0000;border-radius:8px;width:56px;height:56px;padding:0;overflow:hidden}.custom-bead-detail-thumb.active{border-color:var(--custom-accent)}.custom-bead-detail-thumb img{object-fit:cover;width:100%;height:100%}.custom-bead-detail-meta{color:var(--custom-accent);flex-wrap:wrap;gap:10px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.custom-bead-detail-desc{color:var(--custom-muted);white-space:pre-wrap;margin:12px 0 0;font-size:14px;line-height:1.6}.custom-bead-detail-hint{margin:10px 0 0;font-size:12px}