.language-switcher[data-v-b6b3d1c9]{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.language-button[data-v-b6b3d1c9]{color:inherit;font:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.35rem .4rem;font-size:.8rem;transition:opacity .15s,color .15s}.language-button[data-v-b6b3d1c9]:hover,.language-button.active[data-v-b6b3d1c9]{opacity:1}.language-button.active[data-v-b6b3d1c9]{color:#ffa800;font-weight:600}.language-divider[data-v-b6b3d1c9]{opacity:.35;font-size:.75rem}.language-button[data-v-b6b3d1c9]:focus-visible{outline-offset:2px;outline:2px solid #ffa800}.image-uploader[data-v-7db80982]{width:100%;min-width:0}.file-input[data-v-7db80982]{display:none}.source-image-bar[data-v-7db80982]{box-sizing:border-box;background:var(--color-surface,#fff);border:1px solid var(--color-border,#d1d5db);border-radius:2px;align-items:center;gap:12px;width:100%;min-height:68px;padding:0 12px;display:flex}.source-thumbnail[data-v-7db80982]{object-fit:contain;background:var(--color-background,#f3f4f6);border-radius:6px;flex:0 0 48px;width:48px;height:48px;display:block}.source-image-label[data-v-7db80982]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.replace-image-button[data-v-7db80982]{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:0 0 40px;place-items:center;padding:0;transition:background-color .15s,transform .15s;display:grid}.replace-image-button[data-v-7db80982]:hover{background:var(--color-hover,#f3f4f6)}.replace-image-button[data-v-7db80982]:active{transform:scale(.94)}.replace-image-button[data-v-7db80982]:focus-visible,.upload-button[data-v-7db80982]:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:3px}.upload-area[data-v-7db80982]{box-sizing:border-box;border:2px dashed var(--color-border,#d1d5db);background:var(--color-surface,#fff);border-radius:12px;justify-content:center;align-items:center;min-height:240px;padding:24px;transition:border-color .15s,background-color .15s;display:flex}.upload-area.is-dragging[data-v-7db80982]{border-color:var(--color-primary,#6366f1);background:var(--color-hover,#f5f3ff)}.upload-button[data-v-7db80982]{color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}.upload-title[data-v-7db80982]{font-size:16px;font-weight:600}.upload-separator[data-v-7db80982],.upload-hint[data-v-7db80982]{color:var(--color-text-muted,#6b7280);font-size:13px}.upload-select[data-v-7db80982]{color:#fff;background:var(--color-primary,#4f46e5);border-radius:8px;padding:9px 16px;font-size:14px;font-weight:500}.upload-button:hover .upload-select[data-v-7db80982]{filter:brightness(1.08)}@media (width<=480px){.source-image-bar[data-v-7db80982]{min-height:60px;padding:6px 8px}.source-thumbnail[data-v-7db80982]{flex-basis:42px;width:42px;height:42px}.upload-area[data-v-7db80982]{min-height:200px}}.pixel-board[data-v-6f1edc3b]{background:#fff;border-radius:2px;justify-content:center;align-items:flex-start;width:100%;max-width:100%;margin:10px 0;padding:20px;display:flex;overflow:hidden}.bead-statistics[data-v-06a0805c]{width:100%;color:var(--color-base-content,inherit)}.statistics-summary[data-v-06a0805c]{flex-wrap:wrap;gap:2rem;margin-bottom:1.25rem;display:flex}.summary-item[data-v-06a0805c]{flex-direction:column;gap:.25rem;display:flex}.summary-label[data-v-06a0805c]{opacity:.65;font-size:.8rem}.summary-value[data-v-06a0805c]{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.bead-list[data-v-06a0805c]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem 1.25rem;display:grid}.bead-item[data-v-06a0805c]{align-items:center;gap:.65rem;min-width:0;display:flex}.bead-color[data-v-06a0805c]{border-radius:.25rem;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px #7f7f7f40}.bead-info[data-v-06a0805c]{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.bead-code[data-v-06a0805c]{font-size:.9rem;font-weight:500}.bead-hex[data-v-06a0805c]{opacity:.65;font-size:.75rem}.bead-count[data-v-06a0805c]{font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9rem;font-weight:600}.empty-message[data-v-06a0805c]{opacity:.65;font-size:.875rem}.converter-toolbar[data-v-8d4d4546]{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 1.5rem;width:100%;margin-block:1rem;display:flex}.toolbar-settings[data-v-8d4d4546],.toolbar-actions[data-v-8d4d4546]{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.toolbar-field[data-v-8d4d4546]{flex-direction:column;gap:.4rem;min-width:0;display:flex}.field-label[data-v-8d4d4546]{color:var(--color-base-content,currentColor);opacity:.7;font-size:.8rem;line-height:1}.toolbar-input[data-v-8d4d4546],.toolbar-select[data-v-8d4d4546]{box-sizing:border-box;border:1px solid var(--color-base-300,#484848);height:40px;color:inherit;font:inherit;background:0 0;border-radius:.45rem;outline:none;padding:0 .75rem;font-size:.875rem;transition:border-color .15s}.toolbar-input[data-v-8d4d4546]{width:112px}.toolbar-select[data-v-8d4d4546]{cursor:pointer;width:160px}.toolbar-input[data-v-8d4d4546]:focus,.toolbar-select[data-v-8d4d4546]:focus{border-color:#ffa800}.toolbar-select option[data-v-8d4d4546]{background:var(--color-base-100,#1b1b1b);color:var(--color-base-content,inherit)}.toolbar-button[data-v-8d4d4546]{box-sizing:border-box;border:1px solid var(--color-base-300,#484848);min-height:40px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:.45rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.toolbar-button[data-v-8d4d4546]:hover{background:var(--color-base-200,#7f7f7f1f);border-color:#ffa800}.toolbar-button[data-v-8d4d4546]:focus-visible{outline-offset:2px;outline:2px solid #ffa800}.button-icon[data-v-8d4d4546]{width:1.3rem;height:1.3rem;line-height:1}@media (width<=560px){.converter-toolbar[data-v-8d4d4546]{align-items:stretch}.toolbar-settings[data-v-8d4d4546],.toolbar-actions[data-v-8d4d4546]{width:100%}.toolbar-settings[data-v-8d4d4546]>*{flex:1}.toolbar-input[data-v-8d4d4546],.toolbar-select[data-v-8d4d4546]{width:100%}.toolbar-actions[data-v-8d4d4546]>*{flex:1}}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:#222;background:#f5f5f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}.content{width:min(1400px,100%);margin:0 auto;padding:32px}.header{background:#fff;border-bottom:1px solid #e5e5e5;height:64px}.header-inner{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 32px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:5px;font-size:22px;font-weight:700;display:flex}.nav{flex-grow:1;justify-content:center;align-items:center;gap:28px;margin-left:48px;display:flex}.nav-link{color:#666;font-size:14px;transition:color .15s,background-color .15s}.nav-link:hover{color:#111}.upload-area{background:#fff;border:2px dashed #aaa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;transition:border-color .15s,background-color .15s;display:flex}.upload-area.dragging{background:#eee;border-color:#333}.select-button{color:#fff;cursor:pointer;background:#222;border-radius:6px;padding:10px 16px;transition:background-color .15s}.select-button:hover{background:#444}.footer{background:#fff;border-top:1px solid #e5e5e5;margin-top:48px}.footer-inner{color:#888;text-align:center;width:min(1400px,100%);margin:0 auto;padding:20px 32px;font-size:13px}.converter-options{align-items:center;gap:12px;margin-bottom:16px;display:flex}.converter-options label{font-size:14px;font-weight:500}.converter-options select{color:#222;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;min-width:160px;padding:8px 32px 8px 10px;font-size:14px}.converter-options select:focus{border-color:#666;outline:none}