:root{--color-primary:#e60023;--color-primary-dark:#ad081b;--color-primary-light:#ff4d6d;--color-secondary:#5f0a87;--color-secondary-dark:#3d0556;--color-secondary-light:#a44bc7;--color-accent:#00d4ff;--color-accent-dark:#00a8cc;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--gradient-primary:linear-gradient(135deg,#e60023,#5f0a87);--gradient-secondary:linear-gradient(135deg,#00d4ff,#5f0a87);--gradient-accent:linear-gradient(135deg,#ff4d6d,#00d4ff);--gradient-dark:linear-gradient(135deg,#1a1a2e,#16213e);--color-bg-primary:#0f0f1e;--color-bg-secondary:#1a1a2e;--color-bg-tertiary:#16213e;--color-bg-card:hsla(0,0%,100%,.05);--color-text-primary:#fff;--color-text-secondary:#b4b4c5;--color-text-muted:#7a7a8c;--glass-bg:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.18);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37);--glass-blur:blur(12px);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 8px 32px rgba(0,0,0,.3);--shadow-xl:0 16px 48px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(230,0,35,.4);--shadow-glow-accent:0 0 20px rgba(0,212,255,.4);--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 50%,rgba(230,0,35,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(95,10,135,.1) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,212,255,.05) 0,transparent 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.glass-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:#ffffff40;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition-base)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-glow);color:#fff}.btn-primary:hover{box-shadow:0 0 30px #e6002399;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-primary)}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.input{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.input:focus{background:#ffffff1a;border-color:var(--color-primary);box-shadow:0 0 0 4px #e600231a;outline:none}.input.error{border-color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideInUp var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.spinner{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:24px;width:24px}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(max-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}.container{padding:0 var(--spacing-sm)}.glass-card{padding:var(--spacing-md)}}@media(max-width:480px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}.preview-section[data-v-ea23703c]{padding:var(--spacing-xl) 0}.preview-card[data-v-ea23703c]{margin:0 auto;max-width:700px}.preview-header[data-v-ea23703c]{text-align:center}.preview-title[data-v-ea23703c]{background:var(--gradient-accent);-webkit-background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);-webkit-text-fill-color:transparent;background-clip:text}.preview-subtitle[data-v-ea23703c]{color:var(--color-text-secondary);font-size:var(--font-size-base)}.video-info[data-v-ea23703c]{text-align:center}.video-thumbnail[data-v-ea23703c]{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:400px;overflow:hidden;position:relative}.video-thumbnail img[data-v-ea23703c]{display:block;height:auto;width:100%}.play-overlay[data-v-ea23703c]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-base);width:80px}.video-thumbnail:hover .play-overlay[data-v-ea23703c]{background:#000000b3;transform:translate(-50%,-50%) scale(1.1)}.video-title[data-v-ea23703c]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4}.action-buttons[data-v-ea23703c]{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.btn-action[data-v-ea23703c]{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;text-decoration:none;width:100%}.help-text[data-v-ea23703c]{background:#e600231a;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);text-align:center}.loading-content[data-v-ea23703c]{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.btn.copied[data-v-ea23703c]{background:var(--gradient-secondary);border-color:transparent}.btn-reset[data-v-ea23703c]{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--spacing-sm);transition:all var(--transition-base);width:100%}.btn-reset[data-v-ea23703c]:hover{color:var(--color-text-primary)}@media(max-width:768px){.action-buttons[data-v-ea23703c]{grid-template-columns:1fr}.play-overlay[data-v-ea23703c]{height:60px;width:60px}.play-overlay svg[data-v-ea23703c]{height:32px;width:32px}}.error-message[data-v-b3827030]{padding:var(--spacing-xl) 0}.error-card[data-v-b3827030]{margin:0 auto;max-width:600px;text-align:center}.error-icon[data-v-b3827030]{color:var(--color-error);display:flex;justify-content:center}.error-title[data-v-b3827030]{color:var(--color-text-primary);font-size:var(--font-size-2xl)}.error-text[data-v-b3827030]{color:var(--color-text-secondary);font-size:var(--font-size-base)}.error-tips[data-v-b3827030]{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:left}.tips-title[data-v-b3827030]{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.tips-list[data-v-b3827030]{list-style:none;margin:0;padding:0}.tips-list li[data-v-b3827030]{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.tips-list li[data-v-b3827030]:before{color:var(--color-error);content:"•";left:0;position:absolute}@media(max-width:768px){.error-message[data-v-b3827030]{padding:var(--spacing-lg) 0}}.hero[data-v-49842d46]{overflow:hidden;padding:var(--spacing-3xl) 0 var(--spacing-2xl);position:relative}.hero[data-v-49842d46]:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,rgba(230,0,35,.15) 0,transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.hero-content[data-v-49842d46]{position:relative;text-align:center;z-index:1}.logo-container[data-v-49842d46],.logo-icon[data-v-49842d46]{display:flex;justify-content:center}.logo-icon[data-v-49842d46]{align-items:center;animation:float-49842d46 3s ease-in-out infinite;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);height:80px;width:80px}@keyframes float-49842d46{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title[data-v-49842d46]{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:var(--spacing-md)}.hero-description[data-v-49842d46]{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1.6;margin-left:auto;margin-right:auto;max-width:600px}.features-grid[data-v-49842d46]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:0 auto;max-width:700px}.feature-badge[data-v-49842d46]{align-items:center;animation:slideInUp .6s ease-out backwards;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.feature-badge[data-v-49842d46]:hover{border-color:#ffffff4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon[data-v-49842d46]{font-size:var(--font-size-lg)}.download-section[data-v-49842d46]{padding:var(--spacing-xl) 0}.download-card[data-v-49842d46]{animation:slideInUp .8s ease-out;margin:0 auto;max-width:700px}.download-form[data-v-49842d46]{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group[data-v-49842d46]{display:flex;gap:var(--spacing-xs);position:relative}.input-group .input[data-v-49842d46]{flex:1;padding-right:60px}.btn-paste[data-v-49842d46]{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:all var(--transition-base)}.btn-paste[data-v-49842d46]:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;color:var(--color-text-primary)}.btn-paste[data-v-49842d46]:disabled{cursor:not-allowed;opacity:.5}.btn-download[data-v-49842d46]{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);width:100%}.loading-content[data-v-49842d46]{align-items:center;display:flex;gap:var(--spacing-sm)}.help-text[data-v-49842d46]{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--spacing-md) 0 0;text-align:center}.warning-message[data-v-49842d46]{align-items:flex-start;animation:slideInUp .5s ease-out;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.warning-icon[data-v-49842d46]{align-items:center;color:#fbbf24;display:flex;flex-shrink:0}.warning-text[data-v-49842d46]{color:var(--color-text-primary);flex:1;font-size:var(--font-size-sm);line-height:1.5;margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.footer{background:var(--color-bg-secondary);border-top:1px solid hsla(0,0%,100%,.1);margin-top:auto;padding:var(--spacing-xl) 0}.footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);text-align:center}.footer-disclaimer{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center}