.modal-overlay[data-v-7a657842]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-7a657842]{background:#fefaf5;border-radius:12px;box-shadow:0 4px 24px #0003;overflow-y:auto;position:relative}.modal-container.bare[data-v-7a657842]{display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-7a657842]{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:600;border-bottom:1px solid #eddcd2;position:sticky;top:0;background:#fefaf5;border-radius:12px 12px 0 0;z-index:1}.modal-header-drag[data-v-7a657842]{cursor:move;-webkit-user-select:none;user-select:none}.modal-header-actions[data-v-7a657842]{display:flex;align-items:center;gap:1rem}.modal-close-btn[data-v-7a657842]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0 .2rem;line-height:1}.modal-close-btn[data-v-7a657842]:hover{color:#333}.modal-body[data-v-7a657842]{padding:.8rem 1.2rem;position:relative}.modal-footer[data-v-7a657842]{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;background:#fafafa;border-top:1px solid #eee;align-items:center}.crop-header[data-v-b50ef43b]{padding:12px 16px;background:#f5f2ed;border-bottom:1px solid #e7cfbc}.crop-header-row[data-v-b50ef43b]{display:flex;justify-content:space-between;align-items:flex-start}.crop-size-text[data-v-b50ef43b]{font-size:14px;color:#888;margin-top:4px}.pixel-scale-control[data-v-b50ef43b]{display:flex;align-items:center;gap:8px}.scale-label[data-v-b50ef43b]{font-size:12px;color:#6b5a4b}.scale-select[data-v-b50ef43b],#algorithm-select[data-v-b50ef43b]{padding:4px 8px;font-size:12px;background:#fff;border:1px solid #e7cfbc;border-radius:4px;color:#6b5a4b;outline:none;cursor:pointer}.scale-select[data-v-b50ef43b]:focus,#algorithm-select[data-v-b50ef43b]:focus{border-color:#b45f4c}.scale-select-wrapper[data-v-b50ef43b]{display:flex;align-items:center;border:1px solid #e7cfbc;border-radius:4px;overflow:hidden}.scale-btn[data-v-b50ef43b]{width:28px;height:26px;display:flex;align-items:center;justify-content:center;background:#f5ebe3;border:none;border-right:1px solid #e7cfbc;font-size:14px;color:#6b5a4b;cursor:pointer;transition:background .2s}.scale-btn[data-v-b50ef43b]:last-child{border-right:none;border-left:1px solid #e7cfbc}.scale-btn[data-v-b50ef43b]:hover:not(:disabled){background:#e8dcc8}.scale-btn[data-v-b50ef43b]:disabled{background:#faf8f6;color:#ccc;cursor:not-allowed}.pixel-limit-warn[data-v-b50ef43b]{font-size:12px;color:#b45f4c;margin-top:4px}.crop-container[data-v-b50ef43b]{flex:1;position:relative;overflow:hidden;background:#f0f0f0}.crop-canvas[data-v-b50ef43b]{position:absolute;top:0;left:0;width:100%;height:100%}.crop-footer[data-v-b50ef43b]{padding:12px 16px;background:#f5f2ed;border-top:1px solid #e7cfbc}.crop-buttons[data-v-b50ef43b]{display:flex;gap:8px;justify-content:space-between}.crop-btn[data-v-b50ef43b]{padding:.5rem .8rem;border:1px solid #ccc;background:#fff;border-radius:.3rem;cursor:pointer;font-size:.85rem;transition:all .2s}.crop-btn[data-v-b50ef43b]:hover{background:#f0f0f0}.crop-btn.confirm[data-v-b50ef43b]{background:#4caf50;color:#fff;border-color:#45a049}.crop-btn.confirm[data-v-b50ef43b]:hover{background:#45a049}.crop-btn.cancel[data-v-b50ef43b]{background:#f44336;color:#fff;border-color:#da4336}.crop-btn.cancel[data-v-b50ef43b]:hover{background:#da4336}.crop-btn.active[data-v-b50ef43b]{background:#4a9eff;color:#fff;border-color:#4a9eff}.url-form[data-v-b50ef43b]{display:flex;flex-direction:column;gap:.5rem}.scale-fields[data-v-b50ef43b]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 10px;margin-bottom:8px}@media (min-width: 768px){.scale-fields[data-v-b50ef43b]{grid-template-columns:repeat(4,1fr)}}.scale-field[data-v-b50ef43b]{display:flex;align-items:center;gap:4px;min-width:0}.scale-field label[data-v-b50ef43b]{flex-shrink:0;font-size:.78rem;color:#5e4b3c;font-weight:600;white-space:nowrap;width:26px;text-align:right}.scale-cell[data-v-b50ef43b]{flex:1;display:flex;align-items:center;gap:2px;min-width:0}.scale-cell input[data-v-b50ef43b],.scale-cell select[data-v-b50ef43b]{flex:1;min-width:0;padding:4px 6px;border:1px solid #e7cfbc;border-radius:3px;font-size:.8rem;color:#5e4b3c;outline:none;background:#fff;text-align:center}.scale-cell input[data-v-b50ef43b]:focus,.scale-cell select[data-v-b50ef43b]:focus{border-color:#b45f4c}.scale-cell .scale-btn[data-v-b50ef43b]{width:24px;height:26px;min-height:26px;font-size:12px;flex-shrink:0}.form-row[data-v-b50ef43b]{display:flex;flex-direction:column;gap:.3rem}.form-row input[type=text][data-v-b50ef43b]{padding:.7rem .8rem;border:1px solid #e7cfbc;border-radius:.3rem;font-size:.9rem;width:100%;box-sizing:border-box}.form-row input[type=text][data-v-b50ef43b]:focus{outline:none;border-color:#b45f4c}.url-tip[data-v-b50ef43b]{font-size:.75rem;color:#999;margin-top:.3rem}.btn[data-v-b50ef43b]{padding:.5rem 1rem;border-radius:.3rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;border:1px solid #ccc;display:flex;align-items:center;gap:.3rem}.btn.cancel[data-v-b50ef43b]{background:#fff;color:#666}.btn.cancel[data-v-b50ef43b]:hover{background:#f0f0f0}.btn.confirm[data-v-b50ef43b]{background:#4caf50;color:#fff;border-color:#45a049}.btn.confirm[data-v-b50ef43b]:hover:not(:disabled){background:#45a049}.btn[data-v-b50ef43b]:disabled{opacity:.5;cursor:not-allowed}.export-form[data-v-d9510928]{display:flex;flex-direction:column;gap:.5rem}.form-row[data-v-d9510928]{display:flex;flex-direction:column;gap:.3rem}.form-row label[data-v-d9510928]{font-size:.85rem;color:#5e4b3c;font-weight:600;margin-bottom:.3rem}.export-type-group[data-v-d9510928]{display:flex;gap:.8rem}.export-type-option[data-v-d9510928]{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.85rem;font-weight:400}.export-type-option input[type=radio][data-v-d9510928]{width:.9rem;height:.9rem;cursor:pointer}.form-row input[type=text][data-v-d9510928]{padding:.5rem .7rem;border:1px solid #e7cfbc;border-radius:.3rem;font-size:.9rem}.form-row input[type=text][data-v-d9510928]:focus{outline:none;border-color:#b45f4c}.form-row input[type=text][data-v-d9510928]:disabled{background:#f5f5f5;color:#999}.checkbox-row label[data-v-d9510928]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.inline-checkboxes[data-v-d9510928]{flex-direction:row;gap:1rem}.checkbox-row input[type=checkbox][data-v-d9510928]{width:1rem;height:1rem;cursor:pointer}.btn[data-v-d9510928]{padding:.5rem 1rem;border-radius:.3rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;border:1px solid #ccc}.btn.cancel[data-v-d9510928]{background:#fff;color:#666}.btn.cancel[data-v-d9510928]:hover{background:#f0f0f0}.btn.confirm[data-v-d9510928]{background:#4caf50;color:#fff;border-color:#45a049}.btn.confirm[data-v-d9510928]:hover{background:#45a049}.btn[data-v-d9510928]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-5148bdd2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.rowcol-modal[data-v-5148bdd2]{background:#fff;border-radius:8px;width:320px;max-width:90vw}.rowcol-modal .modal-header[data-v-5148bdd2]{padding:16px;border-bottom:1px solid #eee;font-weight:600;display:flex;justify-content:space-between;align-items:center}.rowcol-modal .modal-body[data-v-5148bdd2]{padding:16px}.rowcol-modal .modal-body .form-row[data-v-5148bdd2]{margin-bottom:16px}.rowcol-modal .modal-body .form-row[data-v-5148bdd2]:last-child{margin-bottom:0}.rowcol-modal .modal-body .form-row label[data-v-5148bdd2]{display:block;margin-bottom:8px;font-weight:500}.rowcol-modal .modal-body .form-row .btn-group[data-v-5148bdd2]{display:flex;gap:8px}.rowcol-modal .modal-body .form-row .btn-group .option-btn[data-v-5148bdd2]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.rowcol-modal .modal-body .form-row .btn-group .option-btn[data-v-5148bdd2]:hover:not(:disabled){background:#e0e0e0;border-color:#bbb}.rowcol-modal .modal-body .form-row .btn-group .option-btn.active[data-v-5148bdd2]{background:#4a90d9;color:#fff;border-color:#4a90d9}.rowcol-modal .modal-body .form-row .btn-group .option-btn.active[data-v-5148bdd2]:hover{background:#3a7bc8}.rowcol-modal .modal-body .form-row .btn-group .option-btn[data-v-5148bdd2]:disabled{opacity:.5;cursor:not-allowed}.rowcol-modal .modal-body .form-row .count-input[data-v-5148bdd2]{width:100px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.rowcol-modal .modal-body .form-row .count-input[data-v-5148bdd2]:focus{outline:none;border-color:#4a90d9}.rowcol-modal .modal-footer[data-v-5148bdd2]{padding:16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:8px}.rowcol-modal .modal-footer .btn[data-v-5148bdd2]{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.rowcol-modal .modal-footer .btn.cancel[data-v-5148bdd2]{background:#f0f0f0;color:#333;border:1px solid #ddd}.rowcol-modal .modal-footer .btn.cancel[data-v-5148bdd2]:hover{background:#d5d5d5;border-color:#bbb}.rowcol-modal .modal-footer .btn.confirm[data-v-5148bdd2]{background:#4a90d9;color:#fff;border:none}.rowcol-modal .modal-footer .btn.confirm[data-v-5148bdd2]:hover{background:#3a7bc8}.close-btn[data-v-5148bdd2]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.close-btn[data-v-5148bdd2]:hover{color:#333}.palette-swatch[data-v-80aaba7a]{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-family:Consolas,monospace;transition:box-shadow .15s,opacity .15s;-webkit-user-select:none;user-select:none;line-height:1.2;box-sizing:border-box;box-shadow:inset #9e9e9e 0 0 1px}.swatch-text[data-v-80aaba7a]{font-size:.75rem;font-weight:700}.swatch-description[data-v-80aaba7a]{font-size:.6rem;opacity:.75;line-height:1}.palette-swatch[data-v-80aaba7a]:hover{opacity:.85}.palette-swatch.lack[data-v-80aaba7a]{box-shadow:inset 0 0 0 2px #f44336}.palette-swatch.lack[data-v-80aaba7a]:before{content:"无";position:absolute;top:0;left:0;background-color:#f44336;font-size:7px;color:#fff;padding:1px 4px;border-radius:5px 0}.palette-swatch.selected[data-v-80aaba7a]{outline:2px solid #4CAF50;outline-offset:2px}.palette-swatch.highlighted[data-v-80aaba7a]{outline:2px solid #FFD700;outline-offset:2px}.palette-swatch.selected.highlighted[data-v-80aaba7a]{box-shadow:inset 0 0 0 2px #4caf50}@media (max-width: 600px){.palette-swatch[data-v-80aaba7a]{border-radius:8px}.swatch-text[data-v-80aaba7a]{font-size:.85rem}.swatch-description[data-v-80aaba7a]{font-size:.65rem}}.modal-overlay[data-v-6d812d91]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.palette-modal[data-v-6d812d91]{background:#fefaf5;border-radius:12px;width:85vw;max-height:70vh;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column}.modal-header[data-v-6d812d91]{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:600;border-bottom:1px solid #eddcd2;position:sticky;top:0;background:#fefaf5;border-radius:12px 12px 0 0;z-index:1}.close-btn[data-v-6d812d91]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0 .2rem}.close-btn[data-v-6d812d91]:hover{color:#333}.modal-body[data-v-6d812d91]{flex:1;overflow-y:auto;padding:1rem 1.2rem}.palette-grid[data-v-6d812d91]{display:flex;flex-wrap:wrap;gap:.5rem;margin:10px 0}.multi-actions[data-v-6d812d91]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;border-top:1px solid #eddcd2;background:#fefaf5;border-radius:0 0 12px 12px}.multi-count[data-v-6d812d91]{font-size:.85rem;color:#666}.multi-buttons[data-v-6d812d91]{display:flex;gap:.5rem}.multi-buttons button[data-v-6d812d91]{border:none;padding:.4rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .15s}.multi-buttons .btn-cancel[data-v-6d812d91]{background:#f0ebe5;color:#555}.multi-buttons .btn-cancel[data-v-6d812d91]:hover{background:#e5dfd8}.multi-buttons .btn-confirm[data-v-6d812d91]{background:#4caf50;color:#fff}.multi-buttons .btn-confirm[data-v-6d812d91]:hover{background:#bca28c}.palette-list[data-v-c3a54191]{display:flex;flex-direction:column;gap:.3rem}.palette-item[data-v-c3a54191]{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:8px;cursor:pointer;transition:background .15s;position:relative}.palette-item[data-v-c3a54191]:hover{background:#f5f0eb}.palette-item.active[data-v-c3a54191]{background:#ede4db;outline:1px solid #cdb4a0}.palette-info[data-v-c3a54191]{flex:1;display:flex;flex-direction:column;min-width:0}.palette-name[data-v-c3a54191]{font-size:.9rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.3rem}.edit-icon[data-v-c3a54191]{font-size:.75rem;color:#999;cursor:pointer;padding:0 .1rem;border-radius:3px;transition:background .15s}.edit-icon[data-v-c3a54191]:hover{background:#e5dfd8;color:#555}.inline-input[data-v-c3a54191]{font:inherit;font-size:.9rem;padding:.1rem .3rem;border:1px solid #cdb4a0;border-radius:4px;outline:none;width:120px;background:#fff}.palette-count[data-v-c3a54191]{font-size:.75rem;color:#999}.palette-badge[data-v-c3a54191]{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;color:#fff;flex-shrink:0}.palette-badge.builtin[data-v-c3a54191]{background:#bca28c}.palette-menu-btn[data-v-c3a54191]{font-size:1.2rem;color:#999;cursor:pointer;padding:0 .3rem;border-radius:4px;line-height:1;flex-shrink:0}.palette-menu-btn[data-v-c3a54191]:hover{color:#333;background:#e5dfd8}.palette-submenu[data-v-c3a54191]{position:absolute;right:0;z-index:10;background:#fff;border:1px solid #e0d6cc;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;min-width:100px}.palette-submenu button[data-v-c3a54191]{display:block;width:100%;border:none;background:none;padding:.4rem 1rem;font-size:.8rem;text-align:left;cursor:pointer;white-space:nowrap;transition:background .15s}.palette-submenu button[data-v-c3a54191]:hover{background:#f5f0eb}.palette-submenu button.danger[data-v-c3a54191]{color:#e74c3c}.palette-submenu button.danger[data-v-c3a54191]:hover{background:#fde8e8}.add-header-btn[data-v-c3a54191]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0 .3rem;line-height:1;border-radius:4px;transition:background .15s}.add-header-btn[data-v-c3a54191]:hover{background:#e5dfd8;color:#333}.coord-display[data-v-9d88a9b7]{font-size:clamp(.6rem,1.8vw,.75rem);color:#5e4b3c;font-weight:600;background:#f3ede7;padding:.2rem .6rem;border-radius:2rem;border:1px solid #e2d4c8;white-space:nowrap;display:flex;gap:8px;cursor:pointer}.coord-display span.inner[data-v-9d88a9b7]{font-family:Consolas,monospace;color:#b45f4c}.color-context-menu[data-v-b234ad69]{position:fixed;z-index:9999;display:flex;flex-direction:column;background:#fff;border:1px solid #e0d6cc;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;min-width:120px}.color-context-menu .menu-header[data-v-b234ad69]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-bottom:1px solid #ece3da;background:#fefaf5}.color-context-menu .menu-color-dot[data-v-b234ad69]{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.color-context-menu .menu-color-code[data-v-b234ad69]{font-family:Consolas,monospace;font-size:.85rem;font-weight:700;color:#333}.color-context-menu button[data-v-b234ad69]{border:none;background:none;padding:.5rem 1rem;font-size:.8rem;text-align:left;cursor:pointer;white-space:nowrap;transition:background .15s}.color-context-menu button[data-v-b234ad69]:hover{background:#f5f0eb}.color-context-menu button.danger[data-v-b234ad69]{color:#e74c3c}.color-context-menu button.danger[data-v-b234ad69]:hover{background:#fde8e8}.color-picker[data-v-a34fcf84]{display:inline-flex;align-items:center;gap:.3rem}.color-preview[data-v-a34fcf84]{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;cursor:pointer;border:1px solid #ccc;transition:border-color .15s}.color-preview.transparent[data-v-a34fcf84]{background:repeating-conic-gradient(#ddd 0% 25%,transparent 0% 50%) 50% / 8px 8px}.color-preview[data-v-a34fcf84]:hover{border-color:#999}.transparent-icon[data-v-a34fcf84]{font-size:.8rem;color:#999;line-height:1}.color-picker input[type=color][data-v-a34fcf84]{display:none}.transparent-btn[data-v-a34fcf84]{font-size:.65rem;padding:.15rem .4rem;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;cursor:pointer;color:#666;line-height:1.4;transition:background .15s,border-color .15s}.transparent-btn[data-v-a34fcf84]:hover{background:#eee;border-color:#ccc}.transparent-btn.active[data-v-a34fcf84]{background:#e8e0d8;border-color:#b45f4c;color:#b45f4c}.settings-panel[data-v-c3a64c1b]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #eddcd2;border-radius:1rem;padding:.6rem;z-index:10;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:.4rem}.settings-panel .text-btn[data-v-c3a64c1b]{padding:.3rem .5rem;font-size:.6rem;background:#fff;border:1px solid #e7cfbc;border-radius:2rem;font-weight:600;color:#6b5a4b;cursor:pointer;transition:.2s;white-space:nowrap;line-height:1}.settings-panel .text-btn.active[data-v-c3a64c1b]{background:#f0ddd0;color:#b45f4c;border-color:#f0d3c1}.settings-panel .text-btn[data-v-c3a64c1b]:active{background:#f8dcc9}.settings-row[data-v-c3a64c1b]{display:flex;align-items:center;gap:.5rem}.settings-row[data-v-c3a64c1b]:last-child{flex-wrap:wrap;max-width:11rem}.settings-row .label[data-v-c3a64c1b]{font-size:.7rem;color:#5e4b3c}.selection-tool[data-v-5a98b1d6]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #eddcd2;border-radius:1rem;padding:.6rem;z-index:1;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:.4rem;white-space:nowrap}.sel-row[data-v-5a98b1d6]{display:flex;align-items:center;gap:.3rem}.sel-label[data-v-5a98b1d6]{font-size:.65rem;color:#5e4b3c;min-width:2rem}.sel-btn[data-v-5a98b1d6]{padding:.3rem .5rem;font-size:.6rem;background:#fff;border:1px solid #e7cfbc;border-radius:2rem;font-weight:600;color:#6b5a4b;cursor:pointer;transition:.2s;line-height:1}.sel-btn[data-v-5a98b1d6]:disabled{opacity:.4;cursor:not-allowed}.sel-btn.active[data-v-5a98b1d6]{background:#f0ddd0;color:#b45f4c;border-color:#f0d3c1}.sel-btn[data-v-5a98b1d6]:active:not(:disabled){background:#f8dcc9}.sel-btn.success[data-v-5a98b1d6]{color:#327b35;border-color:#8bc34a}.sel-btn.success[data-v-5a98b1d6]:active:not(:disabled){background:#fbfff6}.sel-btn.danger[data-v-5a98b1d6]{color:#c0392b;border-color:#e8b4b0}.sel-btn.danger[data-v-5a98b1d6]:active:not(:disabled){background:#fce8e6}.bottom-bar[data-v-94c77272]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;background:#fefaf5;border-top:1px solid #eddcd2;width:100%;flex-shrink:0;position:relative}.btn-group[data-v-94c77272]{display:flex;gap:.4rem}.text-btn[data-v-94c77272]{background:#fff;border:1px solid #e7cfbc;padding:.3rem .8rem;border-radius:2rem;font-weight:600;font-size:clamp(.7rem,2vw,.85rem);color:#6b5a4b;transition:.2s;white-space:nowrap;line-height:1;cursor:pointer}.text-btn.active[data-v-94c77272]{background:#f0ddd0;color:#b45f4c;border-color:#f0d3c1}.text-btn.continuous[data-v-94c77272]{position:relative}.text-btn.continuous[data-v-94c77272]:after{content:"";position:absolute;bottom:1px;right:1px;width:8px;height:8px;border-radius:50%;background:#22c55e;border:1.5px solid white;box-shadow:0 0 2px #0003;pointer-events:none}.text-btn[data-v-94c77272]:active{background:#f8dcc9}.text-btn[data-v-94c77272]:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 600px){.bottom-bar[data-v-94c77272]{gap:.35rem;padding:.5rem}.btn-group[data-v-94c77272]{gap:.35rem}.text-btn[data-v-94c77272]{padding:.5rem .65rem;font-size:.9rem}}[data-v-fa0b4cd3]{margin:0;padding:0;box-sizing:border-box}.container[data-v-fa0b4cd3]{background:#fff;box-shadow:0 25px 50px -12px #00000026;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100vw;border:1px solid #ffe8d6;max-height:100%;height:100vh}.top-bar[data-v-fa0b4cd3]{display:flex;flex-direction:column;width:100%;padding:.3rem .6rem;background:#fefaf5;border-bottom:1px solid #eddcd2;flex-shrink:0}.top-bar-row[data-v-fa0b4cd3]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.top-bar-row[data-v-fa0b4cd3]:first-child{padding-bottom:.2rem}.top-bar-row[data-v-fa0b4cd3]:last-child{padding-top:.2rem;border-top:1px solid #eddcd2}.left-group[data-v-fa0b4cd3],.right-group[data-v-fa0b4cd3]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.top-bar h1[data-v-fa0b4cd3]{font-weight:500;font-size:clamp(1rem,3vw,1.5rem);color:#5e4b3c;display:flex;align-items:center;gap:.3rem;white-space:nowrap;margin-right:.3rem}.top-bar h1 span[data-v-fa0b4cd3]{background:#fce4d6;padding:.1rem .6rem;border-radius:2rem;font-size:clamp(.7rem,2vw,.9rem);font-weight:600;color:#9c7e6b}.canvas-wrapper[data-v-fa0b4cd3]{position:relative;overflow:hidden;border:2px solid #eddcd2;background:#fefaf5;display:flex;align-items:center;justify-content:center;cursor:grab;flex:1;width:100%;min-height:0}.canvas-wrapper.grabbing[data-v-fa0b4cd3]{cursor:grabbing}canvas[data-v-fa0b4cd3]{display:block;image-rendering:crisp-edges;image-rendering:pixelated}.text-btn[data-v-fa0b4cd3]{background:#fff;border:1px solid #e7cfbc;padding:.3rem .8rem;border-radius:2rem;font-weight:600;font-size:clamp(.7rem,2vw,.85rem);color:#6b5a4b;transition:.2s;white-space:nowrap;line-height:1}.text-btn.active[data-v-fa0b4cd3]{background:#f0ddd0;color:#b45f4c;border-color:#f0d3c1}.text-btn[data-v-fa0b4cd3]:active{background:#f8dcc9}.import-dropdown[data-v-fa0b4cd3]{position:relative;display:inline-flex}.import-btn[data-v-fa0b4cd3]{display:flex;align-items:center;gap:.25rem;padding:.3rem .6rem}.import-dropdown-menu[data-v-fa0b4cd3]{position:absolute;top:calc(100% + .3rem);right:0;background:#fff;border:1px solid #e0d6cc;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;min-width:160px;z-index:100}.dropdown-item[data-v-fa0b4cd3]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;border:none;background:none;font-size:.85rem;color:#5e4b3c;cursor:pointer;text-align:left;transition:background .15s}.dropdown-item[data-v-fa0b4cd3]:hover{background:#f5f0eb}.palette-select-btn[data-v-fa0b4cd3]{display:inline-flex;align-items:center;gap:.3rem}.palette-select-btn .palette-label[data-v-fa0b4cd3]{font-size:clamp(.7rem,1.8vw,.8rem);font-weight:600;color:#6b5a4b}.color-mode-select[data-v-fa0b4cd3]{display:flex;gap:.3rem;background:#f3ede7;padding:.25rem;border-radius:2rem;border:1px solid #e2d4c8}.color-mode-option[data-v-fa0b4cd3]{background:transparent;border:none;padding:.3rem .7rem;border-radius:2rem;font-weight:600;font-size:clamp(.6rem,1.8vw,.75rem);color:#6b5a4b;cursor:pointer;transition:.2s;white-space:nowrap}.color-mode-option.active[data-v-fa0b4cd3]{background:#fff;color:#b45f4c;box-shadow:0 2px 6px #0000000d}.stats-bar-wrapper[data-v-fa0b4cd3]{position:relative;width:100%;background:#fefaf5;border-top:1px solid #eddcd2;flex-shrink:0}.stats-bar[data-v-fa0b4cd3]{width:100%;display:flex;flex-wrap:nowrap;justify-content:safe center;gap:.2rem;padding:.4rem 2.5rem;overflow-x:auto;overflow-y:hidden;font-size:.7rem;align-items:center;white-space:nowrap}.stats-bar .stats-tag-wrap[data-v-fa0b4cd3]{display:contents}.stats-bar .stats-tag-wrap.overview-tag[data-v-fa0b4cd3]{display:inline-flex!important;position:sticky;left:0;top:0;z-index:1}.stats-bar .stats-tag-wrap.overview-tag .overview-inner[data-v-fa0b4cd3]{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;background:#e8e0d8;color:#5e4b3c;font-family:Consolas,monospace;line-height:1.2;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:default;border:1px solid #d8cec4;padding:0 4px;min-width:2.2rem;min-height:2.2rem}.stats-bar .stats-tag-wrap.overview-tag .overview-count[data-v-fa0b4cd3]{font-size:.8rem;font-weight:700;line-height:1.3}.stats-bar .stats-tag-wrap.overview-tag .overview-label[data-v-fa0b4cd3]{font-size:.6rem;opacity:.75}.stats-bar .stats-tag-wrap.overview-tag .overview-total[data-v-fa0b4cd3]{font-size:.55rem;line-height:1}.stats-bar.expanded[data-v-fa0b4cd3]{flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;max-height:120px;white-space:normal}.stats-bar.expanded .overview-tag[data-v-fa0b4cd3]{position:unset}.stats-expand-btn[data-v-fa0b4cd3]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#f3ede7;border:1px solid #e2d4c8;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#5e4b3c;z-index:10;transition:background .2s}.stats-expand-btn[data-v-fa0b4cd3]:hover{background:#e8ddd0}@media (max-width: 600px){.text-btn[data-v-fa0b4cd3]{padding:.5rem .65rem;font-size:.9rem}.overview-label[data-v-fa0b4cd3]{font-size:.65rem}.overview-total[data-v-fa0b4cd3]{font-size:.6rem}.stats-bar[data-v-fa0b4cd3]{gap:.4rem;padding:.4rem 2.8rem .4rem .6rem}.stats-expand-btn[data-v-fa0b4cd3]{width:2rem;height:2rem;font-size:.8rem}.top-bar h1[data-v-fa0b4cd3]{font-size:1rem;margin-right:.2rem}.color-mode-option[data-v-fa0b4cd3]{padding:.3rem .6rem;font-size:.8rem}.top-bar-row[data-v-fa0b4cd3]{flex-wrap:nowrap}.left-group[data-v-fa0b4cd3],.right-group[data-v-fa0b4cd3]{flex-wrap:nowrap;gap:.3rem}.color-mode-select[data-v-fa0b4cd3]{gap:.2rem;padding:.2rem}}body{margin:0;-webkit-user-select:none;user-select:none}.iconfont{font-size:inherit}.color-black{color:#000}button{cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spinner{animation:spin 1s linear infinite;display:inline-block}select{padding:.5rem 1.8rem .5rem .7rem;border:1px solid #e7cfbc;border-radius:.3rem;font-size:.9rem;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235e4b3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}select:focus{outline:none;border-color:#b45f4c}select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}