.bead-designer-page[data-v-d83bae0c]{padding:12px 16px;max-width:1280px;margin:0 auto}.mode-tabs[data-v-d83bae0c]{margin-bottom:12px}.row[data-v-d83bae0c]{margin-bottom:8px}.lbl[data-v-d83bae0c]{font-size:13px;color:#555;margin-right:2px}.filename[data-v-d83bae0c]{font-size:13px;color:#888}.palette-card[data-v-d83bae0c]{margin-bottom:12px}.palette-swatches[data-v-d83bae0c]{display:flex;flex-wrap:wrap;gap:3px;padding:6px 0}.swatch[data-v-d83bae0c]{width:22px;height:22px;border:1px solid rgba(0,0,0,.15);border-radius:3px;cursor:pointer;transition:transform .08s}.swatch[data-v-d83bae0c]:hover{transform:scale(1.18);box-shadow:0 1px 4px #00000040;z-index:1}.swatch.active[data-v-d83bae0c]{outline:2px solid #18a058;outline-offset:1px}.swatch-removable[data-v-d83bae0c]:hover:after{content:"×";color:red}.tool-bar[data-v-d83bae0c]{background:#fafafa;padding:6px 8px;border-radius:4px}.canvas-wrap[data-v-d83bae0c]{margin:12px 0;position:relative}.canvas-scroller[data-v-d83bae0c]{overflow:auto;max-height:70vh;border:1px solid #ddd;background:#f4f4f4 repeating-conic-gradient(#e8e8e8 0% 25%,#f4f4f4 0% 50%) 0 / 16px 16px;background-attachment:local;display:flex;justify-content:center;align-items:flex-start;padding:8px}.bead-canvas[data-v-d83bae0c]{image-rendering:pixelated;cursor:crosshair;box-shadow:0 2px 8px #00000026;background:#fff;flex-shrink:0}.hover-info[data-v-d83bae0c]{position:absolute;right:16px;bottom:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px;font-family:monospace;pointer-events:none}.export-bar[data-v-d83bae0c]{margin-top:12px;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.bead-list-card[data-v-d83bae0c]{margin-top:12px}.bead-list[data-v-d83bae0c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px}.bead-row[data-v-d83bae0c]{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.bead-swatch[data-v-d83bae0c]{width:16px;height:16px;border-radius:2px;border:1px solid rgba(0,0,0,.15)}.bead-code[data-v-d83bae0c]{font-family:monospace;color:#555;width:42px}.bead-name[data-v-d83bae0c]{flex:1;color:#333}.bead-count[data-v-d83bae0c]{font-weight:600;color:#18a058}