*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--success-gradient:linear-gradient(135deg,#00c853,#00e676);--shadow-sm:0 5px 15px #0003;--shadow-md:0 10px 30px #0000004d;--radius-sm:10px;--radius-md:15px;--radius-lg:20px}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--primary-gradient);color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:15px}header{text-align:center;color:#fff;padding:25px 15px}header h1{margin-bottom:8px;font-size:1.8rem;font-weight:700}header p{opacity:.9;font-size:.95rem}main{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;margin-bottom:20px;padding:20px}.upload-section{margin-bottom:20px}.upload-container{margin-bottom:15px}.upload-container.single-upload{justify-content:center;display:flex}.upload-container.single-upload .upload-box{width:100%;max-width:500px}.upload-box{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #e0e0e0;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:20px 15px;transition:all .3s;display:flex;position:relative}.upload-box:hover{background:#f0f4ff;border-color:#667eea}.upload-box.dragover{background:#e8ecff;border-color:#667eea}.upload-content{padding:10px}.upload-icon{margin-bottom:12px;font-size:3rem}.upload-content p{color:#333;margin-bottom:8px;font-size:1rem}.upload-hint{color:#888;font-size:.8rem}.preview-container{width:100%;margin-top:10px;position:relative}.preview-container img,.preview-container video{border-radius:var(--radius-sm);max-width:100%;max-height:200px;box-shadow:var(--shadow-sm);object-fit:contain}.remove-btn{color:#fff;cursor:pointer;z-index:10;touch-action:manipulation;background:#ff4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-btn:active{background:#c00;transform:scale(.95)}.url-input-container{flex-direction:column;gap:10px;width:100%;padding:12px;display:flex}.url-input-container input{-webkit-appearance:none;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-size:.95rem}.url-input-container input:focus{border-color:#667eea;outline:none}.url-toggle-section{text-align:center;margin-bottom:20px}.url-toggle-btn,.url-use-file-btn{cursor:pointer;color:#333;background:#f0f0f0;border:none;border-radius:10px;padding:10px 16px;font-size:.95rem;transition:all .2s}.url-toggle-btn:hover,.url-use-file-btn:hover{background:#e8e8e8}.process-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:1.05rem;font-weight:700;transition:all .3s}.process-btn:disabled{opacity:.6;cursor:not-allowed}.progress-section{margin-top:20px}.progress-container{margin-top:12px}.progress-bar{background:#eee;border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--success-gradient);width:0;height:100%;transition:width .25s}.progress-text{color:#666;text-align:center;margin-top:10px;font-size:.95rem}.result-section,.history-section{margin-top:20px}.history-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.history-item{background:#fafafa;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.history-main{flex-direction:column;gap:6px;display:flex}.history-time{color:#777;font-size:.85rem}.history-status{color:#333;background:#e0e0e0;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.history-status.status-queued{color:#ef6c00;background:#fff3e0}.history-status.status-processing{color:#1e88e5;background:#e3f2fd}.history-status.status-done{color:#2e7d32;background:#e8f5e9}.history-status.status-failed{color:#c62828;background:#ffebee}.history-actions{align-items:center;display:flex}.history-btn{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;padding:8px 12px;font-size:.9rem}.history-btn:hover{background:#e8e8e8}.prompt-description{border-radius:var(--radius-md);text-align:center;background:#f8f9fa;margin-bottom:20px;padding:20px}.prompt-description h3{color:#333;margin-bottom:10px}.prompt-description p{color:#666;font-size:.95rem}.prompt-result-container{border-radius:var(--radius-md);text-align:left;background:#fff;border:2px solid #e0e0e0;padding:20px}.prompt-output{color:#333;white-space:pre-wrap;word-break:break-word;min-height:150px;max-height:400px;font-size:.95rem;line-height:1.6;overflow-y:auto}.copy-btn{background:var(--success-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:15px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00c85366}footer{text-align:center;color:#ffffffe6;padding:10px 0 20px}.loading-overlay{z-index:9999;color:#fff;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:55px;height:55px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#c62828;border-radius:var(--radius-sm);background:#ffebee;border:1px solid #ef5350;margin-bottom:15px;padding:12px 15px;font-size:.9rem}.toast-message{color:#fff;z-index:10000;background:#000c;border-radius:10px;padding:14px 24px;font-size:.95rem;animation:.3s toastIn;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tab-container{margin-bottom:20px}.tab-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tab-btn{cursor:pointer;color:#666;background:#f0f0f0;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.tab-btn:hover{background:#e0e0e0}.tab-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #667eea66}.tab-content{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.upload-box{min-height:160px;padding:15px}.preview-container img,.preview-container video{max-height:180px}.tab-buttons{flex-direction:column}.tab-btn{width:100%;padding:14px}.prompt-description,.prompt-result-container{padding:15px}}@media (max-width:480px){.container{padding:10px}header{padding:20px 10px}header h1{font-size:1.5rem}header p{font-size:.85rem}main{border-radius:15px;padding:15px}.upload-icon{margin-bottom:8px;font-size:2.5rem}.upload-content p{margin-bottom:6px;font-size:.9rem}.upload-hint{font-size:.75rem}.remove-btn{width:32px;height:32px;font-size:1.2rem;top:5px;right:5px}.spinner{width:45px;height:45px}.loading-overlay p{font-size:.9rem}.error-message{padding:10px 12px;font-size:.85rem}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#4a3b7c 0%,#5a3b6c 100%)}}