*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:#fafafa;color:#1a1a1a;margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;min-height:100vh;background:#fafafa}.app-header,.app-header h1,.app-header p{display:none}.sidebar{width:240px;background:#fff;border-right:1px solid #e5e5e5;padding:1.5rem;flex-shrink:0}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav button{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s ease}.sidebar-nav button.active{background:#f3f4f6;color:#1a1a1a}.sidebar-nav button:hover{background:#f9fafb;color:#1a1a1a}.main-content{flex:1;padding:1.5rem;overflow-y:auto}.generator-section{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000a}.cost-estimation{background:#f8f9fa;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e5e5e5;text-align:left;display:flex;align-items:center;gap:.75rem}.cost-label{color:#666;font-size:.875rem;font-weight:500}.cost-amount{color:#059669;font-size:1.125rem;font-weight:600;margin:0}.cost-detail{color:#888;font-size:.85rem}.generator-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem}.form-group textarea,.form-group input,.form-group select{padding:.875rem 1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.invalid{border-color:#ff6b6b;background:#ff6b6b1a}.validation-message{background:#2a1f1f;border:1px solid #ff6b6b;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.validation-message.error{border-left:4px solid #ff6b6b}.validation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.validation-icon{font-size:1.1rem}.validation-text{color:#ff6b6b;font-weight:500;font-size:.9rem}.validation-details p{color:#ccc;font-size:.85rem;margin-bottom:.75rem}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-btn{background:#444;color:#fff;border:1px solid #666;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.suggestion-btn:hover{background:#555;border-color:#4ade80;transform:translateY(-1px)}.form-group textarea{min-height:100px;resize:vertical}.prompt-wrapper{position:relative}.enhance-btn{position:absolute;top:.75rem;right:.75rem;background:#4a90e2;color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:1}.enhance-btn:hover:not(:disabled){background:#357abd;transform:translateY(-1px)}.enhance-btn:hover:not(:disabled){transform:translateY(-1px)}.enhance-btn:disabled{opacity:.6;cursor:not-allowed}.enhancement-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.enhancement-content{background:#fff;border-radius:20px;padding:0;max-width:700px;width:100%;max-height:85vh;overflow:hidden;border:1px solid #e5e5e5;box-shadow:0 25px 50px #00000040}.enhancement-header{padding:2rem 2rem 1rem;border-bottom:1px solid #f3f4f6;text-align:center}.enhancement-header h3{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.enhancement-subtitle{color:#6b7280;font-size:.95rem;margin:0}.enhancement-body{padding:1.5rem 2rem;max-height:60vh;overflow-y:auto}.enhancement-section{margin-bottom:2rem}.enhancement-section:last-child{margin-bottom:0}.enhancement-section h4{margin-bottom:1rem;color:#374151;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.enhancement-section h4:before{content:"✨";font-size:1.1rem}.prompt-option{background:#f9fafb;padding:1.25rem;border-radius:12px;margin-bottom:1rem;cursor:pointer;transition:all .2s ease;border:2px solid #e5e7eb;position:relative}.prompt-option:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.explanation{background:#f0f9ff;padding:1.25rem;border-radius:12px;margin:1.5rem 0;border-left:4px solid #3b82f6}.explanation p{color:#1e40af;font-size:.95rem;margin:0;line-height:1.6}.enhancement-footer{padding:1.5rem 2rem;border-top:1px solid #f3f4f6;background:#fafafa;border-radius:0 0 20px 20px}.close-enhancement{background:#3b82f6;color:#fff;border:none;padding:1rem 2rem;border-radius:10px;cursor:pointer;width:100%;font-size:1rem;font-weight:500;transition:all .2s ease}.close-enhancement:hover{background:#2563eb;transform:translateY(-1px)}.modal-instruction{color:#ccc;font-size:.9rem;margin-bottom:1.5rem;text-align:center;background:#252525;padding:.75rem;border-radius:6px}.prompt-option{display:flex;align-items:flex-start;gap:1rem;color:#374151;font-size:.95rem;line-height:1.6}.prompt-option.selected{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.prompt-checkbox{min-width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:.1rem;font-size:.9rem;color:#10b981;background:#fff;flex-shrink:0;transition:all .2s ease}.prompt-option.selected .prompt-checkbox{border-color:#10b981;background:#10b981;color:#fff;transform:scale(1.1)}.selection-summary{background:#f0fdf4;padding:1.25rem;border-radius:12px;margin:1.5rem 0;border-left:4px solid #10b981;border:1px solid #bbf7d0}.selection-summary h4{color:#059669;margin-bottom:.5rem;font-size:1rem;font-weight:600}.selection-summary p{color:#065f46;margin:0;font-size:.95rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.clear-selection{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:1rem 2rem;border-radius:10px;cursor:pointer;flex:1;font-size:.95rem;font-weight:500;transition:all .2s ease}.clear-selection:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.close-enhancement{flex:2}.prompt-chips{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000a}.prompt-chips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.prompt-chips-header h4{color:#059669;font-size:.95rem;margin:0}.clear-all-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#e5e7eb;border-color:#9ca3af}.prompt-chips-container{display:flex;flex-wrap:wrap;gap:.5rem}.prompt-chip{display:flex;align-items:center;background:#f0f9ff;border:1px solid #059669;border-radius:20px;padding:.625rem 1rem;font-size:.875rem;max-width:320px;transition:all .2s ease}.prompt-chip:hover{background:#e6fffa;border-color:#047857}.prompt-chip-content{flex:1;min-width:0}.prompt-chip-text{color:#1f2937;word-break:break-word;line-height:1.3}.prompt-chip-remove{background:none;border:none;color:#ef4444;font-size:1.1rem;margin-left:.5rem;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.prompt-chip-remove:hover{background:#fee2e2;color:#dc2626}.form-hint{color:#888;font-size:.8rem;margin-top:.25rem;display:block}.progress-bar{width:100%;height:4px;background:#333;border-radius:2px;margin-top:1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease;border-radius:2px}.skeleton-section{margin:2rem 0;padding:1.5rem;background:#1a1a1a;border-radius:12px;border:1px solid #333}.skeleton-header{text-align:center;margin-bottom:1.5rem}.skeleton-header h3{color:#fff;margin-bottom:.5rem}.skeleton-header p{color:#888;font-size:.9rem}.skeleton-grid{display:grid;gap:1rem;margin-top:1rem}.skeleton-placeholder{position:relative;background:#2a2a2a;border-radius:8px;overflow:hidden;border:1px solid #444;min-height:150px}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2s infinite}.skeleton-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem .75rem .75rem}.skeleton-prompt{color:#fff;font-size:.85rem;font-weight:500;margin-bottom:.25rem;line-height:1.3}.skeleton-meta{color:#888;font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.generate-btn{background:#3b82f6;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em}.generate-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.generate-btn:hover:not(:disabled){transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid #ffffff30;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000a;gap:1rem;flex-wrap:wrap}.input-section{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.prompt-input-wrapper{position:relative;flex:2;min-width:300px}.prompt-input{width:100%;padding:.875rem 3rem .875rem 1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.95rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.prompt-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.enhance-btn-inline{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.enhance-btn-inline:hover:not(:disabled){color:#3b82f6;background:#3b82f61a}.search-input-wrapper{flex:1;min-width:200px}.search-input-inline{width:100%;padding:.875rem 1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters-btn{padding:.875rem 1.25rem;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;white-space:nowrap}.filters-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.generate-btn-inline{background:#3b82f6;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.generate-btn-inline:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.cost-estimation-inline{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;white-space:nowrap}.cost-estimation-inline .cost-amount{color:#059669;font-weight:600}.balance-display{font-size:.75rem;color:#6b7280;margin-top:.25rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:500px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e5e5}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem}.filter-group select,.filter-group input{width:100%;padding:.875rem 1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-group small{display:block;color:#6b7280;font-size:.8rem;margin-top:.25rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;gap:.75rem}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-btn.secondary:hover{background:#e5e7eb}.browse-page{padding:1rem 0}.browse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000a;gap:1rem;flex-wrap:wrap}.search-section{display:flex;gap:.75rem;flex:1;align-items:center}.search-input-wrapper{position:relative;flex:1;min-width:250px}.search-input{width:100%;padding:.875rem 1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input.searching{border-color:#667eea}.search-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.clear-btn,.export-btn{padding:.875rem 1.25rem;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.clear-btn:hover,.export-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.clear-btn:hover,.export-btn:hover{background:#3a3a3a}.stats-section{display:flex;align-items:center;gap:1rem}.image-count{color:#6b7280;font-size:.9rem;font-weight:500}.gallery-section{position:relative}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.image-gallery{display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.prompt-group{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem}.prompt-images{flex:1;display:flex;flex-direction:column;gap:.5rem}.image-row{display:grid;gap:1rem}.regular-row{grid-template-columns:repeat(4,1fr)}.wide-row{grid-template-columns:repeat(2,1fr)}.prompt-details{width:300px;flex-shrink:0;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000a}.prompt-details .prompt-text{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.4}.prompt-metadata{display:flex;flex-direction:column;gap:.75rem}.metadata-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.metadata-label{font-size:.875rem;color:#6b7280;font-weight:500;min-width:60px}.metadata-value{font-size:.875rem;color:#1f2937;font-weight:500;text-align:right;flex:1}.image-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e5e5;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 3px #0000001a;width:100%}.image-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 8px 32px #00000026}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.gallery-image{width:100%;height:auto;object-fit:cover;transition:transform .2s ease;display:block;max-width:100%}.image-card:hover .gallery-image{transform:scale(1.02)}.gallery-image[data-aspect-ratio="1:1"]{aspect-ratio:1 / 1}.gallery-image[data-aspect-ratio="16:9"]{aspect-ratio:16 / 9}.gallery-image[data-aspect-ratio="9:16"]{aspect-ratio:9 / 16}.gallery-image[data-aspect-ratio="4:3"]{aspect-ratio:4 / 3}.gallery-image[data-aspect-ratio="3:4"]{aspect-ratio:3 / 4}.empty-gallery{text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.lightbox-content{max-width:90vw;max-height:90vh;width:100%;height:100%;display:flex;background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 25px 50px #0000004d}.lightbox-close{position:absolute;top:1rem;right:1rem;background:#000000b3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-close:hover{background:#000000e6;transform:scale(1.1)}.lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:2rem;min-width:0}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #0000001a}.lightbox-details{width:350px;flex-shrink:0;padding:2rem;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden}.lightbox-details h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.detail-group{margin-bottom:1.25rem;flex-shrink:0}.detail-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151;font-size:.875rem}.detail-value{color:#1f2937;word-break:break-word;display:flex;align-items:center;gap:.5rem;line-height:1.5;background:#f9fafb;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.copy-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#6b7280;transition:color .2s ease;padding:.25rem;border-radius:4px}.copy-btn:hover{color:#374151;background:#f3f4f6}.download-btn{width:100%;background:#3b82f6;color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:500;cursor:pointer;margin-top:auto;font-size:1rem;transition:all .2s ease}.download-btn:hover{background:#2563eb;transform:translateY(-1px)}.password-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:2rem}.password-container{background:#1a1a1a;padding:3rem;border-radius:20px;border:1px solid #2a2a2a;box-shadow:0 20px 60px #0009;text-align:center;min-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-header{margin-bottom:2rem}.password-header h1{font-size:2rem;margin-bottom:1rem;color:#fff;font-weight:600;letter-spacing:-.02em}.password-header p{color:#888;font-size:1.1rem}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-form input{padding:1rem 1.25rem;border-radius:12px;border:1px solid #333;background:#1f1f1f;color:#fff;font-size:1.1rem;text-align:center;transition:all .2s ease}.password-form input:focus{outline:none;border-color:#667eea}.password-form input.error{border-color:#ff6b6b;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message{color:#ff6b6b;font-size:.9rem;margin-top:-.5rem}.login-btn{background:#4a90e2;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.login-btn:hover{background:#357abd;transform:translateY(-2px)}.login-btn:hover{transform:translateY(-2px)}@media (max-width: 768px){.app{padding:1rem}.password-container{min-width:auto;width:100%;max-width:400px;padding:2rem}.form-row{grid-template-columns:1fr}.regular-row{grid-template-columns:repeat(2,1fr)}.wide-row{grid-template-columns:1fr}.skeleton-regular-row{grid-template-columns:repeat(2,1fr)}.skeleton-wide-row{grid-template-columns:1fr}}@media (max-width: 480px){.regular-row,.wide-row,.skeleton-regular-row,.skeleton-wide-row{grid-template-columns:1fr}}.skeleton-gallery{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.skeleton-row{display:grid;gap:1rem;width:100%}.skeleton-regular-row{grid-template-columns:repeat(4,1fr);border:2px solid orange}.skeleton-wide-row{grid-template-columns:repeat(2,1fr);border:2px solid purple}.inline-skeleton-placeholder{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000001a;animation:pulse 2s infinite;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton-image{position:relative;background:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem}.skeleton-image:before{content:"🖼️";font-size:2rem}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-metadata{padding:1rem}.skeleton-prompt-text{font-weight:600;margin-bottom:.5rem;color:#4b5563;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skeleton-details{display:flex;gap:.5rem;flex-wrap:wrap}.skeleton-tag{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#6b7280}@media (max-width: 768px){.controls{flex-direction:column;align-items:stretch}.search-section{max-width:none}.image-grid{grid-template-columns:1fr}.lightbox-content{flex-direction:column;max-width:95vw;max-height:95vh}.lightbox-image-container{max-width:100%}.lightbox-details{width:100%}.detail-row{grid-template-columns:1fr}.prompt-group{flex-direction:column;gap:1rem}.prompt-details{width:100%;order:-1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}