:root{--bg:#fafafd;--surface:#fff;--text:#1a1830;--text-muted:#635d79;--border:#ecebf4;--border-strong:#e0ddee;--brand:#7c3aed;--brand-dark:#6d28d9;--brand-soft:#f3edfe;--radius:16px;--radius-sm:10px;--maxw:1120px;--shadow-sm:0 1px 2px rgba(30,20,60,.05);--shadow:0 4px 14px rgba(30,20,60,.06);--shadow-lg:0 12px 34px rgba(60,30,120,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--text);background:var(--bg);overflow-x:clip;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bg-decor{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);background-image:radial-gradient(960px 420px at 50% -160px,rgba(124,58,237,.06),transparent 72%),linear-gradient(rgba(70,46,120,.022) 1px,transparent 0),linear-gradient(90deg,rgba(70,46,120,.022) 1px,transparent 0);background-size:100% 100%,88px 88px,88px 88px;-webkit-mask-image:linear-gradient(180deg,#000,#000 30%,rgba(0,0,0,.2) 70%,transparent 96%);mask-image:linear-gradient(180deg,#000,#000 30%,rgba(0,0,0,.2) 70%,transparent 96%)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:18px;height:64px;overflow:hidden}.logo{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;font-weight:700;font-size:18px;color:var(--text);white-space:nowrap}.logo:hover{text-decoration:none}.logo .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(124,58,237,.38)}.nav{display:flex;flex:0 1 auto;gap:8px;font-size:15px;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;color:var(--text-muted);padding:7px 13px;border-radius:9px}.nav a:hover{color:var(--text);background:var(--brand-soft);text-decoration:none}.nav-toggle{display:none;flex:0 0 auto;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;margin:0 auto;border-radius:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:700px){.nav-toggle{display:flex}.site-header .inner{position:relative;overflow:visible}.nav{display:none;position:absolute;top:calc(100% + 8px);right:16px;flex-direction:column;gap:4px;min-width:180px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px rgba(30,20,60,.14);overflow:visible}.nav.open{display:flex}.nav a{padding:11px 14px}}.hero{position:relative;text-align:center;padding:40px 0 16px}.hero .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--brand-dark);background:var(--brand-soft);border:1px solid #ddd0fb;padding:5px 14px;border-radius:999px;margin-bottom:20px}.hero h1{font-size:44px;line-height:1.14;margin:0 0 16px;letter-spacing:-1px;font-weight:800}.hero h1 .accent{background:linear-gradient(120deg,#8b5cf6,#6d28d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;max-width:620px;margin:0 auto}.hero p,.trust-row{color:var(--text-muted)}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:24px 0 4px;font-size:14px}.trust-row span{display:inline-flex;align-items:center;gap:7px}.trust-row svg{width:16px;height:16px;color:var(--brand)}.tool-browser{margin:40px 0}.tool-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.tool-tab{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:8px 18px;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.tool-tab:hover{border-color:var(--text-muted)}.tool-tab .tab-count{font-size:12px;font-weight:600;color:var(--text-muted);background:#efedf6;border-radius:999px;padding:0 7px;line-height:18px}.tool-tab.is-active{color:#fff;background:var(--text);border-color:var(--text)}.tool-tab.is-active .tab-count{color:#fff;background:hsla(0,0%,100%,.22)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}a.tool-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#d6c8fb}.tool-card .card-head{display:flex;align-items:center;gap:14px}.tool-card .icon{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.tool-card .icon svg{width:24px;height:24px}.tool-card .head-text{min-width:0}.tool-card .head-text h3{margin:0 0 2px;font-size:16.5px;font-weight:700;color:var(--text);line-height:1.3}.tool-card .cat-tag{font-size:13px;font-weight:600}.tool-card .desc{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.55}.tool-card.coming{opacity:.72;box-shadow:none;background:#fbfbfe}.badge-soon{display:inline-block;font-size:11px;font-weight:500;color:var(--text-muted);background:#efedf6;border-radius:6px;padding:1px 7px;margin-left:6px;vertical-align:middle}.home-section{position:relative;margin:0;padding:72px 0}.home-section:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-section.band-tint:before{background:#f6f4fb}.home-section.band-surface:before{background:var(--surface)}.section-head{text-align:center;margin:0 0 34px}.section-head h2{font-size:27px;font-weight:800;letter-spacing:-.4px;margin:0 0 8px}.section-head p{color:var(--text-muted);font-size:15.5px;margin:0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.feature{text-align:center;padding:8px 12px}.feature .fi{width:52px;height:52px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin:0 auto 14px}.feature .fi svg{width:24px;height:24px}.feature h3{margin:0 0 6px;font-size:16px;font-weight:600}.feature p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.65}.flow{display:flex;gap:0}.flow-step{flex:1 1;text-align:center;padding:0 14px;position:relative}.flow-step:not(:last-child):after{content:"";position:absolute;top:27px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background-image:linear-gradient(90deg,#d6c8fb 0 7px,transparent 7px 13px);background-size:13px 2px}.flow-num{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:19px;font-weight:800;color:var(--brand);background:var(--surface);border:2px solid #ddd0fb;box-shadow:0 6px 16px rgba(124,58,237,.16)}.flow-step h3{margin:0 0 6px;font-size:16px;font-weight:600}.flow-step p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.65}.about-band{text-align:center}.about-band p{color:var(--text-muted);font-size:16px;line-height:1.85;max-width:760px;margin:0 auto}.about-band p strong{color:var(--text)}@media (max-width:680px){.flow{flex-direction:column;gap:22px}.flow-step:not(:last-child):after{display:none}}.tool-page{margin:0 auto 48px;padding:0;background:none;border:none;box-shadow:none}.breadcrumb{margin:30px auto 18px;font-size:13.5px}.breadcrumb,.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--brand)}.tool-hero{display:flex;align-items:center;gap:16px;margin:26px 0 30px}.tool-hero .icon{flex:0 0 auto;width:44px;height:44px;border-radius:13px;padding:4px;display:grid;place-items:center}.tool-hero .icon svg{width:32px;height:32px}.tool-hero h1{font-size:25px;font-weight:800;letter-spacing:-.5px;margin:0}.tool-page>p{color:var(--text-muted);font-size:16.5px;margin-top:0}.tool-section{margin-top:22px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 28px}.section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:0 0 18px}.section-title:before{content:"";width:4px;height:19px;border-radius:2px;background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.source-tip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 0;padding:12px 14px;border-left:4px solid #0ca678;background:#eefaf5;color:#173b31;font-size:14px;line-height:1.65}.source-tip-links{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;white-space:nowrap}.source-tip-sep{color:#5c7f72;font-size:13px}.source-tip a{color:#087f5b;font-weight:700;text-decoration:underline;text-underline-offset:3px}.tool-ui{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;margin:22px 0 8px;box-shadow:0 10px 30px rgba(30,20,60,.06)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 24px;border:2px dashed #d6c8fb;border-radius:16px;background:radial-gradient(420px 160px at 50% 0,rgba(124,58,237,.06),transparent 70%),#fff;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .1s ease}.dropzone:hover{border-color:var(--brand);box-shadow:0 8px 26px rgba(124,58,237,.12)}.dropzone.is-drag{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.006)}.dropzone.is-disabled,.dropzone.is-disabled:hover{cursor:not-allowed;opacity:.55;pointer-events:none;box-shadow:none;transform:none}.dropzone.has-files{align-items:flex-start;text-align:left;padding:22px 24px;min-height:0}.dropzone.has-files .dz-icon{width:44px;height:44px;margin-bottom:2px;box-shadow:0 0 0 6px rgba(124,58,237,.05)}.dropzone.has-files .dz-icon svg{width:22px;height:22px}.dropzone.has-files .dz-title{font-size:15px}.dropzone.has-files .dz-hint{font-size:12px}.dz-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:4px;box-shadow:0 0 0 8px rgba(124,58,237,.06)}.dz-icon svg{width:28px;height:28px}.dz-title{font-size:16px;font-weight:600;color:var(--text)}.dz-link{color:var(--brand);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.dz-hint{font-size:13px;color:var(--text-muted)}.dz-limit{font-size:12px;opacity:.85}.dz-error{margin-top:4px;font-size:13px;color:#e03131;font-weight:600}.dz-warn{font-size:12px;color:#e8590c;opacity:.95}.file-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:10px 12px;box-shadow:var(--shadow-sm);margin-top:16px}.file-row .fr-name{flex:1 1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .fr-size{font-size:12.5px;color:var(--text-muted)}.media-file-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.media-file-list .file-row{margin-top:0}.media-file-row{min-height:46px}.media-file-order{flex:0 0 26px;width:26px;height:26px;display:inline-grid;place-items:center;border-radius:50%;background:#eefaf5;color:#087f5b;font-size:12px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.media-file-actions{display:inline-flex;align-items:center;gap:4px}.icon-link-btn{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);font:inherit;font-size:16px;line-height:1;cursor:pointer}.icon-link-btn:hover:not(:disabled){color:var(--brand);background:var(--brand-soft);border-color:#e1d8fb}.icon-link-btn:disabled{color:#c5bfd7;cursor:not-allowed}.progress{height:8px;background:#eeebfa00;background-color:#efedf6;border-radius:999px;overflow:hidden;margin:16px 0 6px}.progress>i{display:block;height:100%;background:var(--brand);transition:width .2s ease}.progress-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-muted)}.crop-stage{position:relative;margin-top:16px;display:inline-block;max-width:100%;line-height:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crop-video{display:block;max-width:100%;max-height:420px;border-radius:10px;background:#000}.crop-box{position:absolute;border:2px solid var(--brand);box-shadow:0 0 0 100vmax rgba(20,12,40,.45);cursor:move;box-sizing:border-box}.crop-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:var(--brand);border:2px solid #fff;cursor:nwse-resize}.controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.control{display:flex;flex-direction:column;gap:6px;font-size:14px}.control-label{font-weight:600;color:var(--text)}.control select{font:inherit;padding:9px 12px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--text);min-width:180px;cursor:pointer}.control select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,58,237,.15)}.control-num{display:inline-flex;align-items:center;gap:8px}.control-num input{font:inherit;width:96px;padding:9px 12px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--text)}.control-num input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,58,237,.15)}.control-unit{font-size:13px;color:var(--text-muted)}.control-hint{max-width:260px;color:var(--text-muted);font-size:12.5px;line-height:1.55}.btn-mini{font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer}.actions{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.action-hint{color:var(--text-muted);font-size:13px;line-height:1.5}.btn{font:inherit;font-weight:600;font-size:15px;color:#fff;background:var(--brand);border:none;border-radius:11px;padding:12px 28px;cursor:pointer;box-shadow:0 6px 16px rgba(124,58,237,.3);transition:background .12s ease,transform .1s ease,box-shadow .12s ease}.btn:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 8px 22px rgba(124,58,237,.36)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{background:#c3bcd9;box-shadow:none;cursor:not-allowed}.btn-secondary{color:var(--brand);background:#fff;border:1px solid var(--border-strong);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--brand-soft);border-color:#d6c8fb;box-shadow:none}.link-btn{font:inherit;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}.link-btn:hover:not(:disabled){color:var(--brand)}.link-btn:disabled{color:#bbb5cb;cursor:not-allowed}.alert{color:#c0392b;background:#fdecec;border:1px solid #f6d2d2;border-radius:9px;padding:9px 13px;font-size:14px;margin-top:14px}.result-card{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}.result-video{display:block;width:100%;max-height:360px;border-radius:10px;background:#000;margin-bottom:14px}.result-stats{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;color:var(--text-muted)}.result-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px}.calc-field{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:14px}.calc-field>.control-label{font-weight:600}.calc-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.calc-input{font:inherit;width:110px;padding:9px 12px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--text)}.calc-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,58,237,.15)}.calc-input.is-wide{width:150px}.calc-unit{font-size:13px;color:var(--text-muted)}.calc-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{font:inherit;font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.chip:hover{border-color:#c9d6ea;background:#f4f8fd}.chip.is-active{border-color:#1971c2;background:#e7f1fb;color:#1564ab;font-weight:600}.calc-result{margin-top:20px;background:linear-gradient(180deg,#f4f8fd,#fff);border:1px solid #d8e6f5;border-radius:14px;padding:18px 20px;text-align:center}.calc-result .calc-result-label{font-size:13px;color:var(--text-muted)}.calc-result .calc-result-value{font-size:30px;font-weight:700;color:#1564ab;margin:6px 0 2px;line-height:1.2;word-break:break-word}.calc-result .calc-result-sub{font-size:14px;color:var(--text-muted)}.calc-note{margin-top:12px;font-size:13px;color:var(--text-muted);line-height:1.6}.calc-sep{border:none;border-top:1px dashed var(--border-strong);margin:22px 0 4px}.calc-sub-title{font-size:15px;font-weight:700;color:var(--text);margin-top:14px}.codec-result{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 18px;box-shadow:var(--shadow-sm)}.codec-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;gap:0;margin:0}.codec-grid>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border)}.codec-grid>div:last-child,.codec-grid>div:nth-last-child(2):nth-child(odd){border-bottom:none}.codec-grid dt{font-size:13.5px;color:var(--text-muted);margin:0}.codec-grid dd{margin:0;font-size:14.5px;font-weight:600;color:var(--text);text-align:right;word-break:break-word}.codec-hints{margin-top:16px}.codec-hints-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 10px}.codec-hints ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.codec-hint{padding:11px 14px;border-radius:10px;font-size:14px;line-height:1.6;border:1px solid var(--border)}.codec-hint-good{background:#ebfbee;border-color:#c3e6cb;color:#1b6e3a}.codec-hint-warn{background:#fff4e6;border-color:#ffd8a8;color:#9a5a00}.codec-hint-info{background:#f1f3f5;border-color:var(--border-strong);color:var(--text-muted)}.codec-hint-link{display:inline-block;margin-left:6px;font-weight:600;white-space:nowrap;color:inherit;text-decoration:underline;text-underline-offset:2px}@media (max-width:640px){.codec-grid{grid-template-columns:1fr}.codec-grid>div:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--border)}}.preview-card{margin-top:16px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}.compare-audio{width:100%;margin:10px 0 4px}.media-fallback{margin:12px 0;padding:22px 14px;text-align:center;font-size:14px;color:var(--text-muted);background:var(--brand-soft);border:1px dashed #d6c8fb;border-radius:10px}.compare-card{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}.compare-title{margin:0 0 14px;font-size:14px;color:var(--text-muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.compare-col{min-width:0}.compare-badge{display:inline-block;font-size:12.5px;font-weight:600;color:var(--text-muted);background:#f1eef8;border-radius:999px;padding:3px 11px;margin-bottom:10px}.compare-badge.is-after{color:#fff;background:var(--brand)}.compare-media{display:flex;align-items:center;justify-content:center;background:#000;border-radius:10px;overflow:hidden}.compare-media .result-video{margin-bottom:0;max-height:300px}.compare-media .compare-audio{margin:14px;background:transparent}.compare-media .media-fallback{margin:0;width:100%}.compare-meta{margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.compare-meta .meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;border-bottom:1px solid var(--border);padding-bottom:5px}.compare-meta .meta-row:last-child{border-bottom:none}.compare-meta dt{color:var(--text-muted)}.compare-meta dd{margin:0;font-weight:600;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.compare-summary{margin-top:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:15px;font-weight:600;color:var(--text)}.compare-summary.is-good{color:#15803d}.compare-summary .cs-detail{font-weight:400;font-size:13.5px;color:var(--text-muted)}@media (max-width:640px){.compare-grid{grid-template-columns:1fr}.compare-media .result-video{max-height:240px}}.howto-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:18px;gap:18px}.howto-step .num{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:var(--brand);background:var(--brand-soft);margin-bottom:12px}.howto-step h3{margin:0 0 5px;font-size:15.5px;font-weight:600}.howto-step p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.6}.faq{margin:0}.faq>div{padding:18px 2px;border-top:1px solid var(--border)}.faq>div:first-child{border-top:none;padding-top:4px}.faq dt{font-weight:600;font-size:16px;margin:0 0 6px}.faq dd{margin:0;color:var(--text-muted);line-height:1.72}.related{margin-top:22px;background:#f6f4fb}.related .section-title{margin-bottom:6px}.related-sub{margin:0 0 18px;font-size:14px;color:var(--text-muted)}.related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.related-grid .tool-card{padding:16px}.related-grid .tool-card .icon{width:40px;height:40px;border-radius:11px}.related-grid .tool-card .icon svg{width:21px;height:21px}.related-grid .tool-card .head-text h3{font-size:15px}@media (max-width:560px){.related-grid{grid-template-columns:1fr}}.site-footer{background:#18142a;color:#c4bedb;margin-top:0;padding:52px 0 32px}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:28px;gap:28px}.footer-cols h4{font-size:14px;margin:0 0 12px;color:#fff}.footer-cols ul{list-style:none;padding:0;margin:0}.footer-cols li{margin:7px 0}.footer-cols a{font-size:13.5px;color:#9d96bd}.footer-cols a:hover{color:#fff;text-decoration:none}.footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid hsla(0,0%,100%,.1);font-size:13px;color:#8b84a6;text-align:center}.footer-bottom a{color:#b9a7f5}.footer-icp{margin-left:10px}@media (max-width:560px){.footer-icp{display:block;margin-left:0;margin-top:8px}.container{padding:0 16px}.hero h1{font-size:33px}.tool-page{padding:0}.tool-section,.tool-ui{padding:18px 16px}.source-tip{align-items:flex-start;flex-direction:column;gap:8px;margin-top:14px;padding:11px 12px}.source-tip-links{white-space:normal}.media-file-row{align-items:flex-start;flex-wrap:wrap}.media-file-row .fr-name{flex-basis:calc(100% - 40px)}.media-file-actions{margin-left:36px}.guide-summary{padding:16px}.guide-body blockquote{padding:10px 14px}}.guide-page>article>h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:4px 0 14px}.guide-intro{font-size:17px;line-height:1.85;color:var(--text);margin:0 0 20px}.guide-summary{background:var(--brand-soft);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin:0 0 8px}.guide-summary-title{font-size:16px;font-weight:700;margin:0 0 10px}.guide-summary ul{margin:0;padding-left:20px}.guide-summary li{margin:6px 0;line-height:1.7}.guide-body section[id]{scroll-margin-top:80px}.guide-body{--guide-info:#0e7490;--guide-info-bg:#ecfeff;--guide-tip:#047857;--guide-tip-bg:#ecfdf5;--guide-warn:#b45309;--guide-warn-bg:#fff7ed;--guide-neutral-bg:#f8fafc}.guide-body p{font-size:16px;line-height:1.85;color:var(--text);margin:12px 0}.guide-body strong{font-weight:750;color:#171329}.guide-body em{color:var(--text-muted)}.guide-body code{padding:2px 6px;border:1px solid #dde8ee;border-radius:6px;background:#f6fafc;color:#155e75;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;word-break:break-word}.guide-body h3{font-size:17px;font-weight:700;margin:20px 0 8px}.guide-body ol,.guide-body ul{padding-left:22px;line-height:1.8}.guide-body li{margin:6px 0}.guide-body blockquote,.guide-quote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--brand);background:#f6f4fb;border-radius:0 10px 10px 0;color:var(--text);font-size:16px;line-height:1.8}.table-wrap{overflow-x:auto;margin:16px 0;-webkit-overflow-scrolling:touch}.guide-body table{width:100%;min-width:560px;border-collapse:collapse;background:var(--surface);font-size:15px}.guide-body td,.guide-body th{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.guide-body thead th{background:var(--brand-soft);font-weight:700}.guide-body tbody tr:nth-child(2n) td{background:#fcfcff}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:16px 0}.guide-card{min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.guide-card-title{display:block;margin:0 0 6px;color:var(--text);font-size:15px;font-weight:750;line-height:1.45}.guide-card p,.guide-card-desc{margin:0;color:var(--text-muted);font-size:14px;line-height:1.7}.guide-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin:16px 0;padding:0;list-style:none}.guide-kv-item,.guide-kv>li{min-width:0;margin:0;padding:12px 14px;border:1px solid #dfe9e7;border-radius:8px;background:#fbfffd}.guide-kv-key{display:block;margin:0 0 4px;color:var(--guide-tip);font-size:13px;font-weight:750;line-height:1.45}.guide-kv-value{display:block;color:var(--text);font-size:14px;line-height:1.65}.guide-steps{counter-reset:guide-step;margin:16px 0;padding:0;list-style:none}.guide-step,.guide-steps>li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:12px;gap:12px;margin:10px 0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.guide-step-index,.guide-steps>li:before{grid-column:1;grid-row:1/span 2;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:#e7f8f3;color:var(--guide-tip);font-weight:800;line-height:1}.guide-steps>li:before{counter-increment:guide-step;content:counter(guide-step)}.guide-step>:not(.guide-step-index),.guide-steps>li>*{grid-column:2;min-width:0}.guide-step-title{display:block;margin:2px 0 4px;color:var(--text);font-weight:750;line-height:1.45}.guide-step p,.guide-step-desc,.guide-steps>li>p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.7}.guide-callout{--callout-accent:var(--guide-info);--callout-bg:var(--guide-info-bg);--callout-border:#b7e7f1;margin:16px 0;padding:13px 16px;border:1px solid var(--callout-border);border-left:4px solid var(--callout-accent);border-radius:8px;background:var(--callout-bg);color:var(--text)}.guide-callout.is-tip,.guide-callout[data-type=tip]{--callout-accent:var(--guide-tip);--callout-bg:var(--guide-tip-bg);--callout-border:#b8e7d6}.guide-callout.is-warn,.guide-callout[data-type=warn]{--callout-accent:var(--guide-warn);--callout-bg:var(--guide-warn-bg);--callout-border:#fed7aa}.guide-callout-title{display:block;margin:0 0 4px;color:var(--callout-accent);font-size:14px;font-weight:800;line-height:1.45}.guide-callout p{margin:0}.guide-callout p+p{margin-top:8px}.guide-formula{margin:16px 0;padding:14px 16px;overflow-x:auto;border:1px solid #dce6ed;border-radius:8px;background:var(--guide-neutral-bg);color:#123041;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.75}.guide-formula code{padding:0;border:0;background:transparent;color:inherit}.guide-result{margin:16px 0;padding:14px;border:1px solid #d8ede5;border-radius:8px;background:#f7fffb}.guide-result-title{margin:0 0 10px;color:#075f46;font-size:15px;font-weight:800}.guide-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.guide-metric{min-width:0;padding:10px 12px;border:1px solid #d8ede5;border-radius:8px;background:var(--surface)}.guide-metric-label{display:block;color:var(--text-muted);font-size:12.5px;line-height:1.4}.guide-metric-value{display:block;margin-top:3px;color:var(--text);font-size:18px;font-weight:800;line-height:1.3}.guide-body figure,.guide-figure{margin:18px 0}.guide-body figure img,.guide-figure img{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.guide-body figure figcaption,.guide-figure figcaption{margin-top:7px;color:var(--text-muted);font-size:13px;line-height:1.6}.guide-tool-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:14px 16px;border:1px solid #cceee2;border-radius:8px;background:#f3fcf8}.guide-tool-cta-title{display:block;color:#075f46;font-weight:800;line-height:1.45}.guide-tool-cta-desc{display:block;margin-top:3px;color:var(--text-muted);font-size:14px;line-height:1.6}.guide-tool-cta-action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:8px;background:#0f766e;color:#fff;font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap}.guide-tool-cta-action:hover{background:#0b5f59;color:#fff;text-decoration:none}@media (max-width:560px){.guide-cards,.guide-kv,.guide-metrics{grid-template-columns:1fr}.guide-callout,.guide-card,.guide-formula,.guide-kv-item,.guide-kv>li,.guide-result{padding:12px}.guide-step,.guide-steps>li{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px}.guide-step-index,.guide-steps>li:before{width:28px;height:28px;font-size:13px}.guide-tool-cta{align-items:stretch;flex-direction:column;padding:13px}.guide-tool-cta-action{width:100%;white-space:normal;text-align:center}}.guide-refs{padding-left:20px;line-height:1.9}.guide-cta p{font-size:16px;line-height:1.8;margin:0}.guide-cta a{color:var(--brand);font-weight:600;margin:0 2px}.guide-body a,.guide-refs a{color:var(--brand);text-decoration:none}.guide-body a:hover,.guide-cta a:hover,.guide-refs a:hover{color:var(--brand-dark);text-decoration:none}.guide-version{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--border);font-size:13.5px;color:var(--text-muted)}.guide-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.guide-list-link{display:block;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.guide-list-link:hover{border-color:var(--brand);box-shadow:0 8px 24px rgba(60,30,120,.08);transform:translateY(-2px);text-decoration:none}.guide-list-title{display:block;font-size:18px;font-weight:700;color:var(--text)}.guide-badge{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:600;vertical-align:middle}.guide-list-desc{margin-top:6px;font-size:15px;line-height:1.7}.guide-list-date,.guide-list-desc{display:block;color:var(--text-muted)}.guide-list-date{margin-top:8px;font-size:13px}.guide-links{margin-top:8px}.guide-link-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.guide-link-item{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.guide-link-item:hover{border-color:var(--brand);box-shadow:0 6px 18px rgba(60,30,120,.07);transform:translateY(-1px);text-decoration:none}.guide-link-title{display:block;font-size:15.5px;font-weight:700;color:var(--brand-dark)}.guide-link-desc{display:block;margin-top:5px;color:var(--text-muted);font-size:13.5px;line-height:1.65}.sample-page{padding-bottom:20px}.sample-hero{margin:10px 0 24px;padding:28px 0 4px}.sample-kicker{display:inline-flex;align-items:center;margin-bottom:14px;padding:5px 12px;border:1px solid #bee3db;border-radius:999px;background:#effaf7;color:#087f5b;font-size:13px;font-weight:700}.sample-hero h1{max-width:820px;margin:0 0 14px;font-size:34px;line-height:1.22;font-weight:800;letter-spacing:0}.sample-hero p{max-width:860px;margin:0;color:var(--text-muted);font-size:16.5px;line-height:1.85}.sample-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:0 0 22px}.sample-summary>div{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.sample-summary strong{display:block;color:var(--text);font-size:22px;line-height:1.2;font-weight:800}.sample-summary span{display:block;margin-top:5px;color:var(--text-muted);font-size:13px}.sample-note{margin:-4px 0 20px;color:var(--text-muted);font-size:14.5px}.sample-group{margin-top:22px}.sample-group:first-of-type{margin-top:0}.sample-group h3{margin:0 0 10px;color:var(--text);font-size:17px;font-weight:750}.sample-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.sample-table{width:100%;min-width:980px;border-collapse:collapse;font-size:14px}.sample-table td,.sample-table th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.sample-table tbody tr:last-child td{border-bottom:none}.sample-table th{background:#f4f8fb;font-size:13px;font-weight:750;white-space:nowrap}.sample-table td,.sample-table th{color:var(--text)}.sample-table code,.sample-table small{display:block;margin-top:4px;color:var(--text-muted);font-size:12.5px;line-height:1.45}.sample-table code{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.sample-label{display:block;font-weight:700}.sample-download{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:34px;padding:5px 10px;border:1px solid #d7ece4;border-radius:999px;background:#effaf7;color:#087f5b;font-size:12.5px;font-weight:700;white-space:nowrap}.sample-download:hover{border-color:#69b99d;background:#e6f7f2;text-decoration:none}.sample-use-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.sample-use-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.sample-use-card h3{margin:0 0 6px;font-size:16px;font-weight:750}.sample-use-card p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.7}.sample-related{background:#f6f9f8}.sample-link-grid{display:flex;flex-wrap:wrap;gap:10px}.sample-link-grid a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #d7ece4;border-radius:999px;background:#fff;color:#087f5b;font-size:14px;font-weight:700}.sample-link-grid a:hover{border-color:#69b99d;background:#effaf7;text-decoration:none}@media (max-width:720px){.sample-hero h1{font-size:28px}.sample-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-table-wrap{overflow:visible;border:none;border-radius:0;background:transparent}.sample-table{display:block;width:100%;min-width:0;border-collapse:separate;font-size:14px}.sample-table thead{display:none}.sample-table tbody{display:block}.sample-table tr{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.sample-table tr+tr{margin-top:12px}.sample-table td{display:grid;grid-template-columns:76px minmax(0,1fr);grid-gap:3px 12px;gap:3px 12px;align-items:start;padding:10px 14px;border-bottom:1px solid var(--border)}.sample-table td:before{grid-row:1/span 2;color:var(--text-muted);content:attr(data-label);font-size:12px;font-weight:750;line-height:1.5}.sample-table td>code,.sample-table td>small,.sample-table td>span{min-width:0;grid-column:2;text-align:right}.sample-table code,.sample-table small{margin-top:0}.sample-table td:first-child{display:block;order:1;padding:14px}.sample-table td:first-child:before,.sample-table td:last-child:before{display:none}.sample-table td:first-child>code,.sample-table td:first-child>span{display:block;text-align:left}.sample-table td:first-child code{margin-top:6px;word-break:break-all}.sample-table td:nth-child(7){display:block;order:4;border-bottom:none;color:var(--text-muted);font-size:13.5px;line-height:1.65}.sample-table td:nth-child(7):before{display:block;margin-bottom:4px}.sample-table td:last-child{display:block;order:2;padding:12px 14px 14px;border-bottom:1px solid var(--border);background:#f8fcfb}.sample-table td:nth-child(2),.sample-table td:nth-child(3),.sample-table td:nth-child(4),.sample-table td:nth-child(5),.sample-table td:nth-child(6){order:3}.sample-download{width:100%;min-height:46px;border-color:#087f5b;border-radius:12px;background:#087f5b;color:#fff;font-size:15px}.sample-download:hover{border-color:#066649;background:#066649;color:#fff}}@media (max-width:460px){.sample-summary{grid-template-columns:1fr}.sample-summary>div{padding:15px}}.player-modes{display:flex;gap:8px;margin-bottom:14px}.player-url{margin-bottom:4px}.player-url .calc-input.is-wide{width:100%}.player-note{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--text-muted)}.player-bar{flex-wrap:wrap;gap:14px;margin-top:12px}.player-bar,.player-quality{display:flex;align-items:center}.player-quality{gap:8px}.player-quality .calc-input{width:auto;min-width:130px;padding:6px 10px}.player-meta{font-size:13px;color:var(--text-muted)}.paste-area{width:100%;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;resize:vertical}.adv-options{margin:16px 0 4px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.adv-options legend{padding:0 8px;font-size:13.5px;font-weight:700;color:var(--text-muted)}.adv-options label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);padding:5px 0;cursor:pointer}.adv-options input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.parser-result{margin-top:20px}.parser-result .sample-table{min-width:640px}.sample-table tr.is-discontinuity td{background:#fff7ed}.sample-table td .link-btn{margin-left:8px;font-size:12px}