.codec-tool[data-astro-cid-2atee4s5]{margin-bottom:115px;padding:0 24px 27px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 95% 0,rgba(139,124,255,.13),transparent 30%),#10141c;box-shadow:0 40px 100px #00000047}.codec-toolbar[data-astro-cid-2atee4s5]{min-height:72px;display:flex;align-items:center;justify-content:space-between;margin:0 -24px 24px;padding:12px 20px;border-bottom:1px solid var(--line)}.mode-switch[data-astro-cid-2atee4s5]{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0b0e14}.mode-switch[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5]{min-height:38px;padding:0 18px;border:0;border-radius:8px;color:#747d89;background:transparent;font:9px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.mode-switch[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5].active{color:#11140d;background:var(--acid);font-weight:800}.codec-body[data-astro-cid-2atee4s5]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.codec-panel[data-astro-cid-2atee4s5]{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0b0e14}.panel-label[data-astro-cid-2atee4s5]{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);color:#838c98;font:8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.panel-label[data-astro-cid-2atee4s5] label[data-astro-cid-2atee4s5]{color:#c6cbd1}.codec-panel[data-astro-cid-2atee4s5] textarea[data-astro-cid-2atee4s5]{width:100%;min-height:300px;display:block;resize:vertical;padding:18px;border:0;outline:0;color:#eef0eb;background:transparent;font:15px/1.65 var(--font-mono)}.codec-panel[data-astro-cid-2atee4s5] textarea[data-astro-cid-2atee4s5]::placeholder{color:#4f5865}.codec-panel[data-astro-cid-2atee4s5]:focus-within{border-color:#61dfce80;box-shadow:0 0 0 3px #61dfce12}.codec-results[data-astro-cid-2atee4s5]{min-height:300px;max-height:500px;overflow:auto;padding:8px}.codec-row[data-astro-cid-2atee4s5]{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:12px;padding:11px 10px;border-radius:9px}.codec-row[data-astro-cid-2atee4s5]:hover{background:#ffffff09}.codec-row[data-astro-cid-2atee4s5]>span[data-astro-cid-2atee4s5]{color:#4e5864;font:8px var(--font-mono)}.codec-row[data-astro-cid-2atee4s5] code[data-astro-cid-2atee4s5]{overflow-wrap:anywhere;color:var(--mint);font:13px/1.5 var(--font-mono)}.codec-row[data-astro-cid-2atee4s5] code[data-astro-cid-2atee4s5].has-error{color:#ff9581}.tool-actions[data-astro-cid-2atee4s5]{display:flex;gap:9px;margin-top:15px}.tool-actions[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5]{min-height:43px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:#bdc3cb;background:#ffffff09;font:9px var(--font-mono);text-transform:uppercase;cursor:pointer}.tool-actions[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5]:hover{border-color:var(--mint)}.tool-actions[data-astro-cid-2atee4s5] .action-primary[data-astro-cid-2atee4s5]{display:flex;gap:22px;color:#10140c;background:var(--acid);border-color:var(--acid);font-weight:800}.action-status[data-astro-cid-2atee4s5]{min-height:20px;margin:10px 2px 0;color:var(--mint);font:9px var(--font-mono)}.codec-note[data-astro-cid-2atee4s5]{display:flex;gap:18px;margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:11px;color:#7d8793;font-size:12px;line-height:1.6}.codec-note[data-astro-cid-2atee4s5] strong[data-astro-cid-2atee4s5]{color:#eef0eb;white-space:nowrap}.codec-note[data-astro-cid-2atee4s5] code[data-astro-cid-2atee4s5]{color:var(--mint);font-family:var(--font-mono)}@media(max-width:750px){.codec-tool[data-astro-cid-2atee4s5]{width:calc(100% - 20px);padding:0 12px 17px;margin-bottom:80px}.codec-toolbar[data-astro-cid-2atee4s5]{align-items:flex-start;flex-direction:column;gap:13px;margin:0 -12px 15px;padding:12px}.mode-switch[data-astro-cid-2atee4s5]{width:100%}.mode-switch[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5]{flex:1}.codec-body[data-astro-cid-2atee4s5]{grid-template-columns:1fr}.codec-panel[data-astro-cid-2atee4s5] textarea[data-astro-cid-2atee4s5],.codec-results[data-astro-cid-2atee4s5]{min-height:190px}.tool-actions[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5]{flex:1}.codec-note[data-astro-cid-2atee4s5]{display:block}.codec-note[data-astro-cid-2atee4s5] strong[data-astro-cid-2atee4s5]{display:block;margin-bottom:7px}}.codec-tool[data-astro-cid-2atee4s5]{margin-bottom:60px}@media(max-width:750px){.codec-tool[data-astro-cid-2atee4s5]{margin-bottom:42px}.tool-actions[data-astro-cid-2atee4s5]{flex-wrap:wrap}.tool-actions[data-astro-cid-2atee4s5] button[data-astro-cid-2atee4s5]{flex:1 1 calc(50% - 5px)}.tool-actions[data-astro-cid-2atee4s5] .action-primary[data-astro-cid-2atee4s5]{flex-basis:100%}}.info-section[data-astro-cid-qocdtpht]{padding:88px 0 96px;border-bottom:1px solid rgba(17,21,29,.12)}.info-grid[data-astro-cid-qocdtpht]{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(48px,7vw,110px)}.info-intro[data-astro-cid-qocdtpht] h2[data-astro-cid-qocdtpht],.faq-grid[data-astro-cid-qocdtpht] h2[data-astro-cid-qocdtpht]{margin:0;font-size:clamp(38px,4vw,56px);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}.info-intro[data-astro-cid-qocdtpht]>p[data-astro-cid-qocdtpht]:last-child{max-width:520px;margin:25px 0 0;color:#626a70;font-size:15px;line-height:1.75}.tip[data-astro-cid-qocdtpht]{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px;border:1px solid rgba(17,21,29,.15);border-radius:18px;background:#ffffff75}.tip[data-astro-cid-qocdtpht]>span[data-astro-cid-qocdtpht]{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#17352f;background:#61dfce52;font:700 14px var(--font-mono)}.tip[data-astro-cid-qocdtpht] strong[data-astro-cid-qocdtpht]{font-size:17px}.tip[data-astro-cid-qocdtpht] p[data-astro-cid-qocdtpht]{margin:7px 0 0;color:#626a70;font-size:14px;line-height:1.65}.tip[data-astro-cid-qocdtpht] code[data-astro-cid-qocdtpht]{color:#176d60;font-family:var(--font-mono)}.focused-codec-links[data-astro-cid-qocdtpht]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.focused-codec-links[data-astro-cid-qocdtpht] a[data-astro-cid-qocdtpht]{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid rgba(17,21,29,.15);border-radius:13px;color:#15191e;background:#ffffff6b}.focused-codec-links[data-astro-cid-qocdtpht] span[data-astro-cid-qocdtpht]{color:#147b6c;font:8px var(--font-mono);text-transform:uppercase}.faq-section[data-astro-cid-qocdtpht]{padding:96px 0}.faq-grid[data-astro-cid-qocdtpht]{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(48px,7vw,100px)}.faq-grid[data-astro-cid-qocdtpht] details[data-astro-cid-qocdtpht]{border-top:1px solid rgba(17,21,29,.16)}.faq-grid[data-astro-cid-qocdtpht] details[data-astro-cid-qocdtpht]:last-child{border-bottom:1px solid rgba(17,21,29,.16)}.faq-grid[data-astro-cid-qocdtpht] summary[data-astro-cid-qocdtpht]{display:flex;justify-content:space-between;gap:15px;padding:21px 0;cursor:pointer;font-size:16px;font-weight:700;list-style:none}.faq-grid[data-astro-cid-qocdtpht] summary[data-astro-cid-qocdtpht]::-webkit-details-marker{display:none}.faq-grid[data-astro-cid-qocdtpht] summary[data-astro-cid-qocdtpht] span[data-astro-cid-qocdtpht]{font-size:22px}.faq-grid[data-astro-cid-qocdtpht] details[data-astro-cid-qocdtpht] p[data-astro-cid-qocdtpht]{margin:-5px 0 22px;color:#626a70;line-height:1.7}@media(max-width:800px){.info-grid[data-astro-cid-qocdtpht],.faq-grid[data-astro-cid-qocdtpht]{grid-template-columns:1fr;gap:38px}.info-section[data-astro-cid-qocdtpht],.faq-section[data-astro-cid-qocdtpht]{padding:72px 0}.info-intro[data-astro-cid-qocdtpht]>p[data-astro-cid-qocdtpht]:last-child{margin-top:18px}}@media(max-width:520px){.tip[data-astro-cid-qocdtpht]{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px}.tip[data-astro-cid-qocdtpht]>span[data-astro-cid-qocdtpht]{width:34px;height:34px}.focused-codec-links[data-astro-cid-qocdtpht]{grid-template-columns:1fr}.info-intro[data-astro-cid-qocdtpht] h2[data-astro-cid-qocdtpht],.faq-grid[data-astro-cid-qocdtpht] h2[data-astro-cid-qocdtpht]{font-size:clamp(36px,11vw,48px)}}