:root{--tool-brand:#1677ff;--tool-brand-hover:#1668e0;--tool-brand-soft:#1677ff14;--tool-text:#1f2937;--tool-text-soft:#5c6773;--tool-text-mute:#7c8794;--tool-border:#0f172a14;--tool-border-strong:#0f172a24;--tool-surface:#fff;--tool-surface-soft:#f7fafee6;--tool-radius-lg:10px;--tool-radius-md:8px;--tool-radius-sm:6px;--tool-shadow:none}.io-black-mode{--tool-brand:#2d8cff;--tool-brand-hover:#4c9dff;--tool-brand-soft:#2d8cff24;--tool-text:#e6ebf1;--tool-text-soft:#a9b1ba;--tool-text-mute:#7b8591;--tool-border:#ffffff0f;--tool-border-strong:#ffffff1f;--tool-surface:#2c2e2f;--tool-surface-soft:#1e2022b3;--tool-shadow:none}.tool-content label{margin-bottom:0;display:block}.tool-switch{background:#0f172a0d;border-radius:999px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a08}.tool-tab{color:var(--tool-text-soft);background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .18s}.tool-tab.active{background:var(--tool-brand);color:#fff;box-shadow:0 6px 16px #1677ff38}.tool-tab:hover{color:var(--tool-text);background:#fff9}.tool-tab.active:hover{color:#fff;background:var(--tool-brand)}.tool-field{margin-bottom:1.25rem}.tool-field:last-child{margin-bottom:0}.tool-field__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.tool-field__label{color:var(--tool-text);letter-spacing:.01em;align-items:baseline;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.tool-field__hint{color:var(--tool-text-mute);font-size:.8rem;font-weight:400}.tool-field__suffix{flex-wrap:wrap;gap:6px;display:inline-flex}.tool-field__desc{color:var(--tool-text-mute);margin:6px 0 0;font-size:.78rem}.tool-label{color:var(--tool-text);font-weight:600}.tool-preview-box{background:linear-gradient(var(--tool-surface-soft), var(--tool-surface-soft)), repeating-conic-gradient(#0f172a08 0% 25%, transparent 0% 50%);border:1px solid var(--tool-border);background-size:auto,20px 20px;border-radius:10px;justify-content:center;align-items:center;min-height:260px;padding:14px;display:flex;overflow:hidden}.tool-preview-image{border-radius:8px;max-width:100%;max-height:280px;display:block;box-shadow:0 4px 12px #0f172a14}.tool-preview-empty{color:var(--tool-text-mute);text-align:center;justify-content:center;align-items:center;width:100%;min-height:220px;font-size:.9rem;display:flex}.tool-toolbar,.tool-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tool-status{min-height:22px;color:var(--tool-text-mute);font-size:.85rem}.tool-status--error{color:#ef4444!important}.tool-disabled{pointer-events:none;opacity:.45}.tool-collapse{border:1px solid var(--tool-border);border-radius:var(--tool-radius-md);background:var(--tool-surface-soft);margin-bottom:1.25rem;overflow:hidden}.tool-collapse__summary{cursor:pointer;color:var(--tool-text);user-select:none;align-items:center;gap:10px;padding:12px 16px;font-weight:600;list-style:none;display:flex}.tool-collapse__summary::-webkit-details-marker{display:none}.tool-collapse__title{font-size:.92rem}.tool-collapse__hint{color:var(--tool-text-mute);margin-left:auto;font-size:.78rem;font-weight:400}.tool-collapse__chevron{color:var(--tool-text-mute);font-size:1.4rem;line-height:1;transition:transform .18s;transform:rotate(90deg)}.tool-collapse[open] .tool-collapse__chevron{transform:rotate(-90deg)}.tool-collapse__body{border-top:1px dashed var(--tool-border);background:var(--tool-surface);padding:4px 16px 16px}.tool-progress{background:#0f172a0f;border-radius:999px;height:8px;overflow:hidden}.tool-progress__bar{background:linear-gradient(90deg, var(--tool-brand), #4c9dff);border-radius:999px;height:100%;transition:width .3s}.tool-audio-row{border-radius:var(--tool-radius-md);background:var(--tool-surface-soft);border:1px solid var(--tool-border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.tool-audio-row__seq{background:var(--tool-brand-soft);min-width:40px;color:var(--tool-brand);font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.tool-audio-row audio{flex:240px;min-width:200px;height:34px}@media (width<=767.98px){.tool-switch{width:100%}.tool-tab{text-align:center;flex:1 1 0}.tool-field__head{flex-direction:column;align-items:flex-start}.tool-audio-row audio{flex-basis:100%}}.io-black-mode .tool-switch{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0a}.io-black-mode .tool-tab{color:var(--tool-text-soft)}.io-black-mode .tool-tab:hover{color:var(--tool-text);background:#ffffff0d}.io-black-mode .tool-tab.active,.io-black-mode .tool-tab.active:hover{background:var(--tool-brand);color:#fff}.io-black-mode .tool-preview-box{background:linear-gradient(var(--tool-surface-soft), var(--tool-surface-soft)), repeating-conic-gradient(#ffffff08 0% 25%, transparent 0% 50%);background-size:auto,20px 20px}.io-black-mode .tool-collapse{background:#ffffff05}.io-black-mode .tool-collapse__body{background:#14161866}.io-black-mode .tool-progress{background:#ffffff14}.tool-page[data-astro-cid-xqrakt4q]{padding-bottom:24px}.tool-panel[data-astro-cid-xqrakt4q]{background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 12px 32px #0f172a14}.io-black-mode[data-astro-cid-xqrakt4q] .tool-panel[data-astro-cid-xqrakt4q]{box-shadow:0 1px 2px #0006,0 14px 40px #00000059}.tool-header[data-astro-cid-xqrakt4q]{border-bottom:1px solid var(--tool-border);background:linear-gradient(var(--tool-surface-soft), var(--tool-surface-soft));padding:1.5rem 1.75rem}.tool-content[data-astro-cid-xqrakt4q]{padding:1.5rem}@media (width>=768px){.tool-header[data-astro-cid-xqrakt4q],.tool-content[data-astro-cid-xqrakt4q]{padding:1.75rem 2rem}}.tool-headline[data-astro-cid-xqrakt4q]{justify-content:space-between;align-items:center;gap:16px;display:flex}.tool-kicker[data-astro-cid-xqrakt4q]{background:var(--tool-brand-soft);color:var(--tool-brand);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.tool-title[data-astro-cid-xqrakt4q]{color:var(--tool-text);font-size:clamp(1.45rem,3vw,2.15rem);font-weight:800;line-height:1.15}.tool-desc[data-astro-cid-xqrakt4q]{max-width:720px;color:var(--tool-text-soft);font-size:.98rem;line-height:1.7}@media (width<=768px){.tool-headline[data-astro-cid-xqrakt4q]{align-items:flex-start;gap:12px}.tool-kicker[data-astro-cid-xqrakt4q]{margin-top:4px}}