@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%;scroll-behavior:smooth}:root{--color-bg-base:#0a0e14;--color-bg-primary:#0d1117;--color-bg-secondary:#151b23;--color-bg-tertiary:#1c2333;--color-bg-elevated:#212a3a;--color-bg-input:#0d1117;--color-bg-hover:rgba(88,166,255,0.06);--color-border:#2a3140;--color-border-subtle:#1e2530;--color-border-active:#58a6ff;--color-border-hover:#3d4a5c;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-text-tertiary:#6e7681;--color-text-link:#58a6ff;--color-text-inverse:#0d1117;--color-accent-blue:#2f81f7;--color-accent-blue-hover:#4192ff;--color-accent-cyan:#3fb8d2;--color-accent-green:#3fb950;--color-accent-green-soft:rgba(63,185,80,0.12);--color-accent-orange:#d29922;--color-accent-red:#f85149;--color-accent-red-soft:rgba(248,81,73,0.12);--color-accent-purple:#a371f7;--gradient-hero:linear-gradient(135deg,#2f81f7,#3fb8d2 50%,#a371f7);--gradient-card:linear-gradient(145deg,rgba(47,129,247,0.08),rgba(63,184,210,0.04));--gradient-subnav:linear-gradient(180deg,#151b23,#131920);--font-family-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--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;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.25);--shadow-lg:0 8px 24px rgba(0,0,0,0.3);--shadow-xl:0 16px 48px rgba(0,0,0,0.35);--shadow-glow-blue:0 0 20px rgba(47,129,247,0.15);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.04);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:40;--z-modal:100;--z-toast:1000;--max-width:1320px;--header-height:60px;--subnav-height:42px}[data-theme=light]{--color-bg-base:#f0f3f6;--color-bg-primary:#ffffff;--color-bg-secondary:#f6f8fa;--color-bg-tertiary:#edf0f4;--color-bg-elevated:#ffffff;--color-bg-input:#ffffff;--color-bg-hover:rgba(47,129,247,0.04);--color-border:#d1d9e0;--color-border-subtle:#e8ecf0;--color-border-active:#2f81f7;--color-border-hover:#b0b8c1;--color-text-primary:#1f2328;--color-text-secondary:#656d76;--color-text-tertiary:#8b949e;--color-text-link:#0969da;--color-text-inverse:#ffffff;--color-accent-blue:#0969da;--color-accent-blue-hover:#0550ae;--gradient-hero:linear-gradient(135deg,#0969da,#0ea5e9 50%,#7c3aed);--gradient-card:linear-gradient(145deg,rgba(9,105,218,0.04),rgba(14,165,233,0.02));--gradient-subnav:linear-gradient(180deg,#edf0f4,#e8ecf0);--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.1);--shadow-xl:0 16px 48px rgba(0,0,0,0.12);--shadow-glow-blue:0 0 20px rgba(9,105,218,0.1);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.8)}body{font-family:var(--font-family-ui);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-2xl)}h2,h3{margin-bottom:var(--space-3)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:focus-visible,a:hover{color:var(--color-accent-blue-hover)}code,pre{font-family:var(--font-family-mono)}.header{border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(13,17,23,.88)}[data-theme=light] .header{background:rgba(255,255,255,.88)}.header-inner{height:var(--header-height);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.header-inner,.logo{display:flex;align-items:center;gap:var(--space-2)}.logo{flex-shrink:0;margin-right:var(--space-4)}.logo,.logo:hover{text-decoration:none}.logo-icon{background:var(--gradient-hero);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:white;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.logo-icon,.logo-mark{width:34px;height:34px}.logo-mark{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(47,129,247,.22))}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.logo-text .gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav{display:flex;align-items:center;gap:1px;overflow:visible;scrollbar-width:none;flex:1 1;-ms-overflow-style:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:5px;padding:6px 10px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;font-family:inherit}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-hover);text-decoration:none}.nav-link.active{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link svg{width:15px;height:15px;flex-shrink:0;opacity:.7}.language-menu,.nav-menu{position:relative}.nav-menu:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;display:none}.nav-menu.open:after,.nav-menu:hover:after{display:block}.language-popover,.mega-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;display:none;gap:var(--space-5);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown)}.nav-menu-wide .mega-menu{left:auto;right:0;width:min(760px,calc(100vw - 32px));max-height:min(620px,calc(100vh - var(--header-height) - 28px));overflow-y:auto;grid-template-columns:repeat(4,minmax(150px,1fr))}.language-menu:focus-within .language-popover,.language-menu:hover .language-popover,.nav-menu.open .mega-menu,.nav-menu:focus-within .mega-menu,.nav-menu:hover .mega-menu{display:flex}.nav-menu-wide.open .mega-menu,.nav-menu-wide:focus-within .mega-menu,.nav-menu-wide:hover .mega-menu{display:grid}.mega-menu-col{min-width:180px;display:grid;gap:var(--space-2)}.mega-menu-title{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.language-option,.mega-menu a{display:block;padding:7px 8px;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.mega-menu a:hover{color:var(--color-text-primary);background:var(--color-bg-hover);text-decoration:none}.mega-menu-all{margin-top:var(--space-1);color:var(--color-text-link)!important;font-weight:var(--font-weight-medium)}.language-popover{left:auto;right:0;min-width:180px;flex-direction:column;gap:2px}.language-code{font-size:11px;font-family:var(--font-family-mono);letter-spacing:0}.language-toggle{width:auto;min-width:38px;padding:0 10px;gap:0}.language-toggle svg{display:none}.language-option.active{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.language-option.disabled{opacity:.55}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md)}.subnav{background:var(--gradient-subnav);border-bottom:1px solid var(--color-border);position:sticky;top:var(--header-height);z-index:calc(var(--z-sticky) - 1);overflow:hidden}.subnav-inner{display:flex;align-items:center;min-height:var(--subnav-height);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4) 5px;gap:var(--space-1);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--space-4);scrollbar-color:var(--color-border-hover) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.subnav-inner::-webkit-scrollbar{height:6px}.subnav-inner::-webkit-scrollbar-track{background:transparent}.subnav-inner::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}.subnav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--space-2);color:var(--color-accent-blue)}.subnav-icon svg{width:18px;height:18px}.subnav-link{display:flex;align-items:center;flex:0 0 auto;padding:4px 12px;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--transition-fast);border:1px solid transparent}.subnav-link:hover{color:var(--color-text-primary);background:rgba(255,255,255,.04);text-decoration:none}.subnav-link.active{color:var(--color-text-primary);background:var(--color-bg-secondary);border-color:var(--color-border)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.page-content{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.tool-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.tool-section,.tool-title{margin-bottom:var(--space-6)}.tool-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.tool-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.upload-zone{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);text-align:center;background:var(--color-bg-primary);transition:all var(--transition-base);cursor:pointer}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--color-accent-blue);background:rgba(47,129,247,.04);box-shadow:var(--shadow-glow-blue)}.upload-zone.drag-over{transform:scale(1.005)}.upload-zone-icon{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--gradient-hero);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:white}.upload-zone-icon svg{width:28px;height:28px}.upload-zone-text{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-2)}.upload-zone-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.upload-hidden-input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-or{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:var(--space-4) 0;position:relative}.upload-or:after,.upload-or:before{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--color-border)}.upload-or:before{left:0}.upload-or:after{right:0}.upload-url-row{display:flex;gap:var(--space-2)}.input{height:40px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family-ui);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--color-border-active);box-shadow:0 0 0 3px rgba(47,129,247,.15)}.input::placeholder{color:var(--color-text-tertiary)}.input-number{width:90px;text-align:center}.select{height:40px;padding:0 var(--space-8) 0 var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family-ui);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238b949e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--transition-fast)}.select:focus{border-color:var(--color-border-active);box-shadow:0 0 0 3px rgba(47,129,247,.15)}.range-input{width:100%;height:6px;appearance:none;background:var(--color-border);border-radius:var(--radius-full);outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent-blue);cursor:pointer;border:2px solid var(--color-bg-primary)}.trim-editor{padding:var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-2)}.audio-timeline-head,.trim-editor-head{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.trim-range-wrap{position:relative;height:36px}.trim-range-selection,.trim-range-track{position:absolute;top:15px;height:6px;border-radius:var(--radius-full)}.trim-range-track{left:0;right:0;background:var(--color-border)}.trim-range-selection{background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple))}.trim-range{position:absolute;inset:0;width:100%;height:36px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.trim-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:28px;border-radius:var(--radius-sm);background:var(--color-text-primary);border:3px solid var(--color-accent-blue);box-shadow:var(--shadow-md);cursor:grab;pointer-events:auto}.trim-range::-moz-range-thumb{width:18px;height:28px;border-radius:var(--radius-sm);background:var(--color-text-primary);border:3px solid var(--color-accent-blue);box-shadow:var(--shadow-md);cursor:grab;pointer-events:auto}.trim-time-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.trim-time-row label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.options-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.option-row{display:flex;align-items:center;padding:var(--space-2) 0;min-height:40px;gap:var(--space-4)}.option-label{flex:0 0 160px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.option-input{flex:1 1;display:flex;align-items:center;gap:var(--space-2)}.option-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-ui);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.btn svg{width:16px;height:16px}.btn-primary{background:var(--color-accent-blue);color:white}.btn-primary:hover{background:var(--color-accent-blue-hover);box-shadow:var(--shadow-glow-blue);text-decoration:none;color:white}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);text-decoration:none;color:var(--color-text-primary)}.btn-danger{background:var(--color-accent-red);color:white}.btn-danger:hover{background:#e5443d}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn-lg{height:48px;padding:0 var(--space-8);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn.loading,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.output-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.output-header{align-items:center;justify-content:space-between}.output-header,.output-preview{display:flex;margin-bottom:var(--space-4)}.output-preview{justify-content:center;padding:var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:200px;background-image:linear-gradient(45deg,var(--color-bg-tertiary) 25%,transparent 25%),linear-gradient(-45deg,var(--color-bg-tertiary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-bg-tertiary) 75%),linear-gradient(-45deg,transparent 75%,var(--color-bg-tertiary) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.output-preview img,.output-preview video{max-width:100%;max-height:500px;height:auto;border-radius:var(--radius-sm)}.output-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.output-stat{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.output-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.output-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono)}.output-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.progress-container{margin:var(--space-4) 0}.progress-bar{width:100%;height:8px;background:var(--color-border);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--gradient-hero);transition:width var(--transition-base)}.progress-label{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2);margin:var(--space-4) 0}.frame-item{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;cursor:grab;transition:all var(--transition-fast)}.frame-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.frame-item.selected{border-color:var(--color-accent-blue);box-shadow:var(--shadow-glow-blue)}.frame-item img{max-width:100%;max-height:90px;height:auto;border-radius:2px}.frame-index{position:absolute;top:4px;left:4px;font-size:10px;background:rgba(0,0,0,.6);color:white;padding:0 5px;border-radius:3px;line-height:1.6}.frame-delay-input,.frame-index{font-family:var(--font-family-mono)}.frame-delay-input{width:60px;height:24px;font-size:11px;text-align:center;margin-top:4px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary)}.file-preview{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-4);min-width:0}.file-preview-thumb{width:80px;height:60px;flex:0 0 80px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle)}.file-preview-info{flex:1 1;min-width:0}.file-preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.file-preview-remove{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.file-preview-remove:hover{color:var(--color-accent-red);background:var(--color-accent-red-soft)}.audio-timeline-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.audio-timeline-track{display:flex;min-height:76px;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary)}.audio-timeline-segment{min-width:120px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px var(--space-2);align-content:center;padding:var(--space-3);border-right:1px solid var(--color-border-subtle);background:linear-gradient(180deg,rgba(47,129,247,.14),rgba(163,113,247,.08));overflow:hidden}.audio-timeline-segment:last-child{border-right:none}.audio-timeline-segment span{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);font-family:var(--font-family-mono);grid-row:span 2}.audio-timeline-segment span,.audio-timeline-segment strong{color:var(--color-text-primary);font-size:var(--font-size-xs)}.audio-timeline-segment strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-timeline-segment em{font-style:normal}.audio-timeline-note,.audio-timeline-segment em{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.audio-timeline-note{margin-top:var(--space-2)}.hero{text-align:center;padding:var(--space-16) var(--space-4) var(--space-12);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(47,129,247,.08) 0,transparent 70%);pointer-events:none}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-4);line-height:1.1;position:relative}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}.tool-search{position:relative;z-index:1;width:min(620px,calc(100vw - 32px));margin:var(--space-2) auto var(--space-4);display:flex;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-4);color:var(--color-text-tertiary);background:var(--color-bg-input);border:1px solid var(--color-border-active);border-radius:var(--radius-lg);box-shadow:0 0 0 4px rgba(47,129,247,.08),var(--shadow-md)}.tool-search:focus-within{border-color:var(--color-border-active);box-shadow:0 0 0 4px rgba(47,129,247,.14),var(--shadow-lg)}.tool-search input{min-width:0;flex:1 1;height:100%;border:0;outline:0;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family-ui)}.tool-search input::placeholder{color:var(--color-text-tertiary)}.tool-search-clear{width:30px;height:30px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer}.tool-search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tool-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:min(360px,48vh);overflow-y:auto;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:left}.tool-search-suggestion{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none}.tool-search-suggestion:hover{background:var(--color-bg-hover);text-decoration:none}.tool-search-suggestion span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium)}.tool-search-empty,.tool-search-suggestion em{flex-shrink:0;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-style:normal}.tool-search-empty{padding:10px 12px;text-align:center}.hero-cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.tool-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:760px;margin:var(--space-12) auto}.tool-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-base)}.tool-card:hover{border-color:var(--color-accent-blue);box-shadow:var(--shadow-glow-blue);transform:translateY(-3px);text-decoration:none}.tool-card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--gradient-card);border:1px solid var(--color-border);color:var(--color-accent-blue)}.tool-card-icon svg{width:26px;height:26px}.tool-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.tool-card-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;line-height:var(--line-height-normal)}.all-tools-section{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-4)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-8)}.all-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.category-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast)}.category-card:hover{border-color:var(--color-border-hover)}.category-card h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-2)}.category-card h3 svg{width:16px;height:16px;color:var(--color-accent-blue)}.category-card ul{list-style:none}.category-card li{padding:3px 0}.category-card a{font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.category-card a:hover{color:var(--color-text-link);text-decoration:none}.hub-page{max-width:1100px}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.hub-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--space-6)}.hub-stats,.hub-tool-grid{display:grid;gap:var(--space-3)}.hub-tool-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.hub-tool-link{display:grid;gap:4px;min-height:104px;padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary)}.hub-tool-link:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover);text-decoration:none}.hub-tool-link span{color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:var(--space-8);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.footer-col h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.footer-col ul{list-style:none}.footer-col li{padding:3px 0}.footer-col a{font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-text-link);text-decoration:none}.footer-brand p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.footer-bottom{max-width:var(--max-width);margin:var(--space-8) auto 0;padding:var(--space-4) var(--space-4) 0;border-top:1px solid var(--color-border-subtle);text-align:center}.footer-bottom,.supported-types{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.supported-types{margin-top:var(--space-3);line-height:var(--line-height-relaxed)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-3)}.alert-info{background:rgba(47,129,247,.08);border:1px solid rgba(47,129,247,.2);color:var(--color-accent-blue)}.alert-success{background:var(--color-accent-green-soft);border:1px solid rgba(63,185,80,.2);color:var(--color-accent-green)}.alert-error{background:var(--color-accent-red-soft);border:1px solid rgba(248,81,73,.2);color:var(--color-accent-red)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent-blue);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.footer-grid,.tool-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--header-height:56px;--subnav-height:40px}.mobile-menu-btn{display:flex}.main-nav{display:none}.main-nav.open{display:flex;flex-direction:column;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-bg-primary);padding:var(--space-4);z-index:var(--z-overlay);overflow-y:auto}.language-menu,.language-popover,.mega-menu,.nav-menu{position:static}.mega-menu,.nav-menu:focus-within .mega-menu,.nav-menu:hover .mega-menu{display:grid;min-width:0;width:100%;box-shadow:none;border-radius:var(--radius-md);margin:0 0 var(--space-2)}.language-menu{display:none}.hero{padding:var(--space-8) var(--space-3)}.hero-title{font-size:var(--font-size-3xl)}.tool-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.option-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.option-label{flex:none}.option-input{width:100%}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.output-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-title{font-size:var(--font-size-2xl)}.output-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:rgba(47,129,247,.3);color:var(--color-text-primary)}