.control-section[data-v-4638cc14]{margin-bottom:30px}.control-section h3[data-v-4638cc14]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.upload-area[data-v-4638cc14]{display:flex;flex-direction:column;gap:.75rem}.file-input[data-v-4638cc14]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.upload-button[data-v-4638cc14]{align-items:center;background:var(--accent);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;justify-content:center;padding:12px 24px;text-align:center;text-decoration:none;transition:background .2s}.upload-button[data-v-4638cc14]:hover{background:var(--accent-strong)}.current-image[data-v-4638cc14]{color:#666;font-size:12px;margin-top:10px}.current-image span[data-v-4638cc14]{display:block;word-break:break-all}.control-section[data-v-354180f2]{margin-bottom:30px}.control-section h3[data-v-354180f2]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-354180f2]{margin-bottom:15px}.setting-item[data-v-354180f2]:last-child{margin-bottom:0}.setting-item label[data-v-354180f2]{color:#555;display:block;font-weight:500;margin-bottom:5px}.rotate-buttons[data-v-354180f2]{display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:5px}.btn-rotate[data-v-354180f2]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:8px 6px;text-align:center;transition:all .2s}.btn-rotate[data-v-354180f2]:hover{background:#f8f9fa;border-color:var(--accent)}.flip-buttons[data-v-354180f2]{display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:5px}.btn-flip[data-v-354180f2]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:8px 6px;text-align:center;transition:all .2s}.btn-flip[data-v-354180f2]:hover{background:#f8f9fa;border-color:var(--accent)}.btn-flip.active[data-v-354180f2]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-secondary[data-v-354180f2]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.btn-secondary[data-v-354180f2]:hover{background:#f8f9fa;border-color:var(--accent)}.control-section[data-v-2e8c8646]{margin-bottom:30px}.control-section h3[data-v-2e8c8646]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-2e8c8646]{margin-bottom:15px}.setting-item[data-v-2e8c8646]:last-child{margin-bottom:0}.setting-item label[data-v-2e8c8646]{color:#555;display:block;font-weight:500;margin-bottom:5px}input[type=range][data-v-2e8c8646]{accent-color:var(--accent);border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.size-inputs[data-v-2e8c8646]{margin-top:5px}.size-input[data-v-2e8c8646]{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);inline-size:100%}.size-input input[data-v-2e8c8646]{border:1px solid #ddd;border-radius:3px;color:#000;font-size:12px;font-weight:500;inline-size:100%;min-inline-size:0;padding:6px 8px}.size-input input[data-v-2e8c8646]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.size-input span[data-v-2e8c8646]{color:#666;font-weight:700}.preset-scale-buttons[data-v-2e8c8646]{display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr;margin-top:5px}.btn-preset-scale[data-v-2e8c8646]{background:#fff;border:1px solid #ddd;border-radius:3px;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:6px 8px;transition:all .2s}.btn-preset-scale[data-v-2e8c8646]:hover{background:#f8f9fa;border-color:var(--accent)}.control-section[data-v-7d90ed6a]{margin-bottom:30px}.control-section h3[data-v-7d90ed6a]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-7d90ed6a]{margin-bottom:15px}.setting-item[data-v-7d90ed6a]:last-child{margin-bottom:0}.setting-item label[data-v-7d90ed6a]{color:#555;display:block;font-weight:500;margin-bottom:5px}input[type=range][data-v-7d90ed6a]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.filter-buttons[data-v-7d90ed6a]{margin-top:15px}.btn-secondary[data-v-7d90ed6a]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s;width:100%}.btn-secondary[data-v-7d90ed6a]:hover{background:#f8f9fa;border-color:var(--accent)}.control-section[data-v-793a221a]{margin-bottom:30px}.control-section h3[data-v-793a221a]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-793a221a]{margin-bottom:15px}.setting-item[data-v-793a221a]:last-child{margin-bottom:0}.setting-item label[data-v-793a221a]{color:#555;display:block;font-weight:500;margin-bottom:5px}input[type=range][data-v-793a221a]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.zoom-buttons[data-v-793a221a]{display:flex;gap:5px;margin-top:10px}.btn-zoom[data-v-793a221a]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px;transition:all .2s}.btn-zoom[data-v-793a221a]:hover{background:#f8f9fa;border-color:var(--accent)}.comparison-controls[data-v-793a221a]{display:flex;flex-direction:column;gap:8px}.btn-comparison[data-v-793a221a]{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-comparison[data-v-793a221a]:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-comparison[data-v-793a221a]:disabled{cursor:not-allowed;opacity:.5}.comparison-help[data-v-793a221a]{color:#666;font-size:11px;font-style:italic;margin:0}.control-section[data-v-02ce1dc8]{margin-bottom:30px}.control-section h3[data-v-02ce1dc8]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.shortcuts-toggle[data-v-02ce1dc8]{display:flex;flex-direction:column;gap:8px}.btn-shortcuts[data-v-02ce1dc8]{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-shortcuts[data-v-02ce1dc8]:hover{background:#f8f9fa;border-color:var(--accent)}.shortcuts-help[data-v-02ce1dc8]{color:#666;font-size:11px;font-style:italic;margin:0;text-align:center}.shortcuts-help kbd[data-v-02ce1dc8]{background:#f5f5f5;border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;color:#333;font-family:Monaco,Consolas,monospace;font-size:10px;padding:2px 4px}.shortcuts-modal-overlay[data-v-02ce1dc8]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;justify-content:center;inset:0;position:fixed;z-index:10000}.shortcuts-modal[data-v-02ce1dc8]{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;width:90vw}.shortcuts-modal-header[data-v-02ce1dc8]{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.shortcuts-modal-header h3[data-v-02ce1dc8]{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close-btn[data-v-02ce1dc8]{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close-btn[data-v-02ce1dc8]:hover{background:#e9ecef;color:#333}.shortcuts-modal-body[data-v-02ce1dc8]{flex:1;overflow-y:auto;padding:24px}.shortcuts-grid[data-v-02ce1dc8]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.shortcut-group[data-v-02ce1dc8]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.shortcut-group h4[data-v-02ce1dc8]{border-bottom:1px solid #dee2e6;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.shortcut[data-v-02ce1dc8]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px 0}.shortcut[data-v-02ce1dc8]:last-child{margin-bottom:0}.shortcut-keys[data-v-02ce1dc8]{align-items:center;display:flex;flex-shrink:0;gap:4px}.shortcut kbd[data-v-02ce1dc8]{background:#fff;border:1px solid;border-color:#ccc #ccc #bbb;border-radius:4px;box-shadow:0 1px #0000001a;color:#333;font-family:Monaco,Consolas,monospace;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.shortcut span[data-v-02ce1dc8]{color:#555;font-size:13px;line-height:1.3;text-align:right}@media(max-width:768px){.shortcuts-modal[data-v-02ce1dc8]{max-height:90vh;width:95vw}.shortcuts-grid[data-v-02ce1dc8]{gap:16px;grid-template-columns:1fr}.shortcuts-modal-body[data-v-02ce1dc8],.shortcuts-modal-header[data-v-02ce1dc8]{padding:16px}}.control-section[data-v-ba6c4a87]{margin-bottom:30px}.control-section h3[data-v-ba6c4a87]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-ba6c4a87]{margin-bottom:15px}.preset-actions[data-v-ba6c4a87]{flex-wrap:wrap;gap:8px}.btn-primary[data-v-ba6c4a87],.btn-secondary[data-v-ba6c4a87]{border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s}.btn-primary[data-v-ba6c4a87]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary[data-v-ba6c4a87]:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary[data-v-ba6c4a87]{background:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary[data-v-ba6c4a87]:hover:not(:disabled){background:#545b62}.btn-small[data-v-ba6c4a87]{font-size:12px;padding:6px 12px}.btn-tiny[data-v-ba6c4a87]{font-size:11px;padding:4px 8px}.preset-save-dialog[data-v-ba6c4a87]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-top:15px;padding:16px}.dialog-header h4[data-v-ba6c4a87]{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.dialog-body[data-v-ba6c4a87]{margin-bottom:16px}.input-group[data-v-ba6c4a87]{margin-bottom:12px}.input-group[data-v-ba6c4a87]:last-child{margin-bottom:0}.input-group label[data-v-ba6c4a87]{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.input-group input[data-v-ba6c4a87],.input-group textarea[data-v-ba6c4a87]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:8px 12px;width:100%}.input-group input[data-v-ba6c4a87]:focus,.input-group textarea[data-v-ba6c4a87]:focus{border-color:var(--accent);outline:none}.dialog-actions[data-v-ba6c4a87]{display:flex;gap:8px;justify-content:flex-end}.presets-panel[data-v-ba6c4a87]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;overflow:hidden}.presets-header[data-v-ba6c4a87]{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:12px 16px}.presets-actions[data-v-ba6c4a87]{display:flex;gap:8px}.no-presets[data-v-ba6c4a87]{color:#666;font-style:italic;padding:24px;text-align:center}.no-presets p[data-v-ba6c4a87]{font-size:13px;margin:0}.presets-list[data-v-ba6c4a87]{max-height:300px;overflow-y:auto}.preset-item[data-v-ba6c4a87]{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.preset-item[data-v-ba6c4a87]:last-child{border-bottom:none}.preset-item[data-v-ba6c4a87]:hover{background:#f5f5f5}.preset-item.active[data-v-ba6c4a87]{background:#e3f2fd;border-left:3px solid #2196f3}.preset-info[data-v-ba6c4a87]{cursor:pointer;flex:1}.preset-name[data-v-ba6c4a87]{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.preset-description[data-v-ba6c4a87]{color:#666;font-size:11px;line-height:1.3;margin-bottom:4px}.preset-details[data-v-ba6c4a87]{color:#888;display:flex;font-size:10px;gap:10px}.preset-mode[data-v-ba6c4a87]{background:#f0f0f0;border-radius:10px;padding:2px 6px;text-transform:capitalize}.preset-actions[data-v-ba6c4a87]{display:flex;gap:4px}.btn-icon[data-v-ba6c4a87]{background:none;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:11px;padding:4px 6px;transition:all .2s}.btn-icon[data-v-ba6c4a87]:hover{background:#f5f5f5;border-color:#ccc}.btn-icon.delete[data-v-ba6c4a87]:hover{background:#ffebee;border-color:#e57373;color:#c62828}.control-section[data-v-100b9de6]{margin-bottom:30px}.control-section h3[data-v-100b9de6]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-100b9de6]{margin-bottom:15px}.setting-item[data-v-100b9de6]:last-child{margin-bottom:0}.setting-item label[data-v-100b9de6]{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.setting-item input[data-v-100b9de6],.setting-item select[data-v-100b9de6]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:8px;width:100%}.setting-item input[data-v-100b9de6]:focus,.setting-item select[data-v-100b9de6]:focus{border-color:var(--accent);outline:none}.template-grid[data-v-100b9de6]{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.template-category[data-v-100b9de6]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.template-category h4[data-v-100b9de6]{color:#333;font-size:14px;font-weight:600;margin:0 0 10px;text-align:center}.btn-template[data-v-100b9de6]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;display:block;font-size:11px;font-weight:600;margin-bottom:6px;padding:8px 12px;text-align:center;transition:all .2s;width:100%}.btn-template[data-v-100b9de6]:last-child{margin-bottom:0}.btn-template[data-v-100b9de6]:hover{background:#f5f5f5;border-color:var(--accent)}.btn-template small[data-v-100b9de6]{color:#666;display:block;font-size:9px;margin-top:2px}.custom-ratio[data-v-100b9de6]{margin-top:10px}.ratio-inputs[data-v-100b9de6]{align-items:center;display:flex;gap:8px}.ratio-inputs input[data-v-100b9de6]{flex:1;width:auto}.ratio-inputs span[data-v-100b9de6]{color:#666;font-weight:600}.fixed-size[data-v-100b9de6],.ratio-size[data-v-100b9de6]{margin-top:10px}.size-inputs[data-v-100b9de6]{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.size-input[data-v-100b9de6]{display:flex;flex-direction:column}.size-input label[data-v-100b9de6]{font-size:12px;margin-bottom:4px}.size-input input[data-v-100b9de6]{width:100%}.preset-sizes[data-v-100b9de6]{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.btn-preset[data-v-100b9de6]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:6px 8px;transition:all .2s}.btn-preset[data-v-100b9de6]:hover{background:#f5f5f5;border-color:var(--accent)}input[type=checkbox][data-v-100b9de6]{margin-right:8px;width:auto!important}.profile-info[data-v-100b9de6]{margin-top:6px}.profile-info small[data-v-100b9de6]{color:#666;font-size:12px;font-style:italic}.format-info[data-v-100b9de6]{margin-top:6px}.format-info small[data-v-100b9de6]{color:#666;font-size:12px;font-style:italic}.optimization-info[data-v-100b9de6]{margin-top:6px}.optimization-info small[data-v-100b9de6]{color:#666;font-size:12px;font-style:italic}input[type=range][data-v-100b9de6]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}@media(max-width:768px){.preset-sizes[data-v-100b9de6],.size-inputs[data-v-100b9de6],.template-grid[data-v-100b9de6]{grid-template-columns:1fr}}.control-section[data-v-2d8c6df5]{margin-bottom:30px}.control-section h3[data-v-2d8c6df5]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.setting-item[data-v-2d8c6df5]{margin-bottom:15px}.setting-item[data-v-2d8c6df5]:last-child{margin-bottom:0}.setting-item label[data-v-2d8c6df5]{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.setting-item input[data-v-2d8c6df5],.setting-item select[data-v-2d8c6df5]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:8px;width:100%}.setting-item input[data-v-2d8c6df5]:focus,.setting-item select[data-v-2d8c6df5]:focus{border-color:var(--accent);outline:none}input[type=checkbox][data-v-2d8c6df5]{margin-right:8px;width:auto!important}.watermark-info[data-v-2d8c6df5]{margin-top:6px}.watermark-info small[data-v-2d8c6df5]{color:#666;font-size:12px;font-style:italic}.watermark-controls[data-v-2d8c6df5]{margin-top:10px}.watermark-input[data-v-2d8c6df5]{border:1px solid #ddd;border-radius:4px;color:#000;font-weight:600;padding:8px;width:100%}.logo-input[data-v-2d8c6df5]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.btn-logo-upload[data-v-2d8c6df5]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font:inherit;font-size:12px;font-weight:680;padding:10px 12px;transition:all .16s ease;width:100%}.btn-logo-upload[data-v-2d8c6df5]:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.logo-preview[data-v-2d8c6df5]{align-items:center;background:#f8fafc;border:1px solid #dbe3ee;border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-top:10px;padding:8px}.logo-preview-img[data-v-2d8c6df5]{display:block;max-height:64px;max-width:128px;-o-object-fit:contain;object-fit:contain}.btn-remove-logo[data-v-2d8c6df5]{background:#fff5f5;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:11px;font-weight:700;padding:7px 9px}.logo-empty-state[data-v-2d8c6df5]{color:#64748b;font-size:11px;line-height:1.4;margin-top:8px}.custom-position[data-v-2d8c6df5]{margin-top:10px}.position-inputs[data-v-2d8c6df5]{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:8px}.position-input[data-v-2d8c6df5]{display:flex;flex-direction:column}.position-input label[data-v-2d8c6df5]{font-size:12px;margin-bottom:4px}.position-input span[data-v-2d8c6df5]{color:#666;font-size:12px;margin-top:4px;text-align:center}.position-help small[data-v-2d8c6df5]{color:#666;font-size:12px;font-style:italic}.rotation-presets[data-v-2d8c6df5]{display:flex;gap:5px;margin-top:8px}.btn-rotation[data-v-2d8c6df5]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s}.btn-rotation[data-v-2d8c6df5]:hover{background:#f5f5f5;border-color:var(--accent)}.custom-size[data-v-2d8c6df5]{margin-top:10px}.logo-size-controls[data-v-2d8c6df5]{display:flex;flex-direction:column;gap:8px}.logo-size-options[data-v-2d8c6df5]{display:flex;gap:8px;margin-top:10px}.btn-aspect-ratio[data-v-2d8c6df5],.btn-reset-size[data-v-2d8c6df5]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-aspect-ratio[data-v-2d8c6df5]:hover,.btn-reset-size[data-v-2d8c6df5]:hover{background:#f5f5f5;border-color:var(--accent)}.btn-aspect-ratio.active[data-v-2d8c6df5]{background:var(--accent);border-color:var(--accent);color:#fff}.percentage-info[data-v-2d8c6df5]{margin-top:6px}.percentage-info small[data-v-2d8c6df5]{color:#666;font-size:12px;font-style:italic}.color-options[data-v-2d8c6df5]{display:flex;gap:8px;margin-top:8px}.color-option[data-v-2d8c6df5]{border:2px solid #ddd;border-radius:50%;cursor:pointer;height:30px;transition:all .2s;width:30px}.color-option[data-v-2d8c6df5]:hover{transform:scale(1.1)}.color-option.active[data-v-2d8c6df5]{border-color:var(--accent);border-width:3px}.advanced-text-settings[data-v-2d8c6df5]{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.shadow-controls[data-v-2d8c6df5]{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:10px}input[type=range][data-v-2d8c6df5]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}@media(max-width:768px){.position-inputs[data-v-2d8c6df5]{grid-template-columns:1fr}.logo-size-options[data-v-2d8c6df5]{flex-direction:column}.rotation-presets[data-v-2d8c6df5]{flex-wrap:wrap}}.control-section[data-v-7dcc4e31]{margin-bottom:30px}.control-section h3[data-v-7dcc4e31]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.export-preview[data-v-7dcc4e31]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;padding:15px}.preview-info[data-v-7dcc4e31]{display:flex;flex-direction:column;gap:8px}.info-row[data-v-7dcc4e31]{align-items:center;display:flex;font-size:13px;justify-content:space-between}.info-row span[data-v-7dcc4e31]:first-child{color:#666;font-weight:500}.info-row span[data-v-7dcc4e31]:last-child{color:#333;font-weight:600;text-align:right}@media(max-width:768px){.info-row[data-v-7dcc4e31]{align-items:flex-start;flex-direction:column;gap:2px}.info-row span[data-v-7dcc4e31]:last-child{text-align:left}}.control-section[data-v-157aff58]{margin-bottom:30px}.control-section h3[data-v-157aff58]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.btn[data-v-157aff58]{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px;padding:12px 16px;transition:all .2s;width:100%}.btn[data-v-157aff58]:last-child{margin-bottom:0}.btn-primary[data-v-157aff58]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary[data-v-157aff58]:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-primary[data-v-157aff58]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-157aff58]:disabled,.btn-secondary[data-v-157aff58]{background:#6c757d;border-color:#6c757d}.btn-secondary[data-v-157aff58]{color:#fff}.btn-secondary[data-v-157aff58]:hover{background:#545b62;border-color:#545b62}.export-info[data-v-157aff58]{margin-top:8px;text-align:center}.export-info small[data-v-157aff58]{color:#666;font-size:11px;font-style:italic;line-height:1.3}.crop-area[data-v-43aed721]{align-items:flex-start;background:linear-gradient(90deg,rgba(148,163,184,.14) 1px,transparent 0),linear-gradient(0deg,rgba(148,163,184,.14) 1px,transparent 0),#edf1f5;background-size:32px 32px;display:flex;flex:1;justify-content:flex-start;overflow:auto;padding:22px;position:relative}.crop-viewport[data-v-43aed721]{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffb8,0 16px 40px #0f172a14;margin:0 auto;overflow:visible;position:relative}.crop-canvas[data-v-43aed721]{background:#fff;cursor:crosshair;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.crop-canvas.is-empty[data-v-43aed721]{background:transparent;height:100%;min-height:0;min-width:0;width:100%}.empty-canvas-state[data-v-43aed721]{color:#475569;display:grid;gap:8px;inset:0;place-content:center;pointer-events:none;position:absolute;text-align:center;z-index:1}.empty-canvas-title[data-v-43aed721]{color:#0f172a;font-size:18px;font-weight:700}.empty-canvas-copy[data-v-43aed721]{font-size:13px}.crop-selection[data-v-43aed721]{background:#9a6a2424;border:2px solid var(--crop-accent);cursor:move;pointer-events:auto;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crop-selection.circular-selection[data-v-43aed721]{border-radius:50%}.selection-border[data-v-43aed721]{border:1px dashed #fff;inset:-2px;pointer-events:none;position:absolute}.selection-border.circular-border[data-v-43aed721]{border-radius:50%}.resize-handle[data-v-43aed721]{background:var(--crop-accent);border:1px solid #fff;border-radius:2px;height:10px;pointer-events:auto;position:absolute;width:10px}.resize-handle.nw[data-v-43aed721]{cursor:nw-resize;left:-5px;top:-5px}.resize-handle.ne[data-v-43aed721]{cursor:ne-resize;right:-5px;top:-5px}.resize-handle.sw[data-v-43aed721]{bottom:-5px;cursor:sw-resize;left:-5px}.resize-handle.se[data-v-43aed721]{bottom:-5px;cursor:se-resize;right:-5px}.circular-resize-handle[data-v-43aed721]{background:var(--crop-accent);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:ew-resize;height:12px;pointer-events:auto;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px}.circular-resize-handle[data-v-43aed721]:hover{background:#704b18;transform:translateY(-50%) scale(1.1)}.crop-selection[data-v-43aed721]{transition:opacity .2s ease}.crop-selection[data-v-43aed721]:hover{background:#9a6a242e}@media(max-width:1024px){.crop-area[data-v-43aed721]{padding:10px}.resize-handle[data-v-43aed721]{height:12px;width:12px}.resize-handle.ne[data-v-43aed721],.resize-handle.nw[data-v-43aed721],.resize-handle.se[data-v-43aed721],.resize-handle.sw[data-v-43aed721]{margin:-6px}}@media(max-width:768px){.crop-area[data-v-43aed721]{padding:5px}.crop-viewport[data-v-43aed721]{border-width:1px}}.preview-panel[data-v-4573479a]{background:#fff;border-left:1px solid #e0e0e0;max-height:100vh;overflow-y:auto;padding:20px;width:350px}.control-section[data-v-4573479a]{margin-bottom:30px}.control-section h3[data-v-4573479a]{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.preview-container[data-v-4573479a]{display:flex;flex-direction:column;gap:12px}.preview-wrapper[data-v-4573479a]{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:center;min-height:260px;overflow:hidden;position:relative}.preview-canvas[data-v-4573479a]{border-radius:4px;box-shadow:0 2px 8px #0000001a;height:auto;width:min(100%,320px)}.watermark-drag-hint[data-v-4573479a]{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:11px;left:8px;padding:6px 8px;position:absolute;right:8px;text-align:center}.preview-actions[data-v-4573479a]{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.btn-preview-action[data-v-4573479a]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:11px;font-weight:600;min-width:0;padding:8px 6px;transition:all .2s}.btn-preview-action[data-v-4573479a]:hover{background:#f5f5f5;border-color:var(--accent)}.setting-item[data-v-4573479a]{margin-bottom:15px}.history-controls[data-v-4573479a]{display:flex;flex-wrap:wrap;gap:6px}.btn-history[data-v-4573479a]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;flex:1;font-size:11px;font-weight:600;padding:6px 8px;transition:all .2s}.btn-history[data-v-4573479a]:hover:not(:disabled){background:#f5f5f5;border-color:var(--accent)}.btn-history[data-v-4573479a]:disabled{cursor:not-allowed;opacity:.5}.history-stats[data-v-4573479a]{color:#666;display:flex;font-size:12px;justify-content:space-between}.history-panel[data-v-4573479a]{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:12px}.history-list[data-v-4573479a]{max-height:200px;overflow-y:auto}.history-item[data-v-4573479a]{border-bottom:1px solid #e8e8e8;cursor:pointer;padding:10px 12px;transition:background-color .2s}.history-item[data-v-4573479a]:last-child{border-bottom:none}.history-item[data-v-4573479a]:hover{background:#e9ecef}.history-item.active[data-v-4573479a]{background:#e3f2fd;border-left:3px solid #2196f3}.history-item.future[data-v-4573479a]{opacity:.6}.history-item-header[data-v-4573479a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.history-operation[data-v-4573479a]{color:#333;font-size:13px;font-weight:600}.history-time[data-v-4573479a]{color:#888;font-size:10px}.history-description[data-v-4573479a]{color:#666;font-size:11px;line-height:1.3}.history-preview[data-v-4573479a]{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:8px;padding:6px}.history-preview-image[data-v-4573479a]{border-radius:2px;max-height:60px;-o-object-fit:contain;object-fit:contain;width:100%}.history-preview-actions[data-v-4573479a]{margin-top:4px;text-align:center}.btn-preview-small[data-v-4573479a]{background:#fff;border:1px solid #ddd;border-radius:3px;color:#000;cursor:pointer;font-size:9px;font-weight:600;padding:2px 6px}.history-panel-actions[data-v-4573479a]{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.btn-danger-small[data-v-4573479a],.btn-secondary-small[data-v-4573479a]{border:1px solid #ddd;border-radius:3px;color:#000;cursor:pointer;flex:1;font-size:9px;font-weight:600;padding:4px 6px;transition:all .2s}.btn-danger-small[data-v-4573479a]{background:#dc3545;border-color:#dc3545;color:#fff}.btn-secondary-small[data-v-4573479a]{background:#6c757d;border-color:#6c757d;color:#fff}.history-settings[data-v-4573479a]{border-top:1px solid #e0e0e0;padding:8px 12px}.setting-item-small[data-v-4573479a]{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px}.input-small[data-v-4573479a]{border:1px solid #ddd;border-radius:3px;font-size:11px;padding:2px 4px;width:60px}.checkbox-small[data-v-4573479a]{width:auto}.memory-usage[data-v-4573479a]{color:#888;font-size:10px;margin-top:4px;text-align:center}.info-item[data-v-4573479a]{border-bottom:1px solid #f0f0f0;color:#555;font-size:13px;padding:6px 0}.info-item[data-v-4573479a]:last-child{border-bottom:none}.large-preview-modal[data-v-4573479a]{align-items:center;background:#000000e6;display:flex;justify-content:center;inset:0;position:fixed;z-index:10000}.large-preview-container[data-v-4573479a]{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.large-preview-header[data-v-4573479a]{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.large-preview-header h3[data-v-4573479a]{color:#333;font-size:18px;margin:0}.large-preview-controls[data-v-4573479a]{align-items:center;display:flex;gap:8px}.btn-close-large[data-v-4573479a],.btn-download-large[data-v-4573479a],.btn-zoom-control[data-v-4573479a]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-download-large[data-v-4573479a]:hover,.btn-zoom-control[data-v-4573479a]:hover{background:#f5f5f5;border-color:var(--accent)}.btn-close-large[data-v-4573479a]{background:#dc3545;border-color:#dc3545;color:#fff;font-size:16px;padding:4px 8px}.btn-close-large[data-v-4573479a]:hover{background:#c82333}.zoom-display[data-v-4573479a]{color:#666;font-size:12px;min-width:40px;text-align:center}.large-preview-content[data-v-4573479a]{background:#f5f5f5;cursor:grab;flex:1;overflow:hidden;position:relative}.large-preview-content[data-v-4573479a]:active{cursor:grabbing}.large-preview-canvas[data-v-4573479a]{display:block}.large-preview-info[data-v-4573479a]{background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-size:12px;padding:12px 20px;text-align:center}@media(max-width:1024px){.preview-panel[data-v-4573479a]{padding:15px;width:300px}}@media(max-width:768px){.preview-panel[data-v-4573479a]{border-bottom:1px solid #e0e0e0;border-left:none;border-top:1px solid #e0e0e0;max-height:none;width:100%}}.comparison-modal-overlay[data-v-28d327c3]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;justify-content:center;inset:0;position:fixed;z-index:10000}.comparison-modal[data-v-28d327c3]{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:1000px}.comparison-modal-header[data-v-28d327c3]{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.comparison-modal-header h3[data-v-28d327c3]{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close-btn[data-v-28d327c3]{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close-btn[data-v-28d327c3]:hover{background:#e9ecef;color:#333}.comparison-modal-body[data-v-28d327c3]{flex:1;overflow-y:auto;padding:24px}.comparison-images[data-v-28d327c3]{display:grid;gap:24px;grid-template-columns:1fr 1fr;height:100%}.comparison-image-section[data-v-28d327c3]{display:flex;flex-direction:column;min-height:0}.comparison-image-section h4[data-v-28d327c3]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-size:16px;font-weight:600;margin:0 0 12px;padding:8px 16px;text-align:center}.comparison-image-container[data-v-28d327c3]{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;flex:1;justify-content:center;min-height:400px;overflow:hidden}.comparison-img[data-v-28d327c3]{border-radius:4px;box-shadow:0 4px 12px #0000001a;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.comparison-modal-footer[data-v-28d327c3]{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}.btn-secondary[data-v-28d327c3]{background:#6c757d;border:1px solid #6c757d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary[data-v-28d327c3]:hover{background:#545b62;border-color:#545b62}@media(max-width:768px){.comparison-modal[data-v-28d327c3]{max-height:95vh;width:95vw}.comparison-images[data-v-28d327c3]{gap:16px;grid-template-columns:1fr}.comparison-modal-body[data-v-28d327c3],.comparison-modal-header[data-v-28d327c3]{padding:16px}.comparison-image-container[data-v-28d327c3]{min-height:250px}}@media(max-width:480px){.comparison-modal-header h3[data-v-28d327c3]{font-size:18px}.comparison-image-section h4[data-v-28d327c3]{font-size:14px;padding:6px 12px}.comparison-image-container[data-v-28d327c3]{min-height:200px}}#__nuxt,body,html{background:#ece9e2;block-size:100%;inline-size:100%;margin:0;overflow:hidden}.image-crop-app[data-v-3a607dcc]{--app-bg:#ece9e2;--panel-bg:#faf8f3;--surface:#fff;--surface-soft:#f3efe6;--text:#171717;--text-muted:#6b665c;--border:#d8d1c4;--accent:#6f7b45;--accent-strong:#556134;--accent-soft:#e6ead9;--crop-accent:#9a6a24;accent-color:var(--accent);background:var(--app-bg);block-size:100dvh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-block-size:100dvh;overflow:hidden}.image-crop-app[data-v-3a607dcc],.image-crop-app[data-v-3a607dcc] *{box-sizing:border-box}.loading[data-v-3a607dcc]{display:grid;min-block-size:100dvh;place-items:center}.spinner[data-v-3a607dcc]{animation:spin-3a607dcc 1s linear infinite;block-size:2.5rem;border:4px solid #ddd5c7;border-radius:50%;border-top:4px solid var(--accent);inline-size:2.5rem}@keyframes spin-3a607dcc{to{rotate:1turn}}.app-toolbar[data-v-3a607dcc]{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:1.5rem;justify-content:space-between;min-block-size:4.25rem;padding-block:.625rem;padding-inline:1.25rem}.app-title-group[data-v-3a607dcc]{display:grid;gap:.125rem;min-inline-size:0}.app-kicker[data-v-3a607dcc]{color:var(--text-muted);font-size:.6875rem;font-weight:750;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.app-title-group h1[data-v-3a607dcc]{color:var(--text);font-size:1.25rem;font-weight:760;line-height:1.1;margin:0}.app-status[data-v-3a607dcc]{align-items:center;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.625rem;justify-content:flex-end;line-height:1.2;min-inline-size:0}.status-pill[data-v-3a607dcc]{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;color:#3d3a34;max-inline-size:28rem;overflow:hidden;padding-block:.4375rem;padding-inline:.6875rem;text-overflow:ellipsis}.status-dimensions[data-v-3a607dcc],.status-pill[data-v-3a607dcc]{white-space:nowrap}.crop-container[data-v-3a607dcc]{background:var(--app-bg);block-size:calc(100dvh - 4.25rem);display:grid;grid-template-areas:"controls canvas preview";grid-template-columns:minmax(18rem,20rem) minmax(0,1fr) minmax(20rem,22rem);min-block-size:0}.controls-panel[data-v-3a607dcc]{background:var(--panel-bg);border-right:1px solid var(--border);grid-area:controls;min-inline-size:0;overflow-y:auto;padding:1rem;scrollbar-width:thin}.image-crop-app[data-v-3a607dcc] .crop-area{flex:initial;grid-area:canvas;min-block-size:0;min-inline-size:0}.image-crop-app[data-v-3a607dcc] .preview-panel{background:var(--panel-bg);border-left:1px solid var(--border);grid-area:preview;inline-size:100%;max-block-size:none;max-inline-size:100%;min-inline-size:0;overflow-y:auto;padding:1rem;scrollbar-width:thin}@media(min-width:960px)and (not (min-width:1200px)){.image-crop-app[data-v-3a607dcc]{overflow:auto}.crop-container[data-v-3a607dcc]{block-size:auto;grid-template-areas:"controls canvas" "controls preview";grid-template-columns:18.5rem minmax(0,1fr);grid-template-rows:minmax(32rem,1fr) auto;min-block-size:calc(100dvh - 4.25rem)}.image-crop-app[data-v-3a607dcc] .preview-panel{border-left:0;border-top:1px solid var(--border)}}@media not (min-width:960px){.image-crop-app[data-v-3a607dcc]{block-size:auto;min-block-size:100dvh;overflow:auto}.app-toolbar[data-v-3a607dcc]{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.app-status[data-v-3a607dcc]{inline-size:100%;justify-content:flex-start}.status-pill[data-v-3a607dcc]{max-inline-size:100%}.crop-container[data-v-3a607dcc]{block-size:auto;display:flex;flex-direction:column}.image-crop-app[data-v-3a607dcc] .crop-area{min-block-size:27rem;order:1}.controls-panel[data-v-3a607dcc]{border-bottom:1px solid var(--border);border-right:0;order:2}.image-crop-app[data-v-3a607dcc] .preview-panel{border-left:0;border-top:1px solid var(--border);display:block;order:3}}@media not (min-width:640px){.app-title-group h1[data-v-3a607dcc]{font-size:1.125rem}.app-status[data-v-3a607dcc]{align-items:stretch;flex-direction:column}.image-crop-app[data-v-3a607dcc] .crop-area{min-block-size:22rem}.controls-panel[data-v-3a607dcc],.image-crop-app[data-v-3a607dcc] .preview-panel{padding:.875rem}}