@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f8fafc;--bg-panel:#fffc;--bg-panel-hover:#fffffff2;--text-primary:#0f172a;--text-secondary:#64748b;--accent-glow:#f9731633;--accent-color:#ea580c;--accent-color-hover:#c2410c;--border-color:#0000000f;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 32px #0000000f;color:var(--text-primary);background:var(--bg-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,#f9731608,#0000 25%),radial-gradient(circle at 85% 60%,#3b82f608,#0000 25%);background-attachment:fixed;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);background:#f8fafccc;flex-direction:column;padding:32px;display:flex}.sidebar h1{color:#1e293b;margin:8px 0 32px;font-size:24px;font-weight:800;line-height:1.2}.sidebar nav{gap:12px;display:grid}.sidebar button{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.sidebar button:hover{color:var(--text-primary);background:#00000005;transform:translate(4px)}.sidebar button.active{color:var(--accent-color);background:#ea580c14;border-color:#ea580c26;box-shadow:inset 0 0 20px #ea580c05}.workspace{padding:40px;overflow-y:auto}.hero{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:24px;padding:40px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#0000,#00000008,#0000);height:1px;position:absolute;top:0;left:0;right:0}.eyebrow{color:var(--accent-color);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.hero h2{color:#0f172a;margin:0 0 12px;font-size:32px;font-weight:800}.hero p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.6}.panel,.upload-card,.ai-video-generator form{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:24px;margin-top:24px;padding:32px}.section-heading h2{margin:0;font-size:24px}.section-heading p:last-child{color:var(--text-secondary);margin-top:8px}.field-group{gap:10px;margin-bottom:24px;display:grid}.field-group label{color:#334155;font-size:15px;font-weight:700}.field-group input,.field-group textarea,.field-group select{color:var(--text-primary);background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:14px 18px;font-size:15px;box-shadow:inset 0 1px 2px #00000005}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #ea580c26}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.field-group input[type=file]{cursor:pointer;background:#00000003;padding:10px}.help-text{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.action-row{gap:16px;margin-top:32px;display:flex}.primary-button,button[type=submit]{color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700}.primary-button:hover,button[type=submit]:hover{box-shadow:0 6px 20px var(--accent-glow);background:linear-gradient(135deg,#fb923c,#ea580c);transform:translateY(-2px)}.primary-button:disabled,button[type=submit]:disabled{box-shadow:none;color:#64748b;cursor:not-allowed;background:#cbd5e1;transform:none}.secondary-button{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s}.secondary-button:hover{color:#0f172a;background:#e2e8f0}.media-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.media-card{color:inherit;cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:12px;padding:16px;transition:all .3s;display:grid}.media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.media-card.selected{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color), 0 8px 24px var(--accent-glow);background:#fffcfaba}.media-card video{aspect-ratio:16/9;object-fit:cover;background:#e2e8f0;border-radius:12px;width:100%}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-saved{color:#475569;background:#f1f5f9}.status-scheduled,.status-ready{color:#0369a1;background:#e0f2fe}.status-queued,.status-publishing,.status-generating{color:#b45309;background:#fef3c7}.status-published{color:#15803d;background:#dcfce7}.status-failed{color:#b91c1c;background:#fee2e2}.task-table-wrap{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;margin-top:24px;overflow-x:auto}.task-table{border-collapse:collapse;width:100%;min-width:1120px}.task-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:13px;font-weight:700}.task-table td{color:var(--text-primary);border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px}.task-table a{color:var(--accent-color);font-weight:500;text-decoration:none}.task-table a:hover{color:var(--accent-color-hover);text-decoration:underline}.selected-row td{background:#fff7ed}.link-button{color:var(--accent-color);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.link-button:hover{color:var(--accent-color-hover);text-decoration:underline}.table-action{padding:8px 12px;font-size:13px}.muted-text{color:var(--text-secondary);margin-top:4px;font-size:12px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px;display:grid}.metric-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.metric-cell span{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.metric-cell strong{color:var(--text-primary);font-size:24px}.ai-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;display:flex}.ai-note-icon{font-size:28px;line-height:1}.ai-note p{color:#0369a1;margin:0;font-size:15px;line-height:1.6}.ai-note strong{color:#0284c7}.ai-note ul{color:#0c4a6e;margin:8px 0 0;padding-left:20px}.ai-note li{margin-bottom:4px}.prompt-results .section-heading{margin-bottom:20px}.prompt-results .section-heading h2{margin:0 0 4px;font-size:22px;font-weight:800}.prompt-grid{gap:16px;margin-top:16px;display:grid}.prompt-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s}.prompt-card:hover{border-color:#ea580c4d;box-shadow:0 4px 16px #ea580c14}.prompt-card-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.prompt-number{color:#fff;text-align:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:8px;min-width:32px;padding:4px 10px;font-size:13px;font-weight:800}.prompt-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.tag-camera{color:#0369a1;background:#e0f2fe}.tag-style{color:#b45309;background:#fef3c7}.tag-tone{color:#7e22ce;background:#f3e8ff}.prompt-field{margin-bottom:12px}.prompt-field:last-child{margin-bottom:0}.prompt-field label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.prompt-text{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.prompt-text.narration{color:#92400e;background:#fffbeb;border-color:#fef3c7;font-style:italic}.prompt-textarea{color:#334155;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.prompt-textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #ea580c1f}.prompt-textarea.narration{color:#92400e;background:#fffdf5;border-color:#fde68a}.prompt-textarea.narration:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.regenerate-btn{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;margin-left:auto;padding:6px 12px;font-size:16px;line-height:1;transition:all .2s}.regenerate-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1;transform:rotate(90deg)}.regenerate-btn:disabled{cursor:wait;opacity:.6}.prompt-card-regenerating{opacity:.6;pointer-events:none;animation:.8s ease-in-out pulse-card}@keyframes pulse-card{0%,to{opacity:.6}50%{opacity:.3}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding:20px}.workspace{padding:20px}.hero{padding:24px}}