@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-wght.woff2)format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}@layer design{:root{color-scheme:light dark;--bg:light-dark(#fff,#141313);--surface:light-dark(#f9f4f2,#2d2c2b);--surface-strong:light-dark(#e2ded9,#44423f);--overlay:light-dark(#fff,#2d2c2b);--line:light-dark(#e2ded9,#3a3836);--primary:light-dark(#0061ef,#4d94ff);--primary-hover:light-dark(#0040ea,#7aafff);--primary-soft:light-dark(#e5efff,#16294a);--on-primary:light-dark(#fff,#141313);--ink:light-dark(#2d2c2b,#f9f4f2);--text:light-dark(#4b4c4d,#e2ded9);--text-strong:light-dark(#44423f,#f9f4f2);--text-muted:light-dark(#63605d,#b5b0ab);--accent-yellow:#ffce00;--on-accent:#141313;--success:light-dark(#02873e,#5cc98a);--success-soft:light-dark(#e3f4ea,#16301f);--warning:light-dark(#a35f00,#f2c46b);--warning-soft:light-dark(#fff1d6,#3a2c10);--danger:light-dark(#c4291c,#f08a80);--danger-soft:light-dark(#fde8e6,#3d1f1c);--highlight:light-dark(#fff0a8,#5a4a10);--scrim:light-dark(#1413138c,#000000a6);--focus:var(--primary);--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, Consolas, monospace;--fs-display:clamp(2.5rem, 6vw, 4rem);--fs-h1:clamp(2rem, 4.5vw, 3rem);--fs-h2:clamp(1.5rem, 3vw, 2rem);--fs-h3:1.5rem;--fs-lead:1.25rem;--fs-label:1.125rem;--fs-reading:1.0625rem;--fs-body:1rem;--fs-small:.875rem;--fs-caption:.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1;--lh-heading:1.15;--lh-body:1.5;--lh-reading:1.7;--ls-heading:-.03em;--ls-label:-.01em;--ls-caps:.08em;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:800px;--border:2px;--hairline:1px;--control-h:48px;--control-h-sm:40px;--header-h:80px;--container:1360px;--prose:720px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--shadow-card:0 1px 8px 0 light-dark(#14131333,#0009);--shadow-pop:0 12px 32px -8px light-dark(#1413134d,#000000b3);--shadow-button:0 2px 0 0 light-dark(#413d4533,#00000080);--ease:cubic-bezier(.32, .94, .6, 1);--duration:.15s}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-width=full]{--container:100%}@media (width<=640px){:root{--header-h:64px}}@media print{:root{color-scheme:light}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font:var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}a{color:var(--primary)}:focus-visible{outline:var(--border) solid var(--focus);outline-offset:var(--border)}.top{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);position:sticky;top:0}.top .in{max-width:var(--container);height:var(--header-h);padding:0 var(--space-12);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}@media (width<=640px){.top .in{padding:0 var(--space-4);gap:var(--space-2)}}.home-link{flex:none;place-items:center;display:inline-grid}.home-link img,.brand img{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);object-fit:cover}[data-id=home-link] img{background:url(/images/logo-tools-open.jpg) 50%/cover}[data-id=home-link]:hover img,[data-id=home-link]:focus-visible img{object-position:-9999px 0}@media (width<=640px){.home-link img,.brand img{width:var(--control-h-sm);height:var(--control-h-sm)}}.top h1,.brand{color:var(--ink);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);line-height:var(--lh-tight);white-space:nowrap;margin:0}.top h1{flex:1}.brand{align-items:center;gap:var(--space-3);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:flex}.ib{width:var(--control-h-sm);height:var(--control-h-sm);background:var(--surface);color:var(--text-strong);cursor:pointer;transition:background-color var(--duration) var(--ease);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.ib:hover{background:var(--surface-strong)}.appm{flex:none;position:relative}.appm-panel{top:calc(100% + var(--space-2));z-index:46;min-width:220px;padding:var(--space-2);background:var(--overlay);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:absolute;right:0}.appm-panel .mh{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--text-muted);font-size:var(--fs-caption);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase}.appm-panel a,.appm-panel button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--text-strong);transition:background-color var(--duration) var(--ease);background:0 0;border:0;text-decoration:none}.appm-panel a:hover,.appm-panel button:hover{background:var(--surface-strong)}.appm-panel .active{color:var(--primary);font-weight:var(--fw-bold)}.appm-panel .sep{height:var(--border);margin:var(--space-1) var(--space-2);background:var(--surface)}.appm-panel .lang-row{gap:var(--space-1);display:flex}.appm-panel .lang-row button{text-align:center;text-transform:uppercase;flex:1}.appm-panel .switch{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.appm-panel .switch .track{width:calc(var(--space-8) + var(--space-1));height:var(--space-5);border-radius:var(--radius-pill);background:var(--text-muted);transition:background-color var(--duration) var(--ease);flex:none;position:relative}.appm-panel .switch .track:after{content:"";top:var(--border);left:var(--border);width:var(--space-4);height:var(--space-4);background:var(--overlay);transition:transform var(--duration) var(--ease);border-radius:50%;position:absolute}.appm-panel .switch[aria-checked=true] .track{background:var(--primary)}.appm-panel .switch[aria-checked=true] .track:after{transform:translateX(var(--space-4))}.appm-panel.apps-grid{gap:var(--space-1);width:min(340px, calc(100vw - 2 * var(--space-4)));grid-template-columns:repeat(3,1fr);display:grid}.apps-grid a{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);text-align:center;line-height:var(--lh-tight);flex-direction:column;display:flex}.apps-grid .app-ic{width:var(--control-h);height:var(--control-h);background:var(--surface);color:var(--primary);border-radius:50%;place-items:center;display:inline-grid}.apps-grid .app-nm{color:var(--text-strong)}.apps-grid .active .app-nm{color:var(--primary)}.apps-grid .app-ic img{object-fit:contain}@media (prefers-color-scheme:dark){.apps-grid .app-ic img{filter:invert()}}@media (width<=640px){.appm-panel.apps-grid{top:calc(var(--header-h) + var(--space-1));right:var(--space-4);position:fixed}}@media print{.appm{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-6);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-button);font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);white-space:nowrap;cursor:pointer;transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);border:0;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--surface);color:var(--text-strong);box-shadow:none}.btn.ghost:hover{background:var(--surface-strong)}.card{padding:var(--space-6);background:var(--surface);border-radius:var(--radius-lg)}.card .btn.ghost{background:var(--bg)}.card .btn.ghost:hover{background:var(--surface-strong)}.about{width:100%;max-width:var(--prose);margin:var(--space-16) auto;padding:0 var(--space-4);text-align:left}.about h2{margin:var(--space-8) 0 var(--space-3);color:var(--ink);font-size:var(--fs-h3);line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}.about>details>summary{cursor:pointer;padding:0}.about>details>summary h2{margin:0;display:inline}.about p,.about ul{margin:0 0 var(--space-4)}.about details details{border-bottom:var(--hairline) solid var(--line)}.about details details>summary{padding:var(--space-3) 0;color:var(--ink);font-weight:var(--fw-semibold);cursor:pointer}@media print{.about{display:none}}.tool{max-width:var(--container);padding:var(--space-6) var(--space-12) var(--space-16);margin:0 auto}@media (width<=640px){.tool{padding:var(--space-4) var(--space-4) var(--space-12)}}.tool-lead{max-width:var(--prose);margin:0 0 var(--space-6);color:var(--text);font-size:var(--fs-lead);line-height:var(--lh-heading);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool .btn{min-height:var(--control-h-sm);padding:0 var(--space-4);font-size:var(--fs-small)}.btn.copied{background:var(--success);color:var(--on-primary)}.btn-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tabbar{gap:var(--space-1);width:fit-content;max-width:100%;padding:var(--space-1);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.card .tabbar{background:var(--bg)}.tabbar [role=tab]{min-height:var(--control-h-sm);padding:0 var(--space-5);border-radius:var(--radius-pill);color:var(--text-strong);font-size:var(--fs-small);font-weight:var(--fw-bold);cursor:pointer;transition:background-color var(--duration) var(--ease);background:0 0;border:0}.tabbar [role=tab]:hover{background:var(--surface-strong)}.tabbar [role=tab][aria-selected=true]{background:var(--primary);color:var(--on-primary)}.tbar{justify-content:safe center;align-items:center;gap:var(--space-1);min-height:var(--control-h-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface);flex-wrap:wrap;display:flex}.tbar-b{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-xs);color:var(--text-strong);cursor:pointer;transition:background-color var(--duration) var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.tbar-b:enabled:hover{background:var(--surface-strong);color:var(--ink)}.tbar-b:enabled:active,.tbar-b[aria-pressed=true],.tbar-b[aria-pressed=true]:hover,.tbar-b[aria-expanded=true],.tbar-b[aria-expanded=true]:hover{background:var(--primary-soft);color:var(--primary)}.tbar-b:disabled{opacity:.4;cursor:default}.tbar-b:focus-visible{outline:var(--border) solid var(--focus);outline-offset:calc(-1 * var(--border))}.tbar-b.tbar-text{width:auto;padding:0 var(--space-2);font:inherit;font-size:var(--fs-small);white-space:nowrap}.tbar-b.tbar-dd{gap:var(--space-1);width:auto;padding:0 var(--space-1) 0 var(--space-2);grid-auto-flow:column}.tbar-sep{width:var(--hairline);height:var(--space-5);margin:0 var(--space-1);background:var(--surface-strong);flex:none}.tbar:has(>.tbar-end)>:first-child,.tbar>.tbar-end{margin-left:auto}.tbar .btn{min-height:var(--space-8);padding:0 var(--space-4);font-size:var(--fs-small)}@media (width<=640px){.tbar{border-radius:var(--radius-md)}}.choice{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:inline-flex}.card .choice{background:var(--bg)}.choice label{display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span{min-height:var(--space-8);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--text-strong);font-size:var(--fs-small);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;display:inline-flex}.choice label:hover span{background:var(--surface-strong)}.choice input:checked+span{background:var(--ink);color:var(--bg)}.choice input:focus-visible+span{outline:var(--border) solid var(--focus);outline-offset:var(--border)}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field>span:first-child,.field-label{color:var(--text-strong);font-size:var(--fs-small);font-weight:var(--fw-bold)}.inp{width:100%;min-height:var(--control-h-sm);padding:var(--space-2) var(--space-3);border:var(--border) solid transparent;border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.card .inp{background:var(--bg)}.inp::placeholder{color:var(--text-muted)}.inp:focus{border-color:var(--primary);outline:none}.inp.bad{border-color:var(--danger)}textarea.inp{min-height:calc(var(--space-24) * 1.5);resize:vertical;font:var(--fs-small) / var(--lh-body) var(--font-mono)}.check{align-items:center;gap:var(--space-2);color:var(--text-strong);font-size:var(--fs-small);font-weight:var(--fw-medium);cursor:pointer;display:inline-flex}.check input{width:var(--space-4);height:var(--space-4);accent-color:var(--primary);margin:0}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--ink);font-size:var(--fs-small);overflow-wrap:anywhere;margin:0}.notice.ok{background:var(--success-soft);color:var(--success)}.notice.warn{background:var(--warning-soft);color:var(--warning)}.notice.bad{background:var(--danger-soft);color:var(--danger)}.err-code{margin-top:var(--space-1);color:var(--text-muted);font:var(--fs-caption) var(--font-mono);display:block}.tag{align-items:center;gap:var(--space-1);min-height:var(--space-6);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-strong);color:var(--text-strong);font-size:var(--fs-caption);font-weight:var(--fw-bold);white-space:nowrap;display:inline-flex}.tag.ok{background:var(--success-soft);color:var(--success)}.tag.warn{background:var(--warning-soft);color:var(--warning)}.tag.bad{background:var(--danger-soft);color:var(--danger)}.dropzone{justify-content:center;align-items:center;gap:var(--space-3);min-height:calc(var(--space-24) * 2);padding:var(--space-8) var(--space-6);border:var(--border) dashed var(--surface-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:center;transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease);flex-direction:column;display:flex}.card .dropzone{background:var(--bg)}.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.dropzone strong{color:var(--ink);font-size:var(--fs-label)}.dropzone small{color:var(--text-muted);font-size:var(--fs-small)}.codebox{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:var(--fs-small) / var(--lh-body) var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.card .codebox{background:var(--bg)}.dtable{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.dtable th,.dtable td{padding:var(--space-2) var(--space-3);border-bottom:var(--hairline) solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.dtable th{color:var(--text-muted);font-weight:var(--fw-semibold)}.mono{font-family:var(--font-mono)}.toast{left:50%;bottom:var(--space-6);z-index:70;max-width:calc(100% - var(--space-8));padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);font-size:var(--fs-small);font-weight:var(--fw-semibold);position:fixed;transform:translate(-50%)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}