.preset-cell[data-v-091c84fc]{background-color:#f3f4f6}.grid-preview-mini[data-v-091c84fc]{border-radius:2px;overflow:hidden}input[type=range][data-v-091c84fc]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range][data-v-091c84fc]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;width:16px}input[type=range][data-v-091c84fc]::-moz-range-thumb{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;width:16px}.action-section[data-v-fa8c6556]{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem}.action-buttons[data-v-fa8c6556]{display:flex;gap:.5rem;margin-bottom:.75rem}.action-button[data-v-fa8c6556]{align-items:center;border:1px solid transparent;border-radius:.375rem;cursor:pointer;display:flex;flex:1;font-size:.8rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease-in-out}.upload-action[data-v-fa8c6556]{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.upload-action[data-v-fa8c6556]:hover{background-color:#2563eb;border-color:#2563eb}.ai-action[data-v-fa8c6556]{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.ai-action[data-v-fa8c6556]:hover{background-color:#7c3aed;border-color:#7c3aed}.action-icon[data-v-fa8c6556]{height:1rem;width:1rem}.action-description[data-v-fa8c6556]{color:#6b7280;font-size:.75rem;line-height:1.4;margin:0;text-align:center}.toolbar[data-v-fa8c6556]{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:.75rem 1rem}.search-container[data-v-fa8c6556]{flex:1;min-width:0;position:relative}.toolbar-controls[data-v-fa8c6556]{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.search-icon[data-v-fa8c6556]{color:#9ca3af;height:.875rem;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:.875rem}.search-input[data-v-fa8c6556]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.25rem;font-size:.8rem;padding:.375rem .5rem .375rem 2rem;transition:all .2s ease-in-out;width:100%}.search-input[data-v-fa8c6556]:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.control-select[data-v-fa8c6556]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.75rem;padding:.375rem .5rem;transition:all .2s ease-in-out}.control-select[data-v-fa8c6556]:focus{background-color:#fff;border-color:#3b82f6;outline:none}.view-toggle[data-v-fa8c6556]{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease-in-out}.view-toggle[data-v-fa8c6556]:hover{background-color:#e5e7eb;border-color:#9ca3af}.sort-order-toggle[data-v-fa8c6556]{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease-in-out}.sort-order-toggle[data-v-fa8c6556]:hover{background-color:#e5e7eb;border-color:#9ca3af}.sort-icon[data-v-fa8c6556],.view-icon[data-v-fa8c6556]{height:.875rem;width:.875rem}.action-button[data-v-fa8c6556]:disabled{cursor:not-allowed;opacity:.6}.action-button[data-v-fa8c6556]:disabled:hover{background-color:#3b82f6;transform:none}@keyframes thinking-917a3137{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.thinking-dots[data-v-917a3137]:after{animation:thinking-917a3137 1.5s infinite;content:"."}.ai-generate-panel[data-v-e5ac3418]{display:flex;flex-direction:column;height:100%}.form-group[data-v-e5ac3418]{margin-bottom:1.5rem}.form-group[data-v-e5ac3418]:last-child{margin-bottom:0}.form-label[data-v-e5ac3418]{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.prompt-input[data-v-e5ac3418]{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .2s ease-in-out;width:100%}.prompt-input[data-v-e5ac3418]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.style-grid[data-v-e5ac3418]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.style-item[data-v-e5ac3418]{align-items:center;aspect-ratio:1;background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.style-item[data-v-e5ac3418]:hover{border-color:#9ca3af}.style-item.selected[data-v-e5ac3418]{background-color:#eff6ff;border-color:#3b82f6}.style-preview[data-v-e5ac3418]{align-items:center;aspect-ratio:1;background-color:#f8fafc;border-radius:.625rem;box-shadow:inset 0 2px 4px #0000000f;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.style-image[data-v-e5ac3418]{display:block;height:100%;margin:0;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.style-placeholder[data-v-e5ac3418]{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:.625rem;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;height:100%;justify-content:center;width:100%}.style-overlay[data-v-e5ac3418]{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 60%,transparent);border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem;bottom:0;color:#fff;font-size:.7rem;font-weight:700;left:0;letter-spacing:.025em;overflow:hidden;padding:6px 4px;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap;width:100%}.more-preview[data-v-e5ac3418]{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;display:flex;justify-content:center}.more-text[data-v-e5ac3418]{color:#6b7280;font-size:.75rem;font-weight:500}.ratio-grid[data-v-e5ac3418]{display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.ratio-item[data-v-e5ac3418]{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;padding:.5rem;transition:all .2s ease-in-out}.ratio-item[data-v-e5ac3418]:hover{border-color:#9ca3af}.ratio-item.selected[data-v-e5ac3418]{background-color:#eff6ff;border-color:#3b82f6}.ratio-preview[data-v-e5ac3418]{margin-bottom:.25rem}.ratio-label[data-v-e5ac3418]{color:#374151;font-size:.75rem;font-weight:500}.generate-button[data-v-e5ac3418]{align-items:center;background-color:#8b5cf6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.875rem 1rem;transition:all .2s ease-in-out;width:100%}.generate-button[data-v-e5ac3418]:hover:not(:disabled){background-color:#7c3aed}.generate-button[data-v-e5ac3418]:disabled{cursor:not-allowed;opacity:.6}.generation-status[data-v-e5ac3418]{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:2rem 1.5rem}.status-content[data-v-e5ac3418]{text-align:center}.status-indicator[data-v-e5ac3418]{margin-bottom:1rem}.status-spinner[data-v-e5ac3418]{color:#8b5cf6;height:2rem;margin:0 auto;width:2rem}.status-text[data-v-e5ac3418]{color:#374151;font-size:1rem;font-weight:500;margin:0 0 .25rem}.status-subtext[data-v-e5ac3418]{color:#6b7280;font-size:.875rem;margin:0}.style-popup-overlay[data-v-e5ac3418]{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.style-popup[data-v-e5ac3418]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow:hidden;width:90vw}.popup-header[data-v-e5ac3418]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.popup-title[data-v-e5ac3418]{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.popup-close[data-v-e5ac3418]{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:color .2s ease-in-out}.popup-close[data-v-e5ac3418]:hover{color:#374151}.popup-content[data-v-e5ac3418]{max-height:60vh;overflow-y:auto;padding:1.5rem}.all-styles-grid[data-v-e5ac3418]{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.popup-style-item[data-v-e5ac3418]{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;padding:.75rem;transition:all .2s ease-in-out}.popup-style-item[data-v-e5ac3418]:hover{border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.popup-style-item.selected[data-v-e5ac3418]{background-color:#eff6ff;border-color:#3b82f6}.popup-style-preview[data-v-e5ac3418]{align-items:center;background-color:#f3f4f6;border:2px solid transparent;border-radius:.375rem;display:flex;height:120px;justify-content:center;margin-bottom:.5rem;overflow:hidden;padding:0;position:relative;transition:border-color .2s ease-in-out;width:120px}.popup-style-image[data-v-e5ac3418]{height:100%;margin:0;-o-object-fit:cover;object-fit:cover;padding:0;width:100%}.popup-style-placeholder[data-v-e5ac3418]{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;height:100%;justify-content:center;width:100%}.popup-style-overlay[data-v-e5ac3418]{background:#00000073;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;bottom:0;color:#fff;font-size:.7rem;font-weight:500;left:0;overflow:hidden;padding:2px 0;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.popup-style-label[data-v-e5ac3418]{color:#374151;font-size:.875rem;font-weight:500;margin-top:.25rem;text-align:center}.attachment-section[data-v-e5ac3418]{margin-bottom:1rem}.attachment-button[data-v-e5ac3418]{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;justify-content:center;margin-bottom:.5rem;margin-right:0;min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.attachment-button[data-v-e5ac3418]:hover{background-color:#e5e7eb;border-color:#9ca3af}.attachment-button[data-v-e5ac3418]:disabled{cursor:not-allowed;opacity:.5}.attached-images-preview[data-v-e5ac3418]{margin-top:.5rem}.attached-images-grid[data-v-e5ac3418]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.attached-image-item[data-v-e5ac3418]{align-items:center;display:flex;flex-direction:column;position:relative}.attached-image-item.uploading[data-v-e5ac3418]{opacity:.7}.attached-image[data-v-e5ac3418]{border-radius:.375rem;-o-object-fit:cover;object-fit:cover}.attached-image[data-v-e5ac3418],.upload-loading[data-v-e5ac3418]{border:2px solid #e5e7eb;height:80px;width:80px}.upload-loading[data-v-e5ac3418]{align-items:center;background-color:#f9fafb;border-radius:.375rem;display:flex;flex-direction:column;justify-content:center}.loading-spinner[data-v-e5ac3418]{margin-bottom:.25rem}.upload-text[data-v-e5ac3418]{color:#6b7280;font-size:.625rem;font-weight:500}.remove-image-btn[data-v-e5ac3418]{align-items:center;background-color:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:1.5rem;justify-content:center;position:absolute;right:-.25rem;top:-.25rem;transition:background-color .2s ease-in-out;width:1.5rem}.remove-image-btn[data-v-e5ac3418]:hover:not(:disabled){background-color:#dc2626}.remove-image-btn[data-v-e5ac3418]:disabled{cursor:not-allowed;opacity:.5}.image-name[data-v-e5ac3418]{color:#6b7280;font-size:.625rem;margin-top:.25rem;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}