:root{color-scheme:light;--bg:#f6f7f2;--surface-2:#eef2f4;--ink:#161716;--muted:#626a69;--line:#d8dedc;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#d7efea;--danger:#9a3412;--shadow:0 18px 45px rgba(28,34,32,0.09);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--preview-size:700px;--panel-height:762px;--side-panel-width:380px}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--sans);line-height:1.5}button,input{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page{width:min(1440px,100%);margin:0 auto;padding:24px clamp(16px,3vw,36px) 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.brand{display:grid;grid-gap:2px;gap:2px}h1{margin:0;font-size:clamp(1.55rem,3vw,2.6rem);letter-spacing:0;line-height:1.05}.tagline{margin:0;color:var(--muted);font-size:.98rem}.language-toggle{padding:8px 12px;border-radius:8px;border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.language-toggle,.nav-link{min-height:38px;font-size:.9rem;font-weight:800;white-space:nowrap}.nav-link{display:inline-grid;place-items:center;padding:8px 12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);text-decoration:none}.workspace{display:grid;grid-template-columns:var(--side-panel-width) calc(var(--preview-size) + 2px);grid-gap:18px;gap:18px;justify-content:center;align-items:start}.controls,.output-area{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.controls{position:-webkit-sticky;position:sticky;top:16px;width:var(--side-panel-width);height:var(--panel-height);display:grid;align-content:start;grid-gap:18px;gap:18px;overflow:auto;padding:18px}.upload{min-height:170px;display:grid;place-items:center;grid-gap:10px;gap:10px;padding:18px;border:1px dashed #aeb8b5;border-radius:8px;background:#fbfcfa;text-align:center;transition:border-color .16s ease,background .16s ease}.upload.is-over{border-color:var(--accent);background:var(--accent-soft)}.upload strong{display:block;font-size:1rem}.upload span{display:block;color:var(--muted);font-size:.9rem}.file-button{display:inline-grid;min-height:38px;place-items:center;padding:8px 12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.upload .file-button{color:#fff}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preview-wrap{display:none;grid-template-columns:70px 1fr;align-items:center;gap:10px}.preview-wrap.is-visible{display:grid}.preview-wrap img{width:70px;height:70px;border:1px solid var(--line);border-radius:8px;object-fit:cover;background:#fff}.file-meta{min-width:0}.file-name{overflow:hidden;margin:0 0 4px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.file-details{margin:0;color:var(--muted);font-size:.88rem}.control-group{display:grid;grid-gap:12px;gap:12px}.group-title{margin:0;color:var(--ink);font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.slider-row{display:grid;grid-template-columns:108px 1fr 64px;align-items:center;grid-gap:10px;gap:10px}.slider-row label{color:var(--muted)}.slider-row input[type=range]{width:100%;accent-color:var(--accent)}.number-input{width:64px;height:30px;border:1px solid var(--line);border-radius:6px;background:#fbfcfa;color:var(--ink);font-family:var(--mono);font-size:.85rem;text-align:right}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.toggle-row input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.toggle-track{position:relative;width:44px;height:24px;flex:0 0 auto;border:1px solid #bac4c1;border-radius:999px;background:#eef2f4;transition:background .16s ease,border-color .16s ease}.toggle-track:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);content:"";transition:transform .16s ease}.toggle-row input:checked+.toggle-track{border-color:var(--accent);background:var(--accent)}.toggle-row input:checked+.toggle-track:after{transform:translateX(20px)}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.action-button{min-height:40px;border-radius:8px;font-weight:900}.action-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.action-button.full{grid-column:1/-1}.status{min-height:22px;margin:0;color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}.status.is-error{color:var(--danger)}.output-area{width:calc(var(--preview-size) + 2px);height:var(--panel-height);display:grid;grid-template-rows:auto var(--preview-size);overflow:hidden}.output-head{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.output-title{margin:0;font-size:1rem;font-weight:900}.output-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.metrics{color:var(--muted);font-family:var(--mono);font-size:.84rem;white-space:nowrap}.zoom-control{display:inline-flex;align-items:center;gap:6px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fbfcfa}.zoom-button{width:28px;height:28px;border-radius:6px;color:var(--accent-strong);font-weight:900}.zoom-value{min-width:48px;color:var(--ink);font-family:var(--mono);font-size:.82rem;text-align:center}.ascii-scroll{width:var(--preview-size);height:var(--preview-size);overflow:auto;background:#fff}.ascii-frame{position:relative;min-width:100%;min-height:100%;display:grid;place-items:center;padding:28px}.ascii-output{margin:0;color:#111;font-family:var(--mono);font-size:var(--preview-font-size,9px);line-height:1.05;white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ascii-empty{position:absolute;inset:0;display:grid;place-items:center;padding:28px;color:var(--muted);font-family:var(--sans);font-size:.95rem;text-align:center;pointer-events:none}.ascii-measure{position:fixed;left:-10000px;top:-10000px;display:inline-block;visibility:hidden;font-family:var(--mono);font-size:9px;line-height:1.05;white-space:pre;pointer-events:none}.seo-section{width:min(900px,100%);margin:34px auto 0;color:var(--muted)}.seo-section h2{margin:0 0 8px;color:var(--ink);font-size:1.2rem}.seo-section p{margin:0}.hidden-canvas{position:fixed;left:-10000px;top:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}.settings-list{display:grid;grid-gap:8px;gap:8px;margin:0}.settings-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1ef;padding-bottom:8px}.settings-list dt{color:var(--muted);font-size:.9rem}.settings-list dd{margin:0;font-family:var(--mono);font-size:.85rem;text-align:right}@media (max-width:1420px){.page{width:min(760px,100%)}.workspace{grid-template-columns:1fr}.controls,.output-area{position:static;width:min(100%,calc(var(--preview-size) + 2px));height:auto}.output-area{grid-template-rows:auto min(var(--preview-size),70vh)}.ascii-scroll{width:min(var(--preview-size),100%);height:min(var(--preview-size),70vh)}}@media (max-width:640px){.page{padding-inline:12px}.output-head,.output-tools,.topbar{align-items:flex-start;flex-direction:column}.output-tools{width:100%}.slider-row{grid-template-columns:88px 1fr 60px}.ascii-frame{padding:18px}}:root{color-scheme:light dark;--bg:#f4f6f5;--surface:#ffffff;--surface-2:#edf1ef;--surface-3:#e4ebe8;--ink:#17201d;--muted:#65706c;--line:#d7dfdc;--accent:#087f70;--accent-strong:#05685c;--accent-soft:#d9f0eb;--danger:#b54825;--shadow:0 16px 38px rgba(29,45,39,0.08)}@media (prefers-color-scheme:dark){:root{--bg:#111614;--surface:#181f1c;--surface-2:#202925;--surface-3:#29342f;--ink:#eef4f1;--muted:#a6b2ad;--line:#34413c;--accent:#52c8b6;--accent-strong:#76dbcb;--accent-soft:#193c36;--danger:#ff9b78;--shadow:0 18px 44px rgba(0,0,0,0.24)}}html{scroll-behavior:smooth}a{color:inherit}a,button,input,select,summary{outline-offset:3px}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header-inner{width:min(1440px,100%);min-height:68px;margin:0 auto;padding:0 clamp(16px,3vw,36px);display:flex;align-items:center;gap:28px}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:850;text-decoration:none;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--ink);color:var(--surface);font-family:var(--mono);font-size:.78rem}.desktop-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.desktop-nav a{min-height:40px;display:grid;place-items:center;padding:8px 12px;border-radius:7px;color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none}.desktop-nav a.is-active,.desktop-nav a:hover{background:var(--surface-2);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.language-menu{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted)}.language-menu select{max-width:105px;border:0;background:transparent;color:var(--ink);cursor:pointer}.header-cta,.mobile-nav-cta{min-height:40px;display:inline-grid;place-items:center;padding:8px 14px;border-radius:7px;background:var(--accent);color:#fff;font-size:.88rem;font-weight:800;text-decoration:none}.menu-button{display:none;width:42px;height:42px;place-items:center;border-radius:7px}.mobile-nav{display:none}.site-content{min-height:calc(100vh - 68px)}.site-footer{margin-top:84px;border-top:1px solid var(--line)}.site-footer-inner{width:min(1200px,100%);margin:0 auto;padding:44px clamp(18px,4vw,40px);display:flex;justify-content:space-between;gap:50px}.footer-brand{max-width:360px}.footer-brand strong{font-size:1.15rem}.footer-brand p,.footer-copy{color:var(--muted)}.footer-links{display:flex;gap:clamp(40px,8vw,100px)}.footer-links div{display:grid;align-content:start;grid-gap:8px;gap:8px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent-strong)}.footer-copy{width:min(1200px,100%);margin:0 auto;padding:18px clamp(18px,4vw,40px);border-top:1px solid var(--line);font-size:.85rem}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:7px;font-weight:800;text-decoration:none}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.secondary{background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink)}.eyebrow{margin:0 0 10px;color:var(--accent-strong);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-hero{position:relative;min-height:min(680px,76svh);display:flex;align-items:flex-end;overflow:hidden;background:#1a211f}.home-hero>img{object-fit:cover;object-position:center 28%;filter:saturate(.72) contrast(1.05)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,12,.92),rgba(8,14,12,.66) 48%,rgba(8,14,12,.18))}.hero-content{position:relative;z-index:2;width:min(720px,70%);padding:clamp(40px,7vw,92px) max(24px,calc((100vw - 1370px) / 2));color:#fff}.hero-content .eyebrow{color:#81dfd0}.hero-content h1{max-width:680px;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.98}.hero-content>p:not(.eyebrow){max-width:600px;margin:24px 0 0;color:#d8e3df;font-size:clamp(1rem,1.8vw,1.24rem)}.hero-actions{margin-top:30px}.hero-ascii{position:absolute;z-index:2;right:max(24px,calc((100vw - 1370px) / 2));bottom:48px;padding:18px;border:1px solid rgba(255,255,255,.3);background:rgba(5,11,9,.62);color:#b8f0e7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-ascii pre{margin:0;font:13px/1.05 var(--mono)}.section-block{width:min(1200px,100%);margin:0 auto;padding:88px clamp(18px,4vw,40px)}.section-heading{max-width:720px;margin-bottom:36px}.home-cta h2,.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.section-heading>p:last-child{margin:14px 0 0;color:var(--muted);font-size:1.05rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.comparison-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.comparison-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.segmented-control{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:7px}.segmented-control button{min-height:30px;padding:4px 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:.78rem}.segmented-control button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.1)}.comparison-media{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-top:1px solid var(--line);background:#fff}.comparison-media img{object-fit:cover}.comparison-media pre{margin:0;color:#111;font:clamp(7px,.82vw,11px)/1.08 var(--mono);white-space:pre}.ascii-card .comparison-toolbar{justify-content:flex-start}.ascii-card .comparison-media pre{position:absolute;left:50%;top:50%;width:max-content;max-width:none;font-size:9px;line-height:1.05;transform-origin:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.ascii-card-loading{color:#87908d;font:.82rem var(--mono)}.feature-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature-grid article,.process-grid article{padding:24px;border-top:1px solid var(--line)}.process-grid article span{width:44px;height:44px;display:grid;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent-strong)}.process-grid article strong{display:block;margin-top:30px;color:var(--muted);font-family:var(--mono)}.feature-grid article p,.process-grid article p{color:var(--muted)}.section-band{background:var(--surface-2);border-block:1px solid var(--line)}.feature-grid article{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.feature-grid article svg{color:var(--accent)}.feature-grid h3{margin:22px 0 8px}.faq-list{display:grid;grid-gap:10px;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.faq-list summary{min-height:54px;padding:15px 18px;font-weight:800;cursor:pointer}.faq-list details p{margin:0;padding:0 18px 18px;color:var(--muted)}.faq-category-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.faq-category-list span{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:.86rem;font-weight:750}.faq-category-list span,.text-link{display:inline-flex;align-items:center}.text-link{gap:6px;margin-top:22px;color:var(--accent-strong);font-weight:800;text-decoration:none}.home-cta{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:56px;border-radius:8px;background:var(--ink);color:var(--surface);text-align:center}.home-cta p{color:color-mix(in srgb,var(--surface) 70%,transparent)}.home-cta .button{margin-top:12px}.converter-page{width:min(1280px,100%);margin:0 auto;padding:48px clamp(14px,3vw,36px) 30px}.tool-intro{max-width:780px;margin-bottom:28px}.tool-intro h1{font-size:clamp(2rem,4vw,3.5rem)}.tool-intro>p:not(.eyebrow){margin:12px 0 0;color:var(--muted);font-size:1.02rem}.mobile-step-tabs{display:none}.converter-page .workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.converter-page .ascii-scroll,.converter-page .controls,.converter-page .output-area{width:100%}.action-button{align-items:center;justify-content:center}.action-button,.file-button{display:inline-flex;gap:7px}.zoom-button{display:grid;place-items:center}.tool-description{max-width:820px;margin:42px auto 0;padding:28px;border-left:3px solid var(--accent);background:var(--surface-2)}.tool-description h2{margin:0;font-size:1.25rem}.tool-description p{margin:8px 0 0;color:var(--muted)}.video-converter-page{width:min(1280px,100%);margin:0 auto;padding:32px clamp(14px,3vw,36px) 30px}.video-workbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;grid-gap:12px;gap:12px;margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.video-workbar-upload{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-weight:850;cursor:pointer;white-space:nowrap}.video-workbar-summary{min-width:0;display:grid;grid-gap:2px;gap:2px}.video-workbar-summary span,.video-workbar-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-workbar-summary strong{font-size:.9rem}.video-workbar-summary span{color:var(--muted);font-size:.84rem}.video-status-badge{min-height:32px;display:inline-grid;place-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.8rem;font-weight:850;white-space:nowrap}.video-status-badge.is-ready{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--accent-soft);color:var(--accent-strong)}.video-status-badge.is-busy,.video-status-badge.is-warning{border-color:#e8c36a;background:#fff6d6;color:#7a5710}.video-status-badge.is-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger)}.video-workbar-actions{display:flex;align-items:center;gap:8px}.video-status-line{margin:0 0 14px}.video-mobile-actions,.video-mobile-tabs{display:none}.video-tool-grid{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.video-controls{width:100%;height:auto;max-height:none;position:static;overflow:visible;align-self:start}.video-settings-panel{padding:16px}.mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.mode-buttons button{min-height:36px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-weight:800}.mode-buttons button.is-active{background:var(--surface);color:var(--ink)}.video-preview-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.video-settings-fieldset{margin:0;border:0;min-width:0}.detail-control,.timeline-control{display:grid;grid-gap:8px;gap:8px}.detail-control>label,.timeline-head{color:var(--muted);font-size:.92rem}.detail-summary{font-family:var(--mono);font-size:.88rem;color:var(--ink)}.detail-presets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.detail-presets button{min-height:34px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font-weight:800}.detail-presets button.is-active{border-color:var(--accent);color:var(--accent)}.setting-note{margin:0;color:var(--muted);font-size:.84rem}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-track{position:relative;height:16px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}.timeline-selection{position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--accent)}.time-input-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.time-parts-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.time-parts-title{grid-column:1/-1;color:var(--ink);font-size:.85rem;font-weight:850}.time-input-grid label{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.84rem}.time-input{height:34px;border:1px solid var(--line);border-radius:6px;background:#fbfcfa;color:var(--ink);font-family:var(--mono);text-align:center}.timeline-error{margin:0;color:var(--danger);font-size:.86rem}.timeline-actions{display:flex;flex-wrap:wrap;gap:8px}.timeline-ruler{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.78rem}.video-preview-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.video-output-canvas{display:block;width:100%;aspect-ratio:16/9;background:#fff;border-bottom:1px solid var(--line)}.video-progress-summary{margin:0;padding:12px 14px 0;color:var(--muted);font-size:.9rem}.video-playback-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.video-timeline-panel{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.hidden-video{position:fixed;left:-10000px;top:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}.work-dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(16,24,22,.35)}.work-dialog{width:min(420px,100%);display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px}.work-dialog h2{margin:0;font-size:1.05rem}.work-dialog progress{width:100%;height:12px;accent-color:var(--accent)}.work-dialog p{margin:0;color:var(--muted);font-size:.92rem}.work-dialog-note{font-size:.84rem!important}.content-page{width:min(900px,100%);margin:0 auto;padding:72px clamp(18px,4vw,40px)}.content-hero{padding-bottom:36px;border-bottom:1px solid var(--line)}.content-hero h1{font-size:clamp(2.3rem,5vw,4.2rem)}.content-hero p{max-width:680px;color:var(--muted);font-size:1.12rem}.content-body{padding-top:36px}.prose-stack{display:grid;grid-gap:18px;gap:18px;color:var(--muted);font-size:1.04rem}.prose-stack p{margin:0}.inline-button{justify-self:start}.faq-list.large{max-width:800px}.ad-slot{width:min(1100px,calc(100% - 36px));min-height:120px;margin:40px auto;overflow:hidden}.ad-slot .adsbygoogle{display:block;min-height:120px}@media (max-width:1200px){.converter-page .workspace{grid-template-columns:310px minmax(0,1fr)}}@media (max-width:820px){.desktop-nav,.header-cta{display:none}.site-header-inner{min-height:62px}.header-actions{margin-left:auto}.menu-button,.mobile-nav{display:grid}.mobile-nav{grid-gap:4px;gap:4px;padding:10px 16px 16px;border-top:1px solid var(--line);background:var(--surface)}.mobile-nav a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:7px;text-decoration:none}.mobile-nav a:not(.mobile-nav-cta):hover{background:var(--surface-2)}.site-footer-inner{flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-ascii{display:none}.hero-content{width:100%}.feature-grid,.process-grid{grid-template-columns:1fr}.converter-page{padding-top:32px}.mobile-step-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.mobile-step-tabs button{min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.mobile-step-tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px rgba(0,0,0,.1)}.converter-page .workspace{display:flex;flex-direction:column}.converter-page .controls,.converter-page .output-area{width:100%;height:auto;position:static}.converter-page .output-area{grid-template-rows:auto min(64vh,620px)}.converter-page .ascii-scroll{height:min(64vh,620px)}.mobile-step-upload .actions,.mobile-step-upload .control-group,.mobile-step-upload .output-area,.mobile-step-upload .status{display:none}.mobile-step-adjust .output-area,.mobile-step-adjust .preview-wrap,.mobile-step-adjust .upload{display:none!important}.mobile-step-result .output-area{order:1}.mobile-step-result .controls{order:3;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.mobile-step-result .controls>:not(.actions){display:none!important}.mobile-step-result .actions{position:-webkit-sticky;position:sticky;bottom:8px;z-index:20;grid-template-columns:repeat(4,1fr);padding:8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-step-result .actions .full{grid-column:span 2}.video-converter-page{padding-bottom:92px}.video-mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.video-mobile-tabs button{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.86rem;font-weight:800}.video-mobile-tabs button.is-active{background:var(--surface);color:var(--ink)}.video-workbar{grid-template-columns:1fr auto}.video-workbar-upload{grid-column:1/-1;justify-content:center}.video-workbar-summary{min-width:0}.video-workbar-actions{display:none}.video-status-line{font-size:.86rem}.video-tool-grid{display:flex;flex-direction:column}.video-controls{width:100%;position:static;max-height:none;overflow:visible}.video-preview-panel,.video-settings-panel,.video-timeline-panel{width:100%}.video-mobile-step-adjust .video-preview-panel,.video-mobile-step-adjust .video-timeline-panel,.video-mobile-step-preview .video-settings-panel,.video-mobile-step-preview .video-timeline-panel,.video-mobile-step-trim .video-preview-panel,.video-mobile-step-trim .video-settings-panel,.video-mobile-step-upload .video-preview-panel,.video-mobile-step-upload .video-settings-panel,.video-mobile-step-upload .video-timeline-panel{display:none}.video-mobile-actions{position:-webkit-sticky;position:sticky;bottom:8px;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:12px;padding:8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.time-input-grid{grid-template-columns:1fr}}@media (max-width:560px){.language-menu{padding-inline:7px}.language-menu select{width:70px}.home-hero{min-height:68svh}.hero-content{padding:42px 18px}.hero-content h1{font-size:clamp(2.45rem,13vw,4rem)}.gallery-grid{grid-template-columns:1fr}.section-block{padding-block:62px}.comparison-media pre{font-size:10px}.home-cta{padding:38px 20px}.tool-intro h1{font-size:1.75rem;line-height:1.15}.footer-links{flex-direction:column;gap:28px}.slider-row{grid-template-columns:82px minmax(0,1fr) 58px}.mobile-step-result .actions{grid-template-columns:repeat(2,1fr)}.mobile-step-result .actions .full{grid-column:1/-1}}:root{--bg:#ffffff;--surface-2:#f6f8f7;--line:#dfe5e2;--shadow:none}@media (prefers-color-scheme:dark){:root{--bg:#111614;--surface:#181f1c;--surface-2:#202925;--surface-3:#29342f;--ink:#eef4f1;--muted:#a6b2ad;--line:#34413c;--accent:#52c8b6;--accent-strong:#76dbcb;--accent-soft:#193c36;--danger:#ff9b78;--shadow:none}}.site-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.site-header-inner{min-height:60px;gap:22px}.brand-mark{width:30px;height:30px;border-radius:5px}.desktop-nav a{min-height:36px;border-radius:5px;font-weight:650}.desktop-nav a.is-active,.desktop-nav a:hover{background:transparent;color:var(--accent-strong)}.action-button,.ad-slot,.button,.comparison-card,.controls,.faq-list details,.file-button,.language-menu,.menu-button,.mobile-nav a,.mobile-step-tabs,.mobile-step-tabs button,.output-area,.segmented-control,.tool-description,.upload,.zoom-button,.zoom-control{border-radius:6px;box-shadow:none}.site-content{min-height:calc(100vh - 60px)}.site-footer{margin-top:56px;background:var(--surface)}.site-footer-inner{min-height:72px;padding:18px clamp(18px,4vw,40px);align-items:center;gap:24px}.footer-brand{display:flex;align-items:center;gap:10px;max-width:none}.footer-brand strong{font-size:.95rem}.footer-brand span{color:var(--muted);font-size:.82rem}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:18px;margin-left:auto;font-size:.88rem}.button{min-height:40px;padding:8px 14px;border-radius:6px}.button.secondary{background:var(--surface)}.eyebrow{margin-bottom:8px;font-size:.72rem}.simple-home{width:min(1200px,100%);margin:0 auto;padding:0 clamp(18px,4vw,40px)}.simple-hero{display:block;padding:clamp(56px,8vw,104px) 0;border-bottom:1px solid var(--line)}.simple-hero-copy{max-width:620px}.simple-hero-copy h1{max-width:600px;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02}.simple-hero-copy>p:not(.eyebrow){max-width:570px;margin:20px 0 26px;color:var(--muted);font-size:1.04rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.local-note{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 0 18px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:.86rem;line-height:1.35}.section-block{width:100%;padding:64px 0}.section-heading{max-width:680px;margin-bottom:28px}.section-heading h2{font-size:clamp(1.65rem,3vw,2.35rem)}.section-heading>p:last-child{margin-top:10px;font-size:.98rem}.gallery-grid{gap:14px}.simple-gallery .gallery-grid{grid-template-columns:repeat(auto-fit,250px);justify-content:center}.simple-gallery .comparison-card{width:min(250px,100%);max-width:250px;justify-self:center}.simple-gallery .comparison-media{width:100%;max-width:250px;aspect-ratio:1;border-top:0}.comparison-toolbar{min-height:48px;padding:8px 10px}.segmented-control{padding:2px;background:var(--surface-2)}.segmented-control button{min-height:28px}.segmented-control button.is-active{box-shadow:none}.simple-guide{border-top:1px solid var(--line)}.process-grid{gap:0;border-block:1px solid var(--line)}.process-grid article{padding:24px 22px;border-top:0;border-right:1px solid var(--line)}.process-grid article:last-child{border-right:0}.process-grid article span{width:34px;height:34px;border-radius:5px}.process-grid article strong{margin-top:18px;font-size:.78rem}.process-grid article p{margin-bottom:0}.simple-guide-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.simple-guide-actions .text-link{margin-top:0}.converter-page{padding-top:32px}.image-workbar{width:100%;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;grid-gap:12px;gap:12px;margin:0 auto 14px;padding:10px;background:var(--surface)}.image-workbar,.image-workbar-upload{align-items:center;border:1px solid var(--line);border-radius:6px}.image-workbar-upload{min-height:42px;display:inline-flex;justify-content:center;gap:8px;padding:8px 12px;background:var(--accent);color:#fff;font-weight:850;cursor:pointer}.image-workbar-upload.is-over{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.image-workbar-summary{min-width:0;display:flex;align-items:center;gap:10px}.image-workbar-summary img{width:42px;height:42px;flex:none;object-fit:cover;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.image-workbar-summary div{min-width:0;display:grid;grid-gap:2px;gap:2px}.image-workbar-summary span,.image-workbar-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-workbar-summary strong{font-size:.9rem}.image-workbar-summary span{color:var(--muted);font-size:.82rem}.image-workbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.image-status-line{width:100%;margin:0 auto 14px}.converter-page .controls{height:auto;max-height:none;position:static;overflow:visible;align-self:start;padding:14px}.converter-page .controls>.actions{display:none}.image-detail-control .number-input{width:74px;justify-self:end}.image-detail-control .setting-note{margin:0}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-header label{min-width:0;color:var(--muted);font-size:.92rem}.tool-intro{max-width:720px;margin-bottom:20px}.tool-intro h1{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.12}.tool-intro>p:not(.eyebrow){margin-top:8px;font-size:.95rem}.tool-intro .local-note{margin-top:14px;margin-bottom:0}.controls,.output-area{border-color:var(--line)}.controls{gap:14px;padding:14px}.upload{min-height:150px;padding:14px;background:var(--surface)}.output-head{min-height:54px;padding:11px 14px}.tool-description{max-width:900px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:18px 20px;border:1px solid var(--line);background:var(--surface)}.tool-description h2{font-size:1rem}.tool-description p{max-width:680px;font-size:.9rem}.tool-description .text-link{flex:none;margin:0}.content-page{width:min(760px,100%);padding-top:52px;padding-bottom:52px}.content-hero{padding-bottom:24px}.content-hero h1{font-size:clamp(1.8rem,4vw,2.8rem)}.content-hero p{font-size:1rem}.content-summary{margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--ink);font-size:.95rem}.content-body{padding-top:28px}.prose-stack{gap:14px;font-size:1rem}@media (max-width:820px){.site-header-inner{min-height:58px}.site-footer-inner{align-items:flex-start}.footer-links{justify-content:flex-start;margin-left:0}.simple-hero{padding-block:52px}.process-grid article{border-right:0;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}.tool-description{align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch}.image-workbar{grid-template-columns:1fr}.image-workbar-actions{display:none}.converter-page .controls>.actions{display:grid}.converter-page .controls{max-height:none;overflow:visible}}@media (max-width:560px){.simple-home{padding-inline:16px}.simple-gallery .gallery-grid{grid-template-columns:minmax(0,250px)}.simple-hero{padding-block:40px}.simple-hero-copy h1{font-size:2.2rem}.section-block{padding-block:48px}.simple-guide-actions{align-items:flex-start;flex-direction:column;gap:14px}.site-footer-inner{padding-block:22px}.footer-brand{width:100%}.footer-links{gap:12px 16px}.tool-description{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}