:root{--color-primary: #3b82f6;--color-secondary: #64748b;--color-background: #f8fafc;--color-surface: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444}.dark{--color-primary: #60a5fa;--color-secondary: #94a3b8;--color-background: #0f172a;--color-surface: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-strong: #475569;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171}.bg-theme-primary{background-color:var(--color-background)}.bg-theme-secondary,.bg-theme-surface{background-color:var(--color-surface)}.text-theme-primary{color:var(--color-text-primary)}.text-theme-secondary{color:var(--color-text-secondary)}.text-theme-muted{color:var(--color-text-muted)}.text-theme-text{color:var(--color-text-primary)}.text-theme-accent{color:var(--color-primary)}.border-theme{border-color:var(--color-border)}.border-theme-strong{border-color:var(--color-border-strong)}.border-theme-border{border-color:var(--color-border)}.border-theme-accent{border-color:var(--color-primary)}.bg-theme-surface-hover{background-color:var(--color-border)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.input{background-color:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-primary);padding:.5rem .75rem;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.button-primary{background-color:var(--color-primary);color:#fff;padding:.75rem 1rem;border-radius:.375rem;font-weight:500;transition:background-color .15s ease-in-out}.button-primary:hover:not(:disabled){background-color:#2563eb;opacity:.9}.button-primary:disabled{background-color:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.button-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.button-secondary:hover{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-primary)}.button-danger{background-color:var(--color-error);color:#fff;border:1px solid var(--color-error);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:background-color .15s ease-in-out,opacity .15s ease-in-out}.button-danger:hover{background-color:#dc2626;opacity:.9}.collapse-content{display:none!important;max-height:0!important;overflow:hidden!important;opacity:0!important;transition:all .3s ease!important}.collapse-content.expanded{display:block!important;max-height:1000px!important;overflow:visible!important;opacity:1!important}.collapse-chevron{transition:transform .2s ease}.collapse-chevron.expanded{transform:rotate(90deg)}.text-heading{color:var(--color-text-primary);font-weight:600}.text-body{color:var(--color-text-secondary)}.resolution-btn{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);cursor:pointer;text-align:center;font-size:.8125rem;line-height:1.25}.resolution-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary);background:var(--color-surface)}.resolution-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 4px #3b82f640}.resolution-btn.active span{opacity:.85}.image-preview-main{width:100%!important;height:auto!important;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;display:block!important}.image-preview-reference{width:100%!important;height:auto!important;max-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;display:block!important}#main-image-preview{display:block!important;height:auto!important;min-height:auto!important;overflow:visible!important;position:relative!important;margin:0!important;padding:0!important}.generation-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.generation-spinner.error{border-top-color:var(--color-error);border-color:#ef444433}.generation-spinner.quota{border-top-color:var(--color-warning);border-color:#f59e0b33}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-status-icon-error{width:48px;height:48px;color:var(--color-error);animation:pulse 2s ease-in-out infinite}.generation-status-icon-quota{width:48px;height:48px;color:var(--color-warning);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#reference-image-0-preview,#reference-image-1-preview,#reference-image-2-preview{display:block!important;height:auto!important;min-height:auto!important;overflow:visible!important;position:relative!important;margin:0!important;padding:0!important}.space-y-6>div{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.mb-4,.space-y-6,.grid,#step-2,.step-content,.grid-cols-1{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.lg\\:grid-cols-2{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}#main-image-preview.mt-4,#reference-image-0-preview.mt-2,#reference-image-1-preview.mt-2,#reference-image-2-preview.mt-2{margin-top:0!important}#main-image-preview.hidden,#reference-image-0-preview.hidden,#reference-image-1-preview.hidden,#reference-image-2-preview.hidden{display:none!important}*{max-height:none!important}.modal-content,.notification,.dropdown-menu{max-height:100%!important}.superuser-popup-content{max-height:calc(100vh - 2rem)!important}.superuser-content{max-height:none!important;overflow-y:auto!important}#image-modal,#video-modal,#image-modal *,#video-modal *{max-height:revert!important}#image-modal,#video-modal{overflow:hidden!important}#image-modal>div,#video-modal>div{max-height:calc(100vh - 2rem)!important;height:auto!important;max-width:56rem!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#image-modal>div>div:first-child,#video-modal>div>div:first-child{flex-shrink:0!important;min-height:auto!important}#image-modal>div>div:last-child,#video-modal>div>div:last-child{flex:1 1 0%!important;min-height:0!important;max-height:calc(100vh - 12rem)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:1rem!important;box-sizing:border-box!important;position:relative!important;width:100%!important}#modal-image,#modal-video{max-width:100%!important;max-height:calc(100vh - 12rem)!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important;margin:auto!important}.video-preview{width:100%!important;height:auto!important;max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;display:block!important}.video-card.max-w-2xl{max-width:42rem!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;margin-left:auto!important;margin-right:auto!important}