:root{--bg-primary: #090a0f;--bg-surface: #0e111a;--bg-card: rgba(18, 22, 36, .72);--bg-card-solid: #131726;--bg-card-hover: rgba(26, 32, 52, .85);--bg-glass: rgba(11, 14, 23, .8);--bg-input: rgba(13, 17, 28, .92);--accent-primary: #6366f1;--accent-cyan: #6366f1;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-purple: #a855f7;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #3b82f6 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #4338ca 50%, #2563eb 100%);--accent-glow: rgba(99, 102, 241, .32);--accent-glow-subtle: rgba(99, 102, 241, .15);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverted: #ffffff;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .12);--border-hover: rgba(99, 102, 241, .5);--border-focus: #6366f1;--status-success: #10b981;--status-success-bg: rgba(16, 185, 129, .12);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .12);--status-error: #f43f5e;--status-error-bg: rgba(244, 63, 94, .12);--status-info: #38bdf8;--status-info-bg: rgba(56, 189, 248, .12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 50px rgba(0, 0, 0, .65);--shadow-glow: 0 0 32px var(--accent-glow);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--platform-tiktok: #fe2c55;--platform-instagram: #e1306c;--platform-youtube: #ff0033;--platform-facebook: #1877f2;--platform-reddit: #ff4500;--platform-pinterest: #e60023;--platform-spotify: #1ed760;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--container-max: 1200px;--header-height: 72px}[data-theme=light]{--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-solid: #ffffff;--bg-card-hover: #f1f5f9;--bg-glass: rgba(255, 255, 255, .85);--bg-input: #ffffff;--accent-cyan: #4f46e5;--accent-blue: #2563eb;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--accent-gradient-hover: linear-gradient(135deg, #4338ca 0%, #1d4ed8 100%);--accent-glow: rgba(79, 70, 229, .22);--accent-glow-subtle: rgba(79, 70, 229, .1);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverted: #ffffff;--border-subtle: rgba(15, 23, 42, .08);--border-card: rgba(15, 23, 42, .12);--border-hover: rgba(79, 70, 229, .45);--border-focus: #4f46e5;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.6;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.18),transparent 70%),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(139,92,246,.12),transparent 60%);background-attachment:fixed;overflow-x:hidden}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-blue)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;font-size:1rem}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:800;line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.6rem)}p{color:var(--text-secondary)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container-narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);height:var(--header-height);display:flex;align-items:center}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-logo{display:flex;align-items:center;gap:var(--space-3);font-size:1.35rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em}.brand-logo-icon{width:36px;height:36px;background:var(--accent-gradient);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 16px var(--accent-glow)}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.nav-link{color:var(--text-secondary);font-weight:600;font-size:.95rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0d}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle-btn{padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-card)}.mobile-menu-btn{display:none;padding:10px;border-radius:var(--radius-sm);color:var(--text-primary);background:#ffffff0d;border:1px solid var(--border-subtle)}.hero-section{padding:var(--space-12) 0 var(--space-8);text-align:center}.hero-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;border-radius:var(--radius-full);background:#6366f11f;border:1px solid rgba(99,102,241,.35);box-shadow:0 2px 10px #6366f126;color:var(--accent-cyan);font-size:.85rem;font-weight:700;margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.05em}.hero-title{margin-bottom:var(--space-4)}.hero-title .gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);max-width:680px;margin:0 auto var(--space-8);color:var(--text-secondary)}.extractor-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.extractor-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.8),transparent)}.input-box-wrapper{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-input);border:2px solid var(--border-card);border-radius:var(--radius-lg);padding:8px 8px 8px 20px;transition:all .25s ease}.input-box-wrapper:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 4px #6366f138,0 8px 24px -6px #00000080}.url-input-field{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.05rem;outline:none;min-width:0}.url-input-field::placeholder{color:var(--text-muted)}.btn-paste{padding:10px 16px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.btn-paste:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--border-card)}.btn-analyze{padding:14px 28px;background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;font-weight:700;box-shadow:0 4px 16px var(--accent-glow),inset 0 1px #ffffff40;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:var(--shadow-sm);white-space:nowrap}.btn-analyze:hover:not(:disabled){background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 8px 26px #6366f180,inset 0 1px #ffffff59}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.supported-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4) var(--space-6);margin-top:var(--space-6)}.strip-item{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem;font-weight:600;transition:color .2s}.strip-item:hover{color:var(--text-primary)}.skeleton-loader{display:none;margin-top:var(--space-8);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton-grid{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6)}.skeleton-thumb{width:100%;aspect-ratio:16/9;background:#ffffff0d;border-radius:var(--radius-md)}.skeleton-lines{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.skeleton-line{height:20px;background:#ffffff0f;border-radius:var(--radius-xs)}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.error-banner{display:none;margin-top:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--status-error-bg);border:1px solid var(--status-error);border-radius:var(--radius-md);color:#fecdd3;font-size:.95rem;align-items:center;gap:var(--space-3)}.result-container{display:none;margin-top:var(--space-8)}.result-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);align-items:start}.media-preview-box{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.media-preview-box img{width:100%;height:100%;object-fit:cover}.media-duration-pill{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono)}.media-info-box{display:flex;flex-direction:column;gap:var(--space-4)}.media-meta-badges{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.platform-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff12;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;color:var(--text-primary);border:1px solid var(--border-subtle)}.quality-badge{background:#10b98126;color:#34d399;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;border:1px solid rgba(16,185,129,.3)}.media-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.download-options-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.option-card-recommended{background:linear-gradient(135deg,#6366f11f,#3b82f60f);border:1.5px solid var(--accent-cyan);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.option-label-group h4{font-size:1rem;display:flex;align-items:center;gap:8px}.recommended-tag{background:var(--accent-gradient);color:#fff;font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.option-label-group p{font-size:.82rem;color:var(--text-muted);margin-top:2px}.btn-download-primary{background:var(--accent-gradient);color:#fff;font-weight:700;box-shadow:0 4px 16px var(--accent-glow),inset 0 1px #ffffff40;font-size:.95rem;padding:10px 22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;transition:all .2s;flex-shrink:0}.btn-download-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 15px var(--accent-glow)}.btn-download-secondary{background:#ffffff12;color:var(--text-primary);font-weight:700;font-size:.95rem;padding:10px 22px;border-radius:var(--radius-sm);border:1px solid var(--border-card);display:inline-flex;align-items:center;gap:8px;transition:all .2s;flex-shrink:0}.btn-download-secondary:hover{background:#ffffff1f;border-color:var(--accent-cyan)}.more-formats-details{margin-top:var(--space-3);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.more-formats-details summary{color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;padding:6px 0}.more-formats-details summary:hover{color:var(--accent-cyan)}.extra-formats-list{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.extra-format-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between}.tool-cards-section{padding:var(--space-12) 0}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{margin-bottom:var(--space-3)}.section-header p{max-width:600px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.tool-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:all .25s ease;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tool-icon-box{width:48px;height:48px;border-radius:var(--radius-md);background:#6366f11f;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-4)}.tool-card h3{font-size:1.25rem;margin-bottom:var(--space-2)}.tool-card p{font-size:.95rem;color:var(--text-secondary);flex:1;margin-bottom:var(--space-6)}.tool-card-cta{font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:6px;color:var(--accent-cyan);transition:gap .2s}.tool-card:hover .tool-card-cta{gap:10px}.ad-slot-container{width:100%;margin:var(--space-8) auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.ad-slot-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.ad-slot-placeholder{width:100%;max-width:728px;min-height:90px;background:#ffffff05;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;text-align:center;padding:10px}.ad-slot-rectangle .ad-slot-placeholder{max-width:300px;min-height:250px}.steps-section{padding:var(--space-12) 0;background:#ffffff03;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}.step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);position:relative}.step-number{font-size:2rem;font-weight:900;color:#6366f166;line-height:1;margin-bottom:var(--space-3);font-family:var(--font-mono)}.step-card h4{font-size:1.1rem;margin-bottom:var(--space-2)}.step-card p{font-size:.9rem;color:var(--text-secondary)}.faq-section{padding:var(--space-12) 0}.faq-list{display:flex;flex-direction:column;gap:var(--space-4);max-width:820px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden}.faq-question{width:100%;padding:var(--space-5) var(--space-6);text-align:left;font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:none}.faq-answer{padding:0 var(--space-6) var(--space-5);font-size:.95rem;color:var(--text-secondary);line-height:1.6}.related-tools-section{padding:var(--space-10) 0;border-top:1px solid var(--border-subtle)}.related-chips-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.related-chip{padding:10px 18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:600;font-size:.9rem;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.related-chip:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:#6366f11a}.merger-studio-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.merger-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.merger-tab-btn{flex:1;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-card);background:#ffffff08;color:var(--text-secondary);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.merger-tab-btn.active{background:#6366f12e;color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 20px var(--accent-glow)}.dropzone{border:2px dashed var(--border-card);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;background:#ffffff05;cursor:pointer;transition:all .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-cyan);background:#6366f10d}.tracks-queue-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0}.track-item-card{background:#ffffff08;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.track-drag-handle{color:var(--text-muted);cursor:grab;font-size:1.2rem}.track-meta{flex:1;min-width:0}.track-title{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-sub{font-size:.8rem;color:var(--text-muted)}.track-actions{display:flex;align-items:center;gap:var(--space-2)}.btn-icon-action{padding:6px 10px;border-radius:var(--radius-xs);background:#ffffff0d;color:var(--text-secondary);font-size:.85rem}.btn-icon-action:hover{background:#ffffff1a;color:var(--text-primary)}.btn-icon-action.remove:hover{background:#f43f5e33;color:#f43f5e}.creator-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin:var(--space-6) 0}.creator-asset-card{background:#ffffff08;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center}.creator-asset-icon{font-size:2rem;margin-bottom:var(--space-3);color:var(--accent-cyan)}.site-footer{margin-top:auto;border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-12) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-10)}.footer-brand p{margin-top:var(--space-3);font-size:.9rem;max-width:320px}.footer-col h5{font-size:.95rem;color:var(--text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links-list a{color:var(--text-secondary);font-size:.9rem}.footer-links-list a:hover{color:var(--accent-cyan)}.footer-bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;gap:var(--space-4)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--header-height: 64px}.nav-links{display:none}.mobile-menu-btn{display:block}.input-box-wrapper{flex-direction:column;padding:var(--space-3);gap:var(--space-3)}.url-input-field{width:100%;padding:8px 4px}.btn-paste{width:100%;justify-content:center}.btn-analyze{width:100%;padding:14px}.result-card,.skeleton-grid{grid-template-columns:1fr}.option-card-recommended{flex-direction:column;align-items:stretch}.btn-download-primary,.btn-download-secondary{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr}}.mobile-drawer{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--bg-primary);padding:var(--space-6);z-index:99;display:none;flex-direction:column;gap:var(--space-4);overflow-y:auto}.mobile-drawer.open{display:flex}.mobile-drawer-link{font-size:1.15rem;font-weight:700;color:var(--text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ffffff08}.platform-svg{display:inline-block;vertical-align:middle;flex-shrink:0}.platform-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .2s ease;text-decoration:none}.platform-pill:hover{background:#ffffff14;border-color:var(--border-card);color:var(--text-primary);transform:translateY(-1px)}.platform-badge{display:inline-flex;align-items:center;gap:6px;background:#6366f11f;border:1px solid rgba(99,102,241,.35);color:var(--text-primary);padding:4px 12px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.label-strip{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.spinner-svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:400px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.95rem}.extractor-card{padding:var(--space-4)}.supported-strip{gap:var(--space-2) var(--space-3)}.platform-pill{padding:3px 8px;font-size:.78rem}}