:root{--bg-body:#0f172a;--bg-surface:#1e293b80;--bg-surface-hover:#33415599;--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-glow:#6366f166;--success-color:#10b981;--error-color:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff1a;--border-hover:#fff3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#6366f126,#0000 25%),radial-gradient(circle at 85% 30%,#10b9811a,#0000 25%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{width:100%;min-height:100vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.workflow-starter-container{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.option-selector[data-v-94e39f55]{margin-bottom:24px}.selector-label[data-v-94e39f55]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.options-container[data-v-94e39f55]{flex-wrap:wrap;gap:10px;display:flex}.option-btn[data-v-94e39f55]{background:var(--bg-surface);border:1px solid var(--border-color);min-width:calc(33.333% - 10px);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.option-btn[data-v-94e39f55]:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}.option-btn.active[data-v-94e39f55]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-glow);font-weight:600}@media (width<=480px){.options-container[data-v-94e39f55]{flex-direction:column;gap:8px}.option-btn[data-v-94e39f55]{width:100%;min-width:100%;padding:14px;font-size:.95rem}}.textarea-input[data-v-4b33ea90]{margin-bottom:24px}.input-label[data-v-4b33ea90]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.custom-textarea[data-v-4b33ea90]{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:12px;min-height:100px;padding:16px;font-family:inherit;font-size:1rem;transition:all .3s}.custom-textarea[data-v-4b33ea90]:focus{border-color:var(--primary-color);background:var(--bg-surface-hover);outline:none;box-shadow:0 0 0 3px #6366f133}.custom-textarea[data-v-4b33ea90]::placeholder{color:var(--text-muted)}.summary-card[data-v-6c2ca371]{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border-radius:16px;margin-bottom:24px;padding:20px 24px}.summary-title[data-v-6c2ca371]{color:var(--text-primary);align-items:center;margin:0 0 16px;font-size:1.1rem;font-weight:600;display:flex}.summary-title[data-v-6c2ca371]:before{content:"";background:var(--primary-color);border-radius:4px;width:4px;height:16px;margin-right:8px;display:inline-block}.summary-grid[data-v-6c2ca371]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.full-width[data-v-6c2ca371]{grid-column:1/-1}.summary-item[data-v-6c2ca371]{flex-direction:column;gap:4px;display:flex}.label[data-v-6c2ca371]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.value[data-v-6c2ca371]{color:var(--text-primary);font-size:.95rem;font-weight:500}.value.placeholder[data-v-6c2ca371]{color:var(--text-muted);font-style:italic;font-weight:400}.prompt-value[data-v-6c2ca371]{white-space:pre-wrap;word-break:break-word;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-top:4px;padding:12px;font-size:.9rem;line-height:1.5}@media (width<=480px){.summary-card[data-v-6c2ca371]{padding:16px}.summary-grid[data-v-6c2ca371]{grid-template-columns:1fr;gap:12px}.full-width[data-v-6c2ca371]{grid-column:1}}.submit-area[data-v-0b1572f2]{flex-direction:column;align-items:center;gap:16px;margin-top:32px;display:flex}.primary-btn[data-v-0b1572f2]{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.primary-btn.idle[data-v-0b1572f2]{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.primary-btn.idle[data-v-0b1572f2]:hover:not(.disabled){box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.primary-btn.disabled[data-v-0b1572f2]{background:var(--bg-surface);color:var(--text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-color)}.primary-btn.loading[data-v-0b1572f2]{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);cursor:wait}.primary-btn.success[data-v-0b1572f2]{background:var(--success-color);color:#fff;box-shadow:0 4px 15px #10b9814d}.primary-btn.error[data-v-0b1572f2]{background:var(--error-color);color:#fff;box-shadow:0 4px 15px #ef44444d}.spinner[data-v-0b1572f2]{border:2px solid #ffffff4d;border-top-color:var(--primary-color);border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s ease-in-out infinite spin-0b1572f2;display:inline-block}@keyframes spin-0b1572f2{to{transform:rotate(360deg)}}.status-message[data-v-0b1572f2]{text-align:center;border-radius:8px;width:100%;padding:12px 16px;font-size:.9rem}.success-message[data-v-0b1572f2]{color:var(--success-color);background:#10b9811a;border:1px solid #10b98133}.error-message[data-v-0b1572f2]{color:var(--error-color);background:#ef44441a;border:1px solid #ef444433}.fade-enter-active[data-v-0b1572f2],.fade-leave-active[data-v-0b1572f2]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-0b1572f2],.fade-leave-to[data-v-0b1572f2]{opacity:0;transform:translateY(-10px)}.history-sidebar[data-v-d76ee266]{border-left:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;flex-direction:column;width:320px;height:100vh;transition:right .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;right:-320px}.history-sidebar.is-open[data-v-d76ee266]{right:0}.sidebar-header[data-v-d76ee266]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-header h2[data-v-d76ee266]{margin:0;font-size:1.2rem;font-weight:600}.close-btn[data-v-d76ee266]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.close-btn[data-v-d76ee266]:hover{color:var(--text-primary)}.history-list[data-v-d76ee266]{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.history-item[data-v-d76ee266]{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.history-item[data-v-d76ee266]:hover{background:var(--bg-surface-hover)}.history-item.active[data-v-d76ee266]{border-color:var(--primary-color);background:#6366f11a}.thumbnail-placeholder[data-v-d76ee266]{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;display:flex}.item-details[data-v-d76ee266]{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.item-workflow[data-v-d76ee266]{color:var(--primary-color);text-transform:uppercase;font-size:.8rem;font-weight:600}.item-prompt[data-v-d76ee266]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:.9rem;overflow:hidden}.item-meta[data-v-d76ee266]{color:var(--text-muted);font-size:.75rem}.delete-btn[data-v-d76ee266]{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;transition:opacity .2s;position:absolute;top:8px;right:8px}.history-item:hover .delete-btn[data-v-d76ee266]{opacity:1}.delete-btn[data-v-d76ee266]:hover{color:var(--error-color)}.empty-state[data-v-d76ee266]{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.95rem}@media (width<=768px){.history-sidebar[data-v-d76ee266]{width:100%;right:-100%}}.video-player-container[data-v-4ab3cf75]{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border-radius:24px;margin-top:24px;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn-4ab3cf75;box-shadow:0 20px 40px #0009}@keyframes scaleIn-4ab3cf75{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-header[data-v-4ab3cf75]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.video-header h3[data-v-4ab3cf75]{color:var(--text-primary);margin:0;font-size:1.2rem}.close-btn[data-v-4ab3cf75]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.close-btn[data-v-4ab3cf75]:hover{color:var(--text-primary)}.video-wrapper[data-v-4ab3cf75]{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden}.main-video[data-v-4ab3cf75]{object-fit:contain;width:100%;height:100%}.info-row[data-v-4ab3cf75]{gap:8px;margin-bottom:12px;display:flex}.badge[data-v-4ab3cf75]{background:var(--primary-color);color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge.secondary[data-v-4ab3cf75]{background:var(--bg-surface-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.prompt-text[data-v-4ab3cf75]{color:var(--text-primary);border-left:3px solid var(--primary-color);background:#0003;border-radius:8px;margin:0 0 24px;padding:12px;font-size:.95rem;font-style:italic;line-height:1.5}.action-buttons[data-v-4ab3cf75]{gap:16px;display:flex}.btn[data-v-4ab3cf75]{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s}.btn.primary[data-v-4ab3cf75]{background:var(--primary-color);color:#fff}.btn.primary[data-v-4ab3cf75]:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn.secondary[data-v-4ab3cf75]{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn.secondary[data-v-4ab3cf75]:hover{background:var(--bg-surface-hover)}@media (width<=600px){.action-buttons[data-v-4ab3cf75]{flex-direction:column}}.toast[data-v-0b083ac5]{background:var(--bg-surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-radius:12px;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000080}.toast.success[data-v-0b083ac5]{border-left:4px solid var(--success-color)}.toast.error[data-v-0b083ac5]{border-left:4px solid var(--error-color)}.toast-icon[data-v-0b083ac5]{font-size:1.2rem}.toast-content[data-v-0b083ac5]{flex:1}.toast-title[data-v-0b083ac5]{color:var(--text-primary);margin:0 0 4px;font-size:.95rem;font-weight:600}.toast-message[data-v-0b083ac5]{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.toast-close[data-v-0b083ac5]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.toast-close[data-v-0b083ac5]:hover{color:var(--text-primary)}.toast-enter-active[data-v-0b083ac5],.toast-leave-active[data-v-0b083ac5]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.toast-enter-from[data-v-0b083ac5],.toast-leave-to[data-v-0b083ac5]{opacity:0;transform:translateY(20px)scale(.95)}.layout-wrapper[data-v-70a507e2]{min-height:100vh;position:relative;overflow-x:hidden}.workflow-starter-container[data-v-70a507e2]{flex-direction:column;justify-content:center;max-width:640px;min-height:100vh;margin:0 auto;padding:40px 20px;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex}.workflow-starter-container.shifted[data-v-70a507e2]{transform:translate(-160px)}.app-header[data-v-70a507e2]{text-align:center;margin-bottom:32px;position:relative}.history-toggle[data-v-70a507e2]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;position:absolute;top:0;right:0}.history-toggle[data-v-70a507e2]:hover{background:var(--bg-surface-hover)}.logo-placeholder[data-v-70a507e2]{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;width:56px;height:56px;box-shadow:0 8px 24px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.5rem;font-weight:700;display:flex}h1[data-v-70a507e2]{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 10px;font-size:2.2rem;font-weight:800}.subtitle[data-v-70a507e2]{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.5}.main-content[data-v-70a507e2]{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border-radius:24px;padding:32px;animation:.4s fadeIn-70a507e2;box-shadow:0 20px 40px #0006}@keyframes fadeIn-70a507e2{0%{opacity:0}to{opacity:1}}.workflow-form[data-v-70a507e2]{flex-direction:column;display:flex}.row[data-v-70a507e2]{gap:24px;margin-bottom:0;display:flex}.flex-1[data-v-70a507e2]{flex:1}@media (width<=768px){.workflow-starter-container.shifted[data-v-70a507e2]{transform:none}}@media (width<=600px){.workflow-starter-container[data-v-70a507e2]{justify-content:flex-start;padding:20px 16px}.history-toggle[data-v-70a507e2]{float:right;margin-bottom:16px;position:relative}h1[data-v-70a507e2]{clear:both;font-size:1.8rem}.subtitle[data-v-70a507e2]{font-size:.95rem}.main-content[data-v-70a507e2]{border-radius:20px;padding:20px}.row[data-v-70a507e2]{flex-direction:column;gap:0}}
