:root{--bg: #f7f6f3;--surface: #ffffff;--surface-2: #f1efeb;--surface-3: #e8e5df;--ink: #14181b;--ink-soft: #39424a;--muted: #636c78;--line: #e3dfd8;--line-strong: #cfc9be;--accent: #ff6a00;--accent-hover: #f06200;--accent-strong: #b8420f;--accent-soft: #fff2e8;--accent-line: #ffc49a;--well-edge: var(--line-strong);--danger: #a32a20;--dark: #333c45;--radius-lg: 18px;--radius: 12px;--radius-sm: 8px;--radius-xs: 4px;--radius-pill: 999px;--hairline: 0 0 0 .5px rgba(20, 24, 27, .16);--shadow-1: 0 1px 2px rgba(20, 24, 27, .05);--shadow-2: 0 1px 3px rgba(20, 24, 27, .06), 0 6px 16px -6px rgba(20, 24, 27, .1);--shadow-3: 0 2px 6px rgba(20, 24, 27, .07), 0 18px 40px -18px rgba(20, 24, 27, .22);--shadow-tool: 0 1px 2px rgba(20, 24, 27, .06), 0 4px 10px -4px rgba(20, 24, 27, .08), 0 20px 40px -20px rgba(20, 24, 27, .16);--page-max: 1000px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--hit-min: 44px;--control-h: 40px;--control-h-touch: 46px;--text-caption2: .69rem;--text-caption: .78rem;--text-footnote: .84rem;--text-subhead: .89rem;--text-callout: .94rem;--text-body: 1.03rem;--text-headline: 1.08rem;--text-title3: 1.16rem;--text-title1: 1.5rem;--text-code: .88em;--text-h2: clamp(1.25rem, 2.8vw, 1.55rem);--text-h1: clamp(1.85rem, 4.2vw, 2.5rem);--text-hero: clamp(2.1rem, 5vw, 3.05rem);--lh-tight: 1.06;--lh-head: 1.18;--lh-snug: 1.45;--lh-body: 1.62;--track-hero: -.032em;--track-head: -.021em;--track-ui: -.01em;--track-caps: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--dur-press: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--z-tile-foot: 2;--z-tile-save: 3;--z-tile-state: 4;--z-tile-chrome: 5;--z-header: 20;--z-skip: 50;--font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media(prefers-contrast:more){:root{--muted: #3d4550;--line: #b8b2a6;--line-strong: #8f8878;--accent-line: #b8420f;--well-edge: #6b6558;--accent-soft: #ffe3cd;--surface-2: #ebe8e2;--surface-3: #dcd8cf}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--text-body);line-height:1.62;overscroll-behavior-y:none;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}h1,h2,h3{line-height:1.18;margin:0 0 .5em;letter-spacing:-.021em;font-weight:var(--weight-bold)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-headline)}p{margin:0 0 1em}a{color:var(--accent-strong);text-underline-offset:3px}a:hover{color:var(--ink)}img,svg,canvas{max-width:100%;display:block}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:var(--radius-xs)}.tile__x:focus-visible,.tile__save:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #14181bd1}.wrap{max-width:var(--page-max);margin:0 auto;padding-left:max(var(--space-24),env(safe-area-inset-left));padding-right:max(var(--space-24),env(safe-area-inset-right))}.prose{max-width:66ch}.prose li{margin-bottom:.35em}.muted{color:var(--muted)}.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}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:var(--surface);padding:var(--space-8) var(--space-12);z-index:50}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.site-header__inner{position:relative;max-width:var(--page-max);margin:0 auto;padding:var(--space-12) max(var(--space-24),env(safe-area-inset-right)) var(--space-12) max(var(--space-24),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.logo{display:inline-flex;align-items:center;gap:var(--space-8);font-weight:var(--weight-bold);font-size:var(--text-headline);text-decoration:none;color:var(--ink);letter-spacing:-.024em}.logo svg{width:25px;height:25px;flex:none}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);align-items:center}.nav__lang{position:relative;display:inline-flex;align-items:center;gap:var(--space-8);font-weight:var(--weight-semibold);margin-left:var(--space-8);padding-left:var(--space-16)}.nav__lang:before{content:"";position:absolute;left:0;top:50%;width:1px;height:17px;transform:translateY(-50%);background:var(--line-strong)}.nav__lang svg{flex:none;opacity:.6}.nav-toggle{display:none;width:44px;height:44px;padding:0;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);touch-action:manipulation}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{background:var(--surface-2)}.nav-toggle__bars{display:block;width:19px}.nav-toggle__bars span{display:block;height:2px;border-radius:var(--radius-pill);background:currentColor;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.nav-toggle__bars span+span{margin-top:var(--space-4)}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav a{text-decoration:none;color:var(--muted);font-size:var(--text-callout);font-weight:var(--weight-semibold);padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);white-space:nowrap}.nav a:hover{color:var(--ink);background:var(--surface-2)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.site-footer{margin-top:var(--space-64);border-top:1px solid var(--line);background:var(--surface);font-size:var(--text-subhead);padding-top:var(--space-24);padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom))}.site-footer__inner{max-width:var(--page-max);margin:0 auto;padding:0 max(var(--space-24),env(safe-area-inset-right)) 0 max(var(--space-24),env(safe-area-inset-left));display:flex;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.site-footer nav{display:flex;gap:var(--space-16);flex-wrap:wrap;align-items:center}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--ink);text-decoration:underline}.promise{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--accent-strong);font-size:var(--text-footnote);font-weight:var(--weight-semibold);letter-spacing:-.005em}.promise svg{width:1.1em;height:1.1em;flex:none}.btn{position:relative;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-callout);padding:var(--space-8) var(--space-16);border-radius:var(--radius-sm);border:0;background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;box-shadow:var(--hairline),var(--shadow-1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.btn:hover{background-color:var(--surface-2);color:var(--ink)}.btn:active{transform:scale(.975)}.btn--primary{background:var(--accent);color:var(--ink);box-shadow:0 1px 1px #14181b1a,0 3px 8px -3px #14181b38}.btn--primary:hover{background:var(--accent-hover);color:var(--ink)}.btn--big{padding:var(--space-12) var(--space-24);font-size:var(--text-body);border-radius:var(--radius)}.btn--quiet{background:transparent;box-shadow:none;color:var(--muted)}.btn--quiet:hover{background:var(--surface-2);color:var(--danger)}.btn--small{padding:var(--space-6) var(--space-12);font-size:var(--text-footnote);gap:var(--space-6)}.btn[disabled]{cursor:not-allowed;background-color:var(--surface-2);color:var(--muted);box-shadow:none}.btn--primary[disabled]{background:var(--surface-3);color:var(--muted)}.btn--quiet[disabled]{background:transparent;color:var(--line-strong)}select.btn,input.btn{font-weight:var(--weight-medium);box-shadow:inset 0 0 0 1px var(--line-strong)}select.btn{appearance:none;-webkit-appearance:none;padding-right:var(--space-32);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23636c78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:10px 6px}.crumbs{margin-top:var(--space-32)}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-8);list-style:none;margin:0;padding:0;font-size:var(--text-footnote);color:var(--muted)}.crumbs li+li:before{content:"›";margin-right:var(--space-8);color:var(--line-strong)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs [aria-current]{color:var(--ink-soft)}.grid{list-style:none;margin:0;padding:0;max-width:42rem;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--hairline),var(--shadow-1)}.grid>li{position:relative}.grid>li+li:before{content:"";position:absolute;left:var(--space-16);right:0;top:0;height:1px;background:var(--line)}.card{display:grid;grid-template-columns:1fr auto;column-gap:var(--space-12);align-items:center;padding:var(--space-12) var(--space-16);min-height:var(--hit-min);text-decoration:none;color:var(--ink);transition:background var(--dur-fast) var(--ease-out)}.card:after{content:"";grid-column:2;grid-row:1 / span 2;width:7px;height:7px;margin-right:var(--space-4);border-top:2px solid var(--muted);border-right:2px solid var(--muted);transform:rotate(45deg)}.card:hover{background-color:var(--surface-2);color:var(--ink)}.card__title{grid-column:1;font-weight:var(--weight-semibold);letter-spacing:-.01em}.card__desc{grid-column:1;font-size:var(--text-subhead);color:var(--muted);margin:0}.page-head{padding:var(--space-32) 0 var(--space-16)}.page-head h1{margin-bottom:var(--space-8)}.page-head .muted{font-size:var(--text-headline);max-width:60ch}.prose-block{margin-top:var(--space-32)}.section-break{margin-top:var(--space-48)}.wrap-head{padding-top:var(--space-32)}.footnote{font-size:var(--text-callout);margin-top:var(--space-24)}.hero{padding:var(--space-32) 0 var(--space-24);text-align:center}.hero h1{max-width:22ch;margin:0 auto var(--space-16);font-size:var(--text-hero);line-height:1.06;letter-spacing:-.032em;font-weight:var(--weight-bold)}.hero__lead{font-size:var(--text-title3);line-height:1.55;color:var(--ink-soft);max-width:52ch;margin:0 auto var(--space-16)}.hero__steps{list-style:none;margin:0 auto var(--space-24);padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8) var(--space-24);font-size:var(--text-callout);color:var(--ink-soft)}.hero__steps li{counter-increment:step;display:flex;align-items:center;gap:var(--space-8)}.hero__steps li:before,ol.steps li:before{content:counter(step);flex:none;width:21px;height:21px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-strong);font-size:var(--text-caption);font-weight:var(--weight-bold)}.hero__steps{counter-reset:step}.prose code{font-family:var(--mono);font-size:var(--text-code);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-xs);padding:1px var(--space-4)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-16);margin:var(--space-32) 0 var(--space-12)}.section-head h2,.tool-panel{margin:0}.tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 0 var(--space-16);padding:var(--space-4);border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.tabs__tab{flex:1;position:relative;font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-callout);padding:var(--space-8) var(--space-12);cursor:pointer;white-space:nowrap;color:var(--ink-soft);background:transparent;border:0;border-radius:var(--radius-sm);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.tabs__tab+.tabs__tab:before{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:1px;background:var(--line-strong);transition:opacity var(--dur-base) var(--ease-out)}.tabs__tab.is-on:before,.tabs__tab.is-on+.tabs__tab:before{opacity:0}.tabs__tab:hover:not(.is-on){color:var(--ink);background:#14181b0b}.tabs__tab.is-on{background:var(--surface);color:var(--accent-strong);cursor:default;box-shadow:0 1px 2px #14181b29,0 0 0 .5px #14181b0f}.panel{position:relative;background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--hairline),var(--shadow-tool);padding:var(--space-16) var(--space-24) var(--space-24)}.panel__blurb{margin:0 0 var(--space-16);font-size:var(--text-callout)}.seg{display:inline-flex;border-radius:var(--radius);padding:var(--space-4);gap:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);max-width:100%;flex-wrap:wrap}.seg__btn{position:relative;font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-subhead);padding:var(--space-8) var(--space-16);cursor:pointer;white-space:nowrap;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.seg__btn+.seg__btn:before{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:1px;background:var(--line-strong);transition:opacity var(--dur-base) var(--ease-out)}.seg__btn.is-on:before,.seg__btn.is-on+.seg__btn:before{opacity:0}.seg__btn:hover:not(.is-on){color:var(--ink);background:#14181b0b}.seg__btn.is-on{background:var(--surface);color:var(--ink);font-weight:var(--weight-bold);box-shadow:0 1px 2px #14181b29,0 0 0 .5px #14181b0f}.p-label{margin:0 0 var(--space-6);font-weight:var(--weight-semibold);font-size:var(--text-footnote);color:var(--muted)}.tray{position:relative;margin-top:var(--space-4);padding:var(--space-12);display:flex;align-items:center;justify-content:center;border:2px dashed transparent;border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--well-edge);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tray:not(.has-files){min-height:212px}.tray:hover{background-color:var(--surface-3)}.tray.is-over{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.tray.is-reject{border-style:solid;border-color:var(--line-strong);background:var(--surface-2);box-shadow:none}.tray.is-reject .tray__title{color:var(--muted)}.tray.has-files{display:block}.tray__caption{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;pointer-events:none}.tray__caption .btn{pointer-events:auto;min-width:190px;margin-bottom:var(--space-12)}.tray__title{display:block;font-weight:var(--weight-semibold);font-size:var(--text-body);color:var(--ink-soft);letter-spacing:-.005em}.tray__accept{display:block;margin-top:var(--space-6);font-size:var(--text-footnote);color:var(--muted)}.tray__paste{display:block;margin-top:var(--space-4);font-size:var(--text-footnote);color:var(--muted)}.tray__bar{display:flex;align-items:center;gap:var(--space-8);margin:calc(var(--space-2) * -1) 0 var(--space-12)}@media(hover:none)and (pointer:coarse){.tray__paste{display:none}}.tray__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:396px;overflow-y:auto}.tray__grid:empty{display:none}.tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--surface);box-shadow:0 1px 3px #14181b29}.tile__art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-3) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-3) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.tile--doc .tile__art{background-image:none;background-color:var(--accent-soft)}.tile__img{width:100%;height:100%;object-fit:contain}.tile__ext{font-weight:var(--weight-bold);font-size:var(--text-title3);letter-spacing:.05em;color:var(--accent-strong)}.tile__top{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-4) var(--space-4) var(--space-16) var(--space-8);background:linear-gradient(#14181bad,#14181b00);color:#fff}.tile__name{flex:1;min-width:0;font-size:var(--text-caption2);font-weight:var(--weight-semibold);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.55)}.tile__x{flex:none;width:20px;height:20px;padding:0;display:grid;place-items:center;cursor:pointer;border:none;border-radius:var(--radius-xs);background:#14181b61;color:#fff;transition:background var(--dur-fast) var(--ease-out)}.tile__x:hover{background:var(--danger)}@media(pointer:fine){.tile__x{position:relative}.tile__x:after{content:"";position:absolute;inset:-4px}}.tile__foot{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:var(--space-16) var(--space-8) var(--space-6);color:#fff;background:linear-gradient(#14181b00,#14181bb8);font-size:var(--text-caption2);line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.55);font-variant-numeric:tabular-nums}.tile__meta b{color:#ffc49a}.tile.is-done .tile__foot{bottom:28px}.tile.is-error .tile__foot{display:none}.tile__save{position:absolute;z-index:3;left:0;right:0;bottom:0;height:28px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:var(--accent);color:var(--ink);font:inherit;font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.02em;transition:background var(--dur-fast) var(--ease-out)}.tile__save:hover{background:var(--accent-hover)}.tile__state{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1.4;background:#14181ba8;pointer-events:none}.tile.is-error .tile__state{background:#a32a20ed;font-weight:var(--weight-semibold)}@media(prefers-reduced-motion:no-preference){.tile.is-working .tile__state{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.62}}}.panel__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-16) var(--space-24);flex-wrap:wrap;margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--line)}.panel__row:has(#p-outputs-wrap[hidden]){justify-content:center}.panel__format{display:flex;flex-direction:column;align-items:flex-start}.panel__go{display:flex;align-items:flex-end;justify-content:space-between;flex:1 1 auto;gap:var(--space-16) var(--space-24);flex-wrap:wrap}.panel__acts{display:flex;align-items:flex-end;gap:var(--space-12);margin-left:auto}.panel__go .btn--big{flex:none;min-width:150px}.panel__go .controls{flex:0 1 auto;justify-content:flex-end;margin:0;padding:0;border:none;gap:var(--space-12)}.control__field{max-width:200px}#p-preset{max-width:150px}.panel__all{flex:none}.panel__status{margin:var(--space-12) 0 0;font-size:var(--text-subhead);color:var(--muted);min-height:1.4em}.panel .actions{justify-content:center}.btn__count{position:absolute;top:0;right:0;transform:translate(28%,-30%);min-width:23px;height:23px;padding:0 var(--space-4);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--dark);border:2px solid var(--surface);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-bold);line-height:1}.tool:has(.drop){background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--hairline),var(--shadow-tool);padding:var(--space-16) var(--space-24) var(--space-24)}.drop{position:relative;border:2px dashed transparent;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--well-edge);padding:var(--space-32) var(--space-16);text-align:center;background:var(--surface-2);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);cursor:pointer;margin-top:var(--space-4)}.drop:hover{background-color:var(--surface-3)}.drop.is-over{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.drop:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.drop__cta{pointer-events:none;min-width:190px;margin:0 auto var(--space-12)}.drop:hover .drop__cta,.drop.is-over .drop__cta{background:var(--accent-hover)}.drop .drop__title{margin:0 0 var(--space-6);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--ink-soft)}.drop p{margin:0;color:var(--muted);font-size:var(--text-footnote)}.drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.filelist{list-style:none;margin:var(--space-16) 0 0;padding:0;display:grid;gap:var(--space-8)}.file{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:var(--space-12);align-items:center;border:0;border-radius:var(--radius-sm);box-shadow:var(--hairline);padding:var(--space-8) var(--space-12);background:var(--surface)}.file__thumb{width:48px;height:48px;border-radius:var(--radius-xs);object-fit:cover;background:var(--surface-2);border:1px solid var(--line)}.file__name{font-weight:var(--weight-semibold);font-size:var(--text-callout);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file__meta{font-size:var(--text-footnote);color:var(--muted)}.file__meta b{color:var(--accent-strong)}.file__err{font-size:var(--text-footnote);color:var(--danger)}.file:has(.file__err){box-shadow:0 0 0 1px #b3261e59;background:#fdf7f6}.controls{display:flex;gap:var(--space-16) var(--space-24);align-items:flex-end;flex-wrap:wrap;justify-content:center;margin-top:var(--space-16)}.controls:empty{display:none}.control{display:flex;flex-direction:column;gap:var(--space-6);font-size:var(--text-footnote);color:var(--muted);font-weight:var(--weight-semibold)}.control__row{display:flex;align-items:center;gap:var(--space-8);min-height:40px}.control input[type=range]{width:118px;accent-color:var(--accent)}.control b{color:var(--ink);font-size:var(--text-subhead);font-weight:var(--weight-semibold);white-space:nowrap;font-variant-numeric:tabular-nums}.control__field{padding:var(--space-8) var(--space-12);font-weight:var(--weight-medium);min-height:40px}.control__field--num{width:94px}.control__field--mono{width:140px;font-family:var(--mono)}.control__colour{width:60px;height:40px;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff}.actions{display:flex;gap:var(--space-12);align-items:center;flex-wrap:wrap;margin-top:var(--space-16)}.note{margin-top:var(--space-16);font-size:var(--text-subhead);color:var(--muted);max-width:78ch}.note--warn{background:var(--surface-2);color:var(--accent-strong);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm)}.note span{display:block}.note span+span{margin-top:var(--space-8)}.can{margin:var(--space-12) 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-24);font-size:var(--text-footnote)}.can>div{display:flex;align-items:baseline;gap:var(--space-8)}.can dt{font-weight:var(--weight-semibold);color:var(--ink-soft)}.can dd{margin:0;color:var(--muted)}.can dd:before{content:"→";margin-right:var(--space-6);color:var(--accent)}@media(max-width:999px){.panel__row,.panel__go{display:block}.panel__acts{display:grid;gap:var(--space-12);margin-left:0}.panel__format{margin-bottom:var(--space-16)}.seg{display:flex;width:100%}.seg__btn{flex:1 1 auto}.panel__go .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-12) var(--space-16);width:100%;margin-bottom:var(--space-16)}.control{min-width:0}.control:has(input[type=range]){grid-column:1 / -1}.control__field,.control__field--num,#p-preset{width:100%;max-width:none}.control input[type=range]{flex:1 1 auto;width:auto}.control__row{gap:var(--space-12)}.panel__go .btn--big{display:flex;margin-left:auto;min-width:180px}}@media(max-width:620px){.site-header__inner{padding:var(--space-8) var(--space-16);gap:var(--space-8)}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-2);padding:var(--space-6) max(var(--space-16),env(safe-area-inset-right)) var(--space-8) max(var(--space-16),env(safe-area-inset-left))}.nav.is-open{display:flex}.nav a{font-size:var(--text-body);padding:var(--space-12) var(--space-12);border-radius:var(--radius-sm);min-height:48px;display:flex;align-items:center}.nav a{position:relative}.nav a+a:before{content:"";position:absolute;left:var(--space-12);right:0;top:0;height:1px;background:var(--line)}.nav__lang{margin-left:0;padding-left:var(--space-12)}.nav__lang:before{display:none}.nav .nav__lang{margin-top:var(--space-6);border-top:1px solid var(--line-strong);border-radius:0}.wrap{padding:0 var(--space-16)}.hero{padding:var(--space-16) 0 var(--space-12)}.hero h1{font-size:var(--text-title1);line-height:1.2;margin:0 0 .4em;text-align:left}.hero__lead{font-size:var(--text-subhead)!important;line-height:1.45;margin-bottom:var(--space-12);text-align:left}.hero__steps{gap:var(--space-6) var(--space-16);margin-bottom:var(--space-16);font-size:var(--text-footnote);text-align:left;line-height:1.4}.hero__steps li:before{width:19px;height:19px;font-size:var(--text-caption2)}.panel__blurb{font-size:var(--text-footnote);margin-bottom:var(--space-12)}.tabs__tab{padding:var(--space-8) var(--space-6);font-size:var(--text-subhead)}.panel{padding:var(--space-12) var(--space-12) var(--space-16);border-radius:var(--radius)}.tray{padding:var(--space-8)}.tray:not(.has-files){min-height:180px}.tray__grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--space-8)}.tile__save{height:32px;font-size:var(--text-caption)}.tile.is-done .tile__foot{bottom:32px}.tile__x{width:26px;height:26px}.tile__top{padding:var(--space-6) var(--space-6) var(--space-16) var(--space-8)}.tray__caption .btn{min-width:0;width:100%}.tray__bar .btn{flex:1 1 auto}.tray__bar .btn--quiet{flex:0 0 auto}.tool:has(.drop){padding:var(--space-12) var(--space-12) var(--space-16);border-radius:var(--radius)}.drop{padding:var(--space-24) var(--space-12)}.drop__cta{width:100%}.seg__btn{padding:var(--space-8) var(--space-4);font-size:var(--text-footnote)}.panel__go .controls{grid-template-columns:1fr 1fr;gap:var(--space-12)}.control{grid-column:1 / -1}.control:has(#p-w),.control:has(#p-h){grid-column:auto}.panel__go .btn--big{width:100%;margin-left:0}.site-footer{margin-top:var(--space-48);padding-top:var(--space-16)}.site-footer__inner{flex-direction:column-reverse;align-items:stretch;gap:var(--space-4)}.site-footer nav{flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);margin-bottom:var(--space-16);padding-bottom:var(--space-4)}.site-footer nav a{font-size:var(--text-callout);min-height:48px;display:flex;align-items:center}.site-footer nav a+a{border-top:1px solid var(--line)}.site-footer p{font-size:var(--text-subhead);line-height:1.5}.file{grid-template-columns:40px minmax(0,1fr)}.file__thumb{width:40px;height:40px}.file>button{grid-column:1 / -1}}@media(max-width:400px){.logo{font-size:var(--text-body);gap:var(--space-8)}}@media(pointer:coarse){.nav a{min-height:44px;display:flex;align-items:center}.logo{min-height:44px}.control input[type=range],.control__colour{height:44px}.tabs__tab,.seg__btn{min-height:46px}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.tray__caption .btn,.tray__bar .btn,.panel__go .btn{min-height:46px}.tile__save{height:44px}.tile.is-done .tile__foot{bottom:44px}.tile__x{position:relative}.tile__x:after{content:"";position:absolute;inset:-9px}.panel__tip a{display:inline-block;padding:var(--space-16) var(--space-4)}.tabs,.seg,.tray__caption,.tray__bar{-webkit-user-select:none;user-select:none}}@media(pointer:coarse){input,select,textarea,.control__field{font-size:max(16px,1rem)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(prefers-reduced-motion:no-preference){.tray__grid .tile{animation:rowIn .22s cubic-bezier(.34,1.4,.64,1) both}@keyframes rowIn{0%{opacity:0;transform:scale(.94) translateY(-3px)}}}.linkrow__list{list-style:none;margin:0 0 1em;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-4) 0}.linkrow__list li{font-size:var(--text-subhead)}.linkrow__list li:not(:last-child):after{content:"·";color:var(--line-strong);margin:0 var(--space-8)}.linkrow__list a{color:var(--muted);text-decoration:none}.linkrow__list a:hover{color:var(--accent-strong);text-decoration:underline}.jumplist{max-width:68ch;font-size:var(--text-body);line-height:1.75;color:var(--muted)}.jumplist a{color:var(--accent-strong);text-decoration:none;font-weight:var(--weight-semibold)}.jumplist a:hover{color:var(--ink);text-decoration:underline}ol.steps{counter-reset:step;list-style:none;padding:0}ol.steps li{counter-increment:step;display:flex;align-items:flex-start;gap:var(--space-12);margin:0 0 var(--space-8)}ol.steps li:before{margin-top:.15em}.rows{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--hairline),var(--shadow-1);margin:0 0 1.4em;padding:0;list-style:none}.row{position:relative;margin:0}.row+.row:before{content:"";position:absolute;left:var(--space-16);right:0;top:0;height:1px;background:var(--line)}.row__summary{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);min-height:var(--hit-min);cursor:pointer;list-style:none;border-radius:var(--radius)}.row__summary::-webkit-details-marker{display:none}.row__summary::marker{content:""}.row__summary:hover{background-color:var(--surface-2)}.row__title{flex:1;margin:0;font-size:var(--text-callout);font-weight:var(--weight-semibold);line-height:var(--lh-snug);letter-spacing:normal}.row__chevron{flex:none;color:var(--muted)}.row__body{padding:0 var(--space-16) var(--space-16);color:var(--ink-soft)}.row__body p{margin:0}@media(prefers-reduced-motion:no-preference){.row__chevron{transition:transform var(--dur-base) var(--ease-out)}}.row[open] .row__chevron{transform:rotate(90deg)}.tablewrap{overflow-x:auto;margin:0 0 1.4em;-webkit-overflow-scrolling:touch;background:var(--surface);border-radius:var(--radius);box-shadow:var(--hairline),var(--shadow-1)}.cmp{border-collapse:collapse;width:100%;min-width:440px;font-size:var(--text-callout)}.cmp th,.cmp td{text-align:left;vertical-align:top;padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--line)}.cmp thead th{font-size:var(--text-footnote);color:var(--muted);font-weight:var(--weight-semibold);background:var(--surface-2);border-bottom:1px solid var(--line-strong)}.cmp tbody th{font-weight:var(--weight-semibold);color:var(--ink-soft);width:28%}.cmp td{color:var(--ink-soft)}.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none}.adslot{display:block;margin:var(--space-32) 0;text-align:center}.adslot__label{display:block;margin-bottom:var(--space-6);font-size:var(--text-caption2);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.75}.adslot__ins{display:block!important;width:100%;min-height:100px}@media(min-width:700px){.adslot--footer .adslot__ins{min-height:90px}.adslot--content .adslot__ins{min-height:250px}}.adslot:has(.adsbygoogle[data-ad-status=unfilled]){display:none}html[data-ads-blocked] .adslot{display:none}.panel__tip{margin:var(--space-8) 0 0;font-size:var(--text-footnote);color:var(--muted)}.panel__tip a{color:var(--accent-strong);text-underline-offset:2px}