@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/InterVariable.woff2)format("woff2")}:root{color:#14211d;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14211d;--green:#176653;--green-hover:#104e3f;--green-soft:#e9f1e9;--forest:#10392e;--muted:#647168;--border:#dce2d9;--surface:#fff;--subtle:#f6f7f2;--text-meta:12px;--text-small:13px;--text-label:14px;--text-body:15px;--text-emphasis:16px;--text-lead:18px;--text-panel:20px;--text-section:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--control-height:44px;--control-small:36px;--page-title:clamp(44px, 4vw, 56px);--home-title:clamp(48px, 4.5vw, 64px);--title-tracking:-.04em;--heading-tracking:-.025em;background:#f6f7f2;font-family:Inter,Noto Sans CJK SC,Microsoft YaHei,PingFang SC,Hiragino Sans,Yu Gothic,sans-serif;font-size:15px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--green);color:#fff;padding:10px var(--space-4);font-size:var(--text-label);cursor:pointer;min-height:var(--control-height);border:1px solid #0000;border-radius:8px;font-weight:600;line-height:22px;transition:background .15s,border-color .15s;display:inline-flex}button:hover,.button:hover{background:var(--green-hover);text-decoration:none}button:disabled{opacity:.42;cursor:not-allowed}button.secondary,.button.secondary{color:var(--ink);background:0 0;border-color:#cdd7cd}button.secondary:hover,.button.secondary:hover{background:var(--green-soft);border-color:#9aae9d}button.icon-button{padding:var(--space-2);min-height:var(--control-small);color:inherit;background:0 0}.icon{vertical-align:middle;flex-shrink:0}:focus-visible{outline-offset:3px;outline:3px solid #7ab994}input,select{color:var(--ink)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select{padding:10px var(--space-3);min-height:var(--control-height);max-width:100%;font-size:var(--text-label);background:#fff;border:1px solid #d5dbd4;border-radius:8px;line-height:22px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--green)}input[type=range]{cursor:pointer;width:100%}input:invalid:not(:placeholder-shown){box-shadow:none}fieldset{border:0;min-width:0;margin:0;padding:0}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:600}h1{font-size:var(--page-title);letter-spacing:var(--title-tracking);text-wrap:balance;margin:0;font-weight:700;line-height:1.12}h2{font-size:var(--text-section);letter-spacing:var(--heading-tracking);margin:0 0 var(--space-6);line-height:1.3}h3{font-size:var(--text-lead);letter-spacing:var(--heading-tracking);line-height:1.4}p{margin:0 0 var(--space-4)}body[data-locale=zh-cn],body[data-locale=ja]{--page-title:48px;--home-title:48px;--title-tracking:0;--heading-tracking:0}body[data-locale=ja]{font-family:Inter,Noto Sans CJK JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}body[data-locale=zh-cn] h1,body[data-locale=ja] h1{line-height:1.25}.site-header{max-width:1296px;padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-12);z-index:10;border-bottom:1px solid var(--border);margin:0 auto;display:flex;position:relative}.brand{align-items:center;gap:var(--space-3);color:var(--ink);letter-spacing:-.035em;white-space:nowrap;font-size:24px;font-weight:700;line-height:32px;display:flex}.brand:hover{text-decoration:none}.mark{color:var(--green);display:inline-flex}.mark .icon{width:34px;height:34px}.header-actions{align-items:center;gap:var(--space-6);flex:1;display:flex}.site-header button{color:var(--ink);min-height:var(--control-small);padding:6px var(--space-2);background:0 0;font-weight:500}.site-header button:hover{background:var(--green-soft)}.how-link{color:var(--ink);font-size:var(--text-label);white-space:nowrap}.language-picker{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.language-picker select{appearance:none;min-height:var(--control-small);width:44px;font-size:var(--text-label);cursor:pointer;background:0 0;border:0;padding:6px 0 6px 2px;font-weight:500}.language-picker>.icon:last-child{pointer-events:none;margin-left:-11px}.share-button{margin-left:4px}.tool-menu{width:680px;max-width:calc(100vw - 48px);padding:var(--space-6);border:1px solid var(--border);background:#fff;border-radius:12px;max-height:calc(100vh - 100px);position:absolute;top:calc(100% - 4px);left:232px;overflow:auto;box-shadow:0 15px 50px #0b2f241f}.search-field{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:7px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field input{outline-offset:0;width:100%;min-width:0;background:0 0!important;border:0!important;padding-left:0!important}.tool-menu .search-field{margin-bottom:var(--space-6)}.tool-menu-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.tool-menu-group h2{font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 var(--space-2);font-weight:600}.tool-menu-group a{gap:var(--space-2);font-size:var(--text-label);padding:var(--space-2);color:var(--ink);border-radius:6px;align-items:center;display:flex}.tool-menu-group a:hover{background:var(--green-soft);text-decoration:none}.menu-footer{gap:var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-6);padding-top:var(--space-4);font-size:var(--text-label);display:flex}.menu-footer a{align-items:center;gap:8px;display:inline-flex}main{max-width:1296px;margin:auto;padding:0 24px}.hero{align-items:center;gap:var(--space-12);margin:var(--space-8) 0 var(--space-6);grid-template-columns:1.1fr 1fr;display:grid}.hero-heading{min-width:0}.hero-accent{color:#0d503e}.hero-intro{padding:var(--space-1) 0 var(--space-1) var(--space-8);margin:var(--space-6) 0 0;font-size:var(--text-lead);color:#56635c;text-wrap:pretty;border-left:1px solid #bfcabf;max-width:520px;line-height:1.6}.eyebrow{font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin:0 0 var(--space-3);font-weight:600;line-height:20px}body[data-tool=frames] h1{font-size:var(--home-title)}body[data-tool=frames] .hero-accent{display:block}.workbench{margin-bottom:var(--space-4);background:#fff;border:1px solid #d5dfd4;border-radius:12px;grid-template-columns:minmax(0,2.17fr) minmax(344px,1fr);display:grid;overflow:hidden}.media-pane{color:#f4faf4;min-width:0;padding:var(--space-6);background:linear-gradient(130deg,#113b30,#102f26);flex-direction:column;display:flex}.media-pane #loaded{width:100%;margin:auto 0}.media-pane .help{color:#b8cdc0}.drop-zone{text-align:center;min-height:408px;padding:var(--space-10) var(--space-4);cursor:pointer;outline-offset:-4px;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.drop-zone:hover,.drop-zone.drag-over{background:#ffffff06}.drop-zone.drag-over{outline:2px dashed #a4c8ae}.upload-icon{color:#c3ddc9;margin:0 0 var(--space-6);line-height:1}.drop-zone h2{color:#f3faf5;font-size:var(--text-section);letter-spacing:var(--heading-tracking);margin:0 0 var(--space-2);line-height:1.3}.drop-zone>p:not(.privacy-note):not(.supported-formats){font-size:var(--text-emphasis);color:#c0d3c7;margin:0 0 var(--space-6)}.drop-zone button{color:#143d2e;min-width:192px;min-height:48px;font-size:var(--text-body);padding:var(--space-3) var(--space-6);background:#c9e0c8}.drop-zone button:hover{background:#d5e9d4}.supported-formats{color:#b4ccbe;font-size:var(--text-small);margin:var(--space-3) 0 0;line-height:20px}.privacy-note{color:#b4ccbe;font-size:var(--text-small);justify-content:center;align-items:center;gap:var(--space-2);max-width:440px;margin:var(--space-6) 0 0;text-wrap:pretty;line-height:20px;display:flex}.empty-ticks{opacity:.3;background:repeating-linear-gradient(90deg,#9bbaa6 0 1px,#0000 1px 14px);border-bottom:1px solid #9bbaa6;width:100%;height:12px;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.settings-pane{padding:var(--space-6);min-width:0}.settings-pane>h2{margin:0 0 var(--space-6);font-size:var(--text-panel);letter-spacing:var(--heading-tracking);font-weight:600;line-height:28px}.file-heading{gap:var(--space-3);margin:0 0 var(--space-4);align-items:center;display:flex}.file-heading>div:not(.file-info){flex:1;min-width:0}.file-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-info>div{min-width:0}.file-heading h2{font-size:var(--text-emphasis);letter-spacing:0;margin:0 0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:24px;overflow:hidden}.file-heading p{font-size:var(--text-small);color:#bad0c3;margin:0;line-height:20px}.file-heading button{font-size:var(--text-small);padding:6px var(--space-3);min-height:var(--control-small);flex-shrink:0}.media-pane button.secondary{color:#e0ede3;background:0 0;border-color:#839f8d}.media-pane button.secondary:hover{background:#ffffff12}.player-stage{background:#0b241e;justify-content:center;align-items:center;width:100%;min-height:120px;margin:0;display:flex;position:relative;overflow:hidden}.player-stage video{object-fit:contain;width:100%;height:auto;max-height:458px;display:block}.player-stage video.audio-player{height:100px}.player-stage #frame-preview{object-fit:contain;pointer-events:none;background:#0b241e;width:100%;height:100%;position:absolute;inset:0}.player-stage canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-controls{align-items:center;gap:var(--space-6);margin:var(--space-3) 0 0;display:flex}.transport{align-items:center;gap:var(--space-1);display:flex}.transport button.secondary{min-height:var(--control-small);padding:var(--space-2);border:0}.transport button .icon{width:18px;height:18px}.scrubber{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.scrubber output{white-space:nowrap;font-size:var(--text-small);font-variant-numeric:tabular-nums;color:#c7d9cd}.media-pane input[type=range]{accent-color:#b5d9bf;height:5px}.edit-transport{align-items:center;gap:var(--space-4);margin:var(--space-3) 0 0;display:flex}.edit-transport button{white-space:nowrap;font-size:var(--text-small);padding:6px var(--space-3);min-height:var(--control-small);flex-shrink:0}.edit-transport input[type=range]{flex:1;min-width:0}.edit-transport output{font-size:var(--text-small);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.selection-box{cursor:move;touch-action:none;border:2px solid #d8f0d9;position:absolute;box-shadow:0 0 0 1px #0a2e1f50}.selection-box:before,.selection-box:after{content:"";pointer-events:none;position:absolute}.selection-box:before{border-top:1px solid #efffef55;border-bottom:1px solid #efffef55;inset:33.333% 0}.selection-box:after{border-left:1px solid #efffef55;border-right:1px solid #efffef55;inset:0 33.333%}.resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;background:#e0f2de;border:2px solid #fff;border-radius:2px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.compare-control{gap:var(--space-4);font-size:var(--text-small);margin-top:var(--space-4);color:#d5e4d9;align-items:center;display:flex}.compare-control label{white-space:nowrap}.option-group{margin:0 0 var(--space-6)}.option-group legend,.field>span{font-size:var(--text-label);margin:0 0 var(--space-2);padding:0;font-weight:500;line-height:20px;display:block}.choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.option-group:has(input[name=aspect]) .choices{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.option-group:has(input[name=targetPreset]) .choices{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice{cursor:pointer;flex:1 0 auto;min-width:64px;max-width:100%;display:inline-flex;position:relative}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice span{text-align:center;min-height:var(--control-height);padding:10px var(--space-3);width:100%;font-size:var(--text-label);color:#58665d;background:#fff;border:1px solid #dbe0d9;border-radius:8px;justify-content:center;align-items:center;font-weight:500;line-height:22px;display:flex}.choice input:checked+span{color:#144c36;background:#ecf3e8;border-color:#8faf96}.choice input:focus-visible+span{outline-offset:2px;outline:3px solid #7ab994}.choice:hover span{border-color:#7eaa8f}fieldset:disabled .choice{cursor:default;opacity:.6}.field{min-width:0;margin:0 0 var(--space-6);flex-direction:column;display:flex}.field input,.field select{width:100%;font-size:var(--text-label)}.field select{font-weight:500}.field input[type=color]{height:var(--control-height);padding:var(--space-1)}.field input[type=file]{font-size:var(--text-small);padding:var(--space-2)}.form-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .field{margin:0}.check{font-size:var(--text-label);align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);line-height:22px;display:flex}.range-field>span{justify-content:space-between;gap:10px;display:flex}.range-field output{color:var(--green);font-weight:400}.primary-action{margin-top:var(--space-6)}.primary-action button{width:100%;min-height:48px;font-size:var(--text-body)}.primary-action button:disabled{color:#6d7e68;opacity:1;background:#e5ebe0}.advanced{padding-top:var(--space-4);margin:var(--space-6) 0 0;border-top:1px solid var(--border);font-size:var(--text-label)}.advanced summary{cursor:pointer;color:#65776a}.help{font-size:var(--text-small);color:var(--muted);margin:var(--space-3) 0 var(--space-6);line-height:20px}.help:empty{display:none}.field+.help,.option-group+.help{margin-top:calc(-1 * var(--space-4))}.empty-help,.choose-hint{text-align:center;font-size:var(--text-small);margin-bottom:0}.settings-summary{font-size:var(--text-label);border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-6);color:var(--green);font-variant-numeric:tabular-nums;line-height:22px}.notice{padding:var(--space-3) var(--space-4);background:var(--green-soft);color:var(--green);font-size:var(--text-small);border-radius:8px;line-height:20px}.status{font-size:var(--text-small);color:var(--muted);text-align:center;margin:var(--space-3) 0 0;overflow-wrap:anywhere;line-height:20px}.status:empty{display:none}.error{color:#ac442f}.progress-area{margin:var(--space-6) 0 var(--space-3)}progress{width:100%;height:5px;accent-color:var(--green);border:0;border-radius:6px;display:block}progress::-webkit-progress-bar{background:#e0e9de;border-radius:6px}progress::-webkit-progress-value{background:var(--green);border-radius:6px}.cancel-row{text-align:center;margin-top:var(--space-3)}.cancel-row:has([hidden]){display:none}.cancel-row button{min-height:var(--control-small);font-size:var(--text-small);padding:6px var(--space-4)}.trim-timeline{background:var(--green-soft);border-radius:5px;gap:5px;padding:8px;display:grid}body[data-tool=trim] .trim-timeline{display:none}.actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.actions.compact{gap:var(--space-2);margin:calc(-1 * var(--space-3)) 0 var(--space-6)}.actions.compact button{min-height:var(--control-small);font-size:var(--text-small);padding:6px var(--space-2);flex:1}.queue-workbench .media-pane #loaded{margin:0}.file-queue{margin:var(--space-2) 0 0;border-top:1px solid #56745f}.queue-item{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid #466451;align-items:center;display:flex}.queue-number{color:#adc4b4;font-size:var(--text-meta)}.queue-thumb{background:#214b3c;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:112px;height:72px;display:flex;overflow:hidden}.queue-thumb video{object-fit:contain;width:100%;height:100%}.queue-info{flex:1;min-width:0}.queue-info strong{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:24px;display:block;overflow:hidden}.queue-info small{color:#bad0c3;font-size:var(--text-small);margin-top:var(--space-1);line-height:20px;display:block}.queue-state{align-items:center;gap:var(--space-1);color:#bdd7c6;font-size:var(--text-small);max-width:25%;line-height:20px;display:inline-flex}.queue-state.error{color:#f8bbab}.queue-actions{color:#bad1c1;gap:1px;display:flex}.queue-progress{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-meta);color:#c1ddc8;display:flex}.queue-progress progress{height:3px}.queue-progress progress::-webkit-progress-bar{background:#355948}.queue-progress progress::-webkit-progress-value{background:#b2d8b8}.output-pending{color:var(--muted);padding:var(--space-6);border:1px dashed #cfd9cc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:104px;display:flex}.output-pending p{font-size:var(--text-label);margin:var(--space-2) 0 0}.results-panel{margin:var(--space-8) 0}.results-head{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.results-head h2{font-size:var(--text-section);margin:0}.results-head h2 span{font-size:var(--text-small);min-width:28px;height:28px;margin-left:var(--space-2);background:var(--green-soft);color:var(--green);vertical-align:middle;letter-spacing:0;border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.results-head button{min-height:40px;font-size:var(--text-label);padding:8px var(--space-4)}.results{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.frame{border:1px solid var(--border);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.frame>img{aspect-ratio:16/9;object-fit:contain;background:#102f26;width:100%;display:block}.frame-caption{padding:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.frame-caption strong{font-size:var(--text-body);font-variant-numeric:tabular-nums;font-weight:600}.frame-details{font-size:var(--text-small);color:var(--muted);margin-top:var(--space-1);line-height:20px}.frame-details summary{cursor:pointer}.frame-details p{margin:8px 0 0;line-height:1.7}.frame-download{color:#1c4732;padding-top:3px}.frame-download .icon{width:21px;height:21px}.output-list{gap:var(--space-4);display:grid}.output-card{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:minmax(170px,260px) 1fr;align-items:center;display:grid;overflow:hidden}.output-preview{object-fit:contain;background:#12352a;width:100%;min-height:110px;max-height:190px;display:block}.output-card audio{min-height:75px;padding:8px}.output-info{padding:var(--space-6)}.output-info p{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-small);color:var(--muted)}.output-info .button,.output-info button{min-height:var(--control-small);font-size:var(--text-label);padding:6px var(--space-3)}.result-select{align-items:center;gap:var(--space-2);font-size:var(--text-body);word-break:break-word;display:flex}.continue-panel{margin:var(--space-6) 0 0;padding:var(--space-6) 0;border-top:1px solid var(--border)}.continue-panel h3{margin:0 0 var(--space-2)}.continue-panel>p{color:var(--muted);font-size:var(--text-label)}.continue-tools{gap:var(--space-2);flex-wrap:wrap;display:flex}.continue-tools button{font-size:var(--text-small);padding:6px var(--space-3);min-height:var(--control-small);border-color:#dce3d7}.trust-badges{padding:var(--space-4) 0;font-size:var(--text-label);border-bottom:1px solid var(--border);justify-content:center;align-items:center;margin:0;display:flex}.trust-badges>span{align-items:center;gap:var(--space-3);padding:0 var(--space-10);border-right:1px solid var(--border);display:flex}.trust-badges>span:last-child{border-right:0}.trust-badges .icon{color:#244f39;width:22px;height:22px}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 0 var(--space-4);display:flex}.section-heading h2{margin:0}.section-heading>a{align-items:center;gap:var(--space-2);white-space:nowrap;font-size:var(--text-label);color:var(--ink);display:inline-flex}.related-tools{margin:var(--space-8) 0 var(--space-12)}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border);color:var(--ink);min-width:0;display:flex}.tool-row+.tool-row{border-left:1px solid var(--border)}.tool-row:nth-child(3n+1){border-left:0}.tool-row:hover{background:#eaf0e660;text-decoration:none}.tool-row-icon{padding-top:var(--space-1);color:#183e2c;display:flex}.tool-row-icon .icon{width:32px;height:32px}.tool-row-copy{flex-direction:column;flex:1;min-width:0;display:flex}.tool-row-copy strong{font-size:var(--text-emphasis);font-weight:600;line-height:24px}.tool-row-copy>span{font-size:var(--text-label);color:var(--muted);margin-top:var(--space-2);text-wrap:pretty;line-height:22px}.tool-row-arrow{padding-top:var(--space-1);align-items:center;display:flex}.how-to,.faq,.about,.content-grid{margin:var(--space-12) 0}.how-to{padding:var(--space-8) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.how-to h2{margin:0 0 var(--space-6)}.how-to ol{gap:var(--space-8);counter-reset:steps;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.how-to li{counter-increment:steps;font-size:var(--text-body);color:var(--muted);padding-left:var(--space-10);line-height:1.7;position:relative}.how-to li:before{content:"0" counter(steps);font-size:var(--text-panel);color:#38704e;font-weight:500;position:absolute;top:0;left:0}.content-grid{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.content-grid h2{margin-bottom:var(--space-4);font-size:24px}.how-to p,.about p,.content-grid p{font-size:var(--text-body);color:var(--muted);line-height:1.7}.faq{max-width:940px}.faq h2{margin-bottom:var(--space-6)}.faq details{border-bottom:1px solid var(--border);padding:var(--space-4) 0}.faq summary{font-size:var(--text-emphasis);cursor:pointer;font-weight:500;line-height:24px}.faq details p{margin:var(--space-3) 0 0;font-size:var(--text-body);color:var(--muted);line-height:1.7}.about{border-top:1px solid var(--border);padding-top:var(--space-6)}.about a{font-size:var(--text-body)}.conversion-catalog{margin:var(--space-8) 0 var(--space-12)}body[data-page=catalog] .trust-badges{display:none}.catalog-controls{gap:var(--space-6);border-bottom:1px solid var(--border);padding-bottom:var(--space-6);flex-direction:column;display:flex}.catalog-search{width:100%;min-height:52px;padding:0 var(--space-4)}.catalog-search input{font-size:var(--text-emphasis)!important;min-height:50px!important}.category-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.category-tabs button{font-size:var(--text-label);min-height:var(--control-height);padding:10px var(--space-4);color:#59685c;background:0 0;border:1px solid #d5ded2;border-radius:8px}.category-tabs button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.catalog-group{margin:var(--space-8) 0}.catalog-group h2{margin:0 0 var(--space-3);font-size:24px;font-weight:600}.catalog-group .tool-row{min-height:120px}.format-group{border-top:1px solid var(--border);padding-top:var(--space-8)}#catalog-empty{color:var(--muted);margin:var(--space-8) 0}.site-footer{max-width:1248px;margin:var(--space-12) auto 0;padding:var(--space-8) 0;border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-small)}.site-footer .brand{font-size:var(--text-panel);gap:var(--space-2);margin-bottom:var(--space-6)}.site-footer nav{gap:var(--space-3) var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.site-footer nav a{color:#617260}.site-footer p{margin:var(--space-1) 0;font-size:var(--text-small)}.no-js-languages{flex-wrap:wrap;gap:13px;max-width:1248px;margin:15px auto;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=1100px){.site-header{gap:var(--space-6)}.hero{gap:var(--space-8)}.hero-intro{padding-left:var(--space-6)}.media-pane{padding:var(--space-4)}.trust-badges>span{padding:0 var(--space-6)}.tool-row{padding:var(--space-4);gap:var(--space-3)}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-row:nth-child(n){border-left:0}.tool-row:nth-child(2n){border-left:1px solid var(--border)}.player-controls{gap:var(--space-2);flex-wrap:wrap}.scrubber{flex-basis:100%}.queue-thumb{width:88px;height:56px}.site-footer{margin-left:var(--space-6);margin-right:var(--space-6)}}@media (width<=800px){:root{--page-title:40px;--home-title:44px}body[data-locale=zh-cn],body[data-locale=ja]{--page-title:36px;--home-title:40px}.site-header{gap:var(--space-4)}.header-actions{gap:var(--space-3)}.how-link{display:none}.tool-menu{left:var(--space-6)}.hero{gap:var(--space-4);margin:var(--space-8) 0 var(--space-6);grid-template-columns:1fr}.hero-intro{font-size:var(--text-emphasis);max-width:600px;padding-left:var(--space-4);margin:0}.workbench{grid-template-columns:1fr}.drop-zone{min-height:336px;padding:var(--space-8) var(--space-4)}.trust-badges{gap:var(--space-4);flex-wrap:wrap}.trust-badges>span{padding:0 var(--space-2);border:0}.how-to ol,.content-grid{gap:var(--space-6);grid-template-columns:1fr}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.results-head{flex-wrap:wrap}.tool-row{gap:var(--space-3)}.tool-row-arrow{display:none}.output-card{grid-template-columns:1fr}}