.bs-container{max-width:480px;margin:0 auto;padding:24px 16px 48px;font-family:Noto Sans TC,Inter,system-ui,sans-serif;color:#3d3428;background-color:#fdf8f0;background-image:radial-gradient(ellipse at 20% 50%,rgba(200,180,150,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(180,160,130,.05) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(160,140,110,.04) 0%,transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(180,165,140,.015) 2px,rgba(180,165,140,.015) 4px);min-height:100vh;position:relative}.bs-header{text-align:center;margin-bottom:28px}.bs-title{font-size:1.5rem;font-weight:700;margin:0 0 6px;letter-spacing:.04em;color:#3d3428}.bs-subtitle{font-size:.875rem;color:#8b7e6a;margin:0;letter-spacing:.02em}.bs-preview-section{margin-bottom:28px;text-align:center}.bs-preview-empty{padding:36px 20px;border:2px dashed #c8bfa8;border-radius:255px 15px 225px/15px 225px 15px 255px;color:#a89c88;font-size:.9rem;background:#fdf8f080}.bs-preview-empty p{margin:0}.bs-preview-hint{font-size:.75rem;color:#a89c88;margin:10px 0 0;font-style:italic}.bs-circle-preview{position:relative;margin:0 auto}.bs-circle-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.25;mix-blend-mode:multiply}.bs-circle-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply}.bs-circle-preview .bs-bead{position:absolute;margin:0}.bs-bead{flex-shrink:0;margin-left:-7px}.bs-bead:first-child{margin-left:0}.bs-bead img{height:100%;width:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.bs-bead--crystal{height:34px}.bs-bead--main{height:46px}.bs-bead--spacer-sm{height:28px}.bs-bead--spacer-lg{height:24px}.bs-bead--end-crystal{height:22px}.bs-bead--steel-link{height:14px}.bs-bead--wire{height:25px}.bs-circle-wire-half{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center;transform:scale(.93) rotate(5deg)}.bs-circle-wire-left,.bs-circle-wire-right{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center}.bs-circle-wire-left{transform:scale(.92) rotate(-6deg)}.bs-circle-wire-right{transform:scale(.92) rotate(6deg)}.bs-circle-wire-steel-left,.bs-circle-wire-steel-right{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center}.bs-circle-wire-steel-left{transform:scale(.92) rotate(-6deg)}.bs-circle-wire-steel-right{transform:scale(.92) rotate(6deg)}.bs-bead--clasp{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1.5px dashed #c8bfa8;border-radius:50%;background:#fdf8f099}.bs-clasp-label{font-size:8px;color:#a89c88;font-weight:500;line-height:1}.bs-el{border-radius:50%;flex-shrink:0;filter:url(#sketch-light)}.bs-crystal{width:24px;height:24px;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 20%,var(--bead-color) 50%,color-mix(in srgb,var(--bead-color) 80%,#5a4a3a) 100%);border:1.5px solid color-mix(in srgb,var(--bead-color) 60%,#4a3e2e);box-shadow:inset 0 -1px 3px #503c281a,0 1px 3px #503c2814}.bs-crystal.bs-el--sm{width:16px;height:16px;border-width:1px}.bs-snowflake{width:12px;height:12px;opacity:.55;box-shadow:none;border:1.5px solid currentColor;background:transparent!important}.bs-snowflake.bs-metal--gold{background:#b8860b1f!important;border-color:#9a783280}.bs-snowflake.bs-metal--silver{background:#a0a0a01f!important;border-color:#82828280}.bs-snowflake.bs-el--sm{width:8px;height:8px;border-width:1px}.bs-thick-spacer{width:16px;height:16px;opacity:.55;box-shadow:none;border:2px solid currentColor;background:transparent!important}.bs-thick-spacer.bs-metal--gold{background:#b8860b26!important;border-color:#9a78328c}.bs-thick-spacer.bs-metal--silver{background:#a0a0a026!important;border-color:#8282828c}.bs-thick-spacer.bs-el--sm{width:11px;height:11px;border-width:1.5px}.bs-main-stone{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:3px;border:2px dashed currentColor;background:transparent!important}.bs-main-stone.bs-metal--gold{border-color:#9a783299;background:#b8860b14!important}.bs-main-stone.bs-metal--silver{border-color:#82828299;background:#a0a0a014!important}.bs-main-stone.bs-el--sm{width:24px;height:24px;padding:2px;border-width:1.5px}.bs-main-stone-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 20%,var(--bead-color) 50%,color-mix(in srgb,var(--bead-color) 80%,#5a4a3a) 100%);border:1.5px solid color-mix(in srgb,var(--bead-color) 60%,#4a3e2e);box-shadow:inset 0 -1px 3px #503c281a}.bs-metal--gold{background:radial-gradient(circle at 35% 30%,gold,#b8860b)}.bs-metal--silver{background:radial-gradient(circle at 35% 30%,#e8e8e8,#a0a0a0)}.bs-controls{margin-bottom:28px}.bs-section-label{font-size:.8rem;font-weight:600;color:#6b5e4a;margin:0;letter-spacing:.05em;display:inline-block;border-bottom:1.5px dashed #c8bfa8;padding-bottom:2px}.bs-section-sublabel{font-size:.75rem;color:#a89c88;margin-left:6px;font-weight:400;font-style:italic}.bs-style-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;margin-top:10px}.bs-style-btn{padding:7px 14px;border:1.5px solid #c8bfa8;border-radius:255px 15px 225px/15px 225px 15px 255px;background:#fdf8f099;cursor:pointer;font-size:.82rem;color:#6b5e4a;font-family:inherit;transition:border-color .3s ease,background .3s ease}.bs-style-btn:hover:not(:disabled){border-color:#8b7e6a;background:#fdf8f0e6}.bs-style-btn--active{border-color:#3d3428;border-width:2.5px;background:#fdf8f0e6;font-weight:600;color:#3d3428}.bs-style-btn--disabled{opacity:.4;cursor:not-allowed;border-style:dashed}.bs-style-btn-soon{font-size:.68rem;color:#a89c88;margin-left:2px}.bs-bead-count-row{display:flex;align-items:center;gap:16px;margin:10px 0 24px}.bs-count-btn{width:36px;height:36px;border:1.5px solid #c8bfa8;border-radius:50%;background:#fdf8f099;cursor:pointer;font-size:1.1rem;font-weight:600;color:#6b5e4a;font-family:inherit;transition:border-color .3s ease,background .3s ease;display:flex;align-items:center;justify-content:center}.bs-count-btn:hover:not(:disabled){border-color:#8b7e6a;background:#fdf8f0e6}.bs-count-btn:disabled{opacity:.3;cursor:not-allowed}.bs-count-value{font-size:1rem;font-weight:600;color:#3d3428;min-width:50px;text-align:center}.bs-stone-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;margin-top:10px}.bs-stone-btn{padding:7px 14px;border:1.5px solid #c8bfa8;border-radius:255px 15px 225px/15px 225px 15px 255px;background:#fdf8f099;cursor:pointer;font-size:.82rem;color:#6b5e4a;font-family:inherit;transition:border-color .3s ease,background .3s ease}.bs-stone-btn:hover{border-color:#8b7e6a;background:#fdf8f0e6}.bs-stone-btn--active{border-color:#3d3428;border-width:2.5px;background:#fdf8f0e6;font-weight:600;color:#3d3428}.bs-color-picker{margin-bottom:18px}.bs-color-picker-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px}.bs-selected-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 10px 2px 4px;background:#c8bfa826;border-radius:255px 15px 225px/15px 225px 15px 255px;border:1px solid rgba(200,191,168,.3)}.bs-selected-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(61,52,40,.2);filter:url(#sketch-light)}.bs-selected-name{font-size:.75rem;color:#6b5e4a;font-weight:500}.bs-palette{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bs-palette-item{display:flex;flex-direction:column;align-items:center;gap:2px}.bs-palette-btn{width:32px;height:32px;border-radius:50%;border:2px solid rgba(61,52,40,.15);cursor:pointer;transition:border-color .3s ease,transform .3s ease;padding:0;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.3) 0%,var(--swatch-color) 55%,color-mix(in srgb,var(--swatch-color) 80%,#5a4a3a) 100%);box-shadow:0 1px 3px #503c2814;filter:url(#sketch-light)}.bs-palette-btn:hover{transform:scale(1.12);border-color:#3d342859}.bs-palette-btn--active{border-color:#3d3428;border-width:3px;box-shadow:0 0 0 2px #3d342826}.bs-palette-label{display:block;font-size:10px;color:#8b7e6a;text-align:center;margin-top:2px}.bs-metal-row{display:flex;gap:10px;margin-bottom:20px;margin-top:10px}.bs-metal-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border:2px solid #c8bfa8;border-radius:15px 255px 15px 225px/225px 15px 255px;background:#fdf8f099;cursor:pointer;font-size:.85rem;color:#6b5e4a;font-family:inherit;transition:border-color .3s ease,background .3s ease}.bs-metal-btn:hover{border-color:#8b7e6a}.bs-metal-btn--active{border-color:#3d3428;border-width:2.5px;background:#fdf8f0e6;font-weight:600}.bs-metal-dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 -1px 2px #503c281f;border:1px solid rgba(61,52,40,.15);filter:url(#sketch-light)}.bs-toggle-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;margin-top:10px}.bs-toggle-btn{padding:10px 16px;border:1.5px solid #c8bfa8;border-radius:225px 15px 255px/15px 255px 15px 225px;background:#fdf8f099;cursor:pointer;font-size:.82rem;color:#6b5e4a;font-family:inherit;text-align:left;transition:border-color .3s ease,background .3s ease}.bs-toggle-btn:hover{border-color:#8b7e6a}.bs-toggle-btn--active{border-color:#3d3428;border-width:2.5px;background:#fdf8f0e6;font-weight:600;color:#3d3428}.bs-quick-actions{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.bs-quick-btn{padding:6px 16px;border:1.5px solid #c8bfa8;border-radius:255px 15px 225px/15px 225px 15px 255px;background:#fdf8f080;cursor:pointer;font-size:.8rem;color:#8b7e6a;font-family:inherit;transition:background .3s ease,color .3s ease}.bs-quick-btn:hover{background:#fdf8f0e6;color:#3d3428}.bs-spec{background:#fdf8f0b3;background-image:radial-gradient(ellipse at 30% 30%,rgba(200,180,150,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(180,160,130,.05) 0%,transparent 50%);border:2px solid #c8bfa8;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:20px;margin-bottom:24px}.bs-spec-title{font-size:.9rem;font-weight:600;margin:0 0 14px;color:#6b5e4a;border-bottom:1.5px dashed #c8bfa8;padding-bottom:4px;display:inline-block}.bs-spec-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;color:#6b5e4a}.bs-spec-label{font-weight:500;color:#8b7e6a;min-width:80px;flex-shrink:0}.bs-spec-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(61,52,40,.2)}.bs-spec-empty{font-size:.85rem;color:#a89c88;text-align:center;padding:8px 0;font-style:italic}.bs-note-area{width:100%;margin-top:12px;padding:10px 12px;border:1.5px solid #c8bfa8;border-radius:4px;font-size:.85rem;font-family:inherit;resize:vertical;min-height:72px;color:#3d3428;background-color:#fdf8f080;background-image:repeating-linear-gradient(transparent,transparent 23px,rgba(200,180,150,.2) 23px,rgba(200,180,150,.2) 24px);background-position:0 10px;line-height:24px;box-sizing:border-box}.bs-note-area::placeholder{color:#b5a894;font-style:italic}.bs-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.bs-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:255px 15px 225px/15px 225px 15px 255px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;border:2.5px solid transparent;transition:opacity .3s ease,transform .2s ease;text-decoration:none}.bs-btn:hover{opacity:.88}.bs-btn:active{transform:scale(.98)}.bs-btn:disabled{opacity:.45;cursor:not-allowed}.bs-btn--primary{background:#3d3428;color:#fdf8f0;border-color:#3d3428}.bs-btn--secondary{background:transparent;color:#6b5e4a;border-color:#c8bfa8;font-size:.82rem}.bs-export-preview{margin-bottom:16px;text-align:center}.bs-export-preview-label{font-size:.78rem;color:#8b7e6a;margin-bottom:8px}.bs-export-preview-img{width:100%;max-width:360px;border-radius:12px;border:1.5px solid #e6ddd0;box-shadow:0 2px 8px #0000000f}.bs-btn--ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;border-color:#833ab466}.bs-btn--line{background:#06c755;color:#fff;border-color:#06c75566}.bs-capture-card{width:400px;padding:30px;background:linear-gradient(135deg,#fdfbf7,#f5f3ef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2f2f2f}.bs-capture-card .bs-el{filter:none}.bs-capture-card .bs-crystal{border:none;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6) 0%,var(--bead-color) 45%,color-mix(in srgb,var(--bead-color) 70%,#000) 100%);box-shadow:inset 0 -2px 4px #00000026,0 2px 6px #0000001f}.bs-capture-card .bs-snowflake{border:none;opacity:.45;box-shadow:inset 0 -1px 2px #0000001a,0 1px 2px #0000000f}.bs-capture-card .bs-snowflake.bs-metal--gold{background:radial-gradient(circle at 35% 30%,gold,#b8860b)!important}.bs-capture-card .bs-snowflake.bs-metal--silver{background:radial-gradient(circle at 35% 30%,#e8e8e8,#a0a0a0)!important}.bs-capture-card .bs-thick-spacer{border:none;opacity:.45;box-shadow:inset 0 -1px 3px #0000001a,0 1px 3px #00000014}.bs-capture-card .bs-thick-spacer.bs-metal--gold{background:radial-gradient(circle at 35% 30%,gold,#b8860b)!important}.bs-capture-card .bs-thick-spacer.bs-metal--silver{background:radial-gradient(circle at 35% 30%,#e8e8e8,#a0a0a0)!important}.bs-capture-card .bs-main-stone{border:none}.bs-capture-card .bs-main-stone.bs-metal--gold{background:radial-gradient(circle at 40% 35%,#ffd70080,#c4960c66 60%,#8a650859)!important;box-shadow:inset 0 -1px 3px #0000001a,0 1px 4px #00000014}.bs-capture-card .bs-main-stone.bs-metal--silver{background:radial-gradient(circle at 40% 35%,#e8e8e880,#b8b8b866 60%,#88888859)!important;box-shadow:inset 0 -1px 3px #00000014,0 1px 4px #0000000f}.bs-capture-card .bs-main-stone-inner{border:none;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.65) 0%,var(--bead-color) 45%,color-mix(in srgb,var(--bead-color) 70%,#000) 100%);box-shadow:inset 0 -2px 4px #00000026}.bs-capture-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bs-capture-logo{height:28px}.bs-capture-label{font-size:.75rem;color:#999;letter-spacing:.05em}.bs-capture-preview{display:flex;justify-content:center;margin-bottom:20px;padding:8px 0}.bs-capture-spec{margin-bottom:16px}.bs-capture-spec-row{display:flex;align-items:center;gap:6px;font-size:.8rem;margin-bottom:4px;color:#555}.bs-capture-spec-label{font-weight:500;color:#888;min-width:70px}.bs-capture-spec-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.bs-capture-note{font-size:.8rem;color:#777;margin-top:8px;padding-top:8px;border-top:1px solid #e8e5e0}.bs-capture-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:12px;border-top:1px solid #e8e5e0;font-size:.7rem;color:#aaa}.bs-footer{text-align:center;padding:20px 0}.bs-footer-logo{height:24px;margin-bottom:6px;opacity:.5}.bs-footer p{font-size:.7rem;color:#b5a894;margin:0}.bs-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#3d3428;color:#fdf8f0;padding:10px 24px;border-radius:255px 15px 225px/15px 225px 15px 255px;font-size:.85rem;z-index:100;animation:bs-toast-in .3s ease;max-width:90vw;text-align:center}@keyframes bs-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bs-opacity-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;background:#fdf8f0e6;border:1.5px dashed rgba(200,191,168,.7);border-radius:8px;animation:bs-opacity-in .18s ease}@keyframes bs-opacity-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bs-opacity-label{font-size:12px;color:#8b7e6a;white-space:nowrap;min-width:36px}.bs-opacity-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#3d342814,#3d34288c);border-radius:2px;outline:none;cursor:pointer}.bs-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3d3428;cursor:pointer;border:2px solid #fdf8f0;box-shadow:0 1px 4px #0003}.bs-opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3d3428;cursor:pointer;border:2px solid #fdf8f0;box-shadow:0 1px 4px #0003}.bs-opacity-value{font-size:12px;color:#3d3428;font-weight:500;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.bs-opacity-badge{display:inline-block;font-size:10px;color:#8b7e6a;background:#3d342814;padding:1px 5px;border-radius:8px;margin-left:2px;vertical-align:middle}.bs-circle-brand{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:9px;color:#3d342861;letter-spacing:.1em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-style:italic}.bs-circle-timestamp{position:absolute;top:10px;right:12px;font-size:9px;color:#3d342859;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.bs-mode-row{display:flex;margin:10px 0 20px;border:1.5px solid #c8bfa8;border-radius:255px 15px 225px/15px 225px 15px 255px;overflow:hidden;width:fit-content}.bs-mode-btn{padding:7px 18px;border:none;background:#fdf8f080;cursor:pointer;font-size:.82rem;color:#6b5e4a;font-family:inherit;transition:background .2s,color .2s}.bs-mode-btn+.bs-mode-btn{border-left:1.5px solid #c8bfa8}.bs-mode-btn--active{background:#3d3428;color:#fdf8f0;font-weight:600}.bs-mode-btn:hover:not(.bs-mode-btn--active){background:#fdf8f0d9;color:#3d3428}.bs-free-bead-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.bs-free-bead-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 5px;border:1.5px solid rgba(200,191,168,.5);border-radius:8px;background:#fdf8f080;cursor:pointer;min-width:38px;transition:border-color .2s,background .2s}.bs-free-bead-btn:hover{border-color:#8b7e6a;background:#fdf8f0e6}.bs-free-bead-btn--active{border-color:#3d3428;border-width:2px;background:#fdf8f0e6}.bs-free-bead-btn--main{border-style:dashed}.bs-free-bead-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(61,52,40,.2);filter:url(#sketch-light);display:block}.bs-free-bead-label{font-size:9px;color:#8b7e6a;font-weight:500;line-height:1}.bs-free-bead-item-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.bs-ring-toggle{font-size:12px;width:24px;height:16px;border:none;background:none;cursor:pointer;color:#c8bfa8;padding:0;line-height:1;transition:color .2s;display:flex;align-items:center;justify-content:center}.bs-ring-toggle:hover{color:#6b5e4a}.bs-ring-toggle--on{color:#b8860b}.bs-bead-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:115%;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.bs-free-spec-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.bs-free-spec-item{display:flex;flex-direction:column;align-items:center;gap:2px}.bs-free-spec-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(61,52,40,.2)}.bs-free-spec-label{font-size:8px;color:#8b7e6a}.bs-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fdf8f0;padding:24px;text-align:center}.bs-gate-logo{height:52px;width:auto;opacity:.85}.bs-gate-message{font-size:1rem;color:#3d3428;margin:0;font-weight:500}.bs-gate-sub{font-size:.85rem;color:#8b7e6a;margin:0}.bs-gate-btn{padding:10px 24px;background:#3d3428;color:#fdf8f0;border:none;border-radius:255px 15px 225px/15px 225px 15px 255px;font-size:.9rem;font-family:inherit;cursor:pointer}.bs-gate-btn:hover{background:#2e2720}.bs-gate-btn:active{transform:scale(.97)}.bs-share-card{background:#fdf8f0;width:390px;display:flex;flex-direction:column;align-items:center;padding:16px 16px 14px;font-family:system-ui,Noto Sans TC,sans-serif;box-sizing:border-box;overflow:hidden}.bs-share-preview-wrap{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.bs-share-brand-bar{width:100%;display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(61,52,40,.18);margin-top:4px}.bs-share-logo-img{height:38px;width:auto;flex-shrink:0}.bs-share-brand-texts{display:flex;flex-direction:column;gap:3px}.bs-share-brand-name{font-size:.8rem;font-weight:700;color:#3d3428;letter-spacing:.04em}.bs-share-ip-text{font-size:.6rem;color:#8b7e6a;letter-spacing:.01em;line-height:1.5}.bs-custom-trigger{background:conic-gradient(from 0deg,#eb4747,#ebeb47,#47eb47,#47ebeb,#4747eb,#eb47eb,#eb4747)!important;border:2px solid rgba(61,52,40,.2)!important;position:relative}.bs-custom-trigger:after{content:"＋";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none}.bs-hsl-panel{margin-top:10px;padding:14px 14px 10px;background:#fdf8f0f2;border:1.5px dashed rgba(200,191,168,.7);border-radius:12px;display:flex;flex-direction:column;gap:12px;animation:bs-hsl-in .2s ease}@keyframes bs-hsl-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bs-hsl-preview{display:flex;align-items:center;justify-content:center;gap:12px}.bs-hsl-bead-wrap{width:48px;height:48px;position:relative;flex-shrink:0;border-radius:50%;overflow:hidden}.bs-hsl-bead-base{width:100%;height:100%;object-fit:cover;display:block}.bs-hsl-bead-overlay{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:color;border-radius:50%;pointer-events:none}.bs-hsl-hex{font-size:.82rem;color:#6b5e4a;font-family:SF Mono,Fira Code,monospace;font-variant-numeric:tabular-nums}.bs-hsl-hex-input{width:80px;padding:4px 6px;border:1.5px solid #c8bfa8;border-radius:6px;background:#fdf8f0cc;outline:none;text-align:center;transition:border-color .2s}.bs-hsl-hex-input:focus{border-color:#8b7e6a}.bs-hsl-slider-row{display:flex;align-items:center;gap:10px}.bs-hsl-label{font-size:.78rem;color:#6b5e4a;font-weight:500;min-width:52px;flex-shrink:0}.bs-hsl-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer}.bs-hsl-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3d3428;cursor:pointer;border:2px solid #fdf8f0;box-shadow:0 1px 4px #0003}.bs-hsl-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3d3428;cursor:pointer;border:2px solid #fdf8f0;box-shadow:0 1px 4px #0003}.bs-hsl-value{font-size:.78rem;color:#3d3428;font-weight:500;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}@media (min-width: 600px){.bs-container{padding:32px 24px 48px}.bs-palette-btn{width:36px;height:36px}}