:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1d1d1f;--muted:#5b5b60;--border:#c7c7cc;--accent:#0a62c9;--error:#c4141d;--warn-bg:#fff6db;--warn-fg:#5c4400;--diff-del-bg:#fde8e8;--diff-add-bg:#e3f6e8;--radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111113;--fg:#f2f2f7;--muted:#a1a1a8;--border:#48484f;--accent:#5aa9ff;--error:#ff6b6b;--warn-bg:#3a2f0b;--warn-fg:#ffe08a;--diff-del-bg:#5a2a2e;--diff-add-bg:#163322}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-size:1rem}#site-header,main,#site-footer{max-width:48rem;margin:0 auto;padding:1rem}#site-header{border-bottom:1px solid var(--border)}#site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.site-name{color:var(--fg);font-size:1.15rem;font-weight:700;text-decoration:none}.skip-link{position:absolute;left:-999px}.skip-link:focus{margin-right:1rem;display:inline-block;position:static}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1{margin:.5rem 0 1rem;font-size:1.6rem}.tool-list{gap:.75rem;padding:0;list-style:none;display:grid}.tool-list a{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-decoration:none;display:block}.tool-list .tool-title{font-weight:600;display:block}.tool-list .tool-desc{color:var(--muted);display:block}.field{margin:0 0 1.25rem}.field label{margin-bottom:.25rem;font-weight:600;display:block}.field input,.field textarea,.field select{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:0 0;padding:.6rem .7rem;font-size:1rem}.field select{min-height:44px}.field textarea{resize:vertical;min-height:6rem}.field textarea.long{min-height:12rem}.counter{color:var(--muted);font-variant-numeric:tabular-nums;margin:.3rem 0 0;font-size:.9rem}.field.over input,.field.over textarea{border-color:var(--error);outline-color:var(--error)}.field.over .counter,.field.over .field-message,.field.under-min .field-message{color:var(--error);font-weight:600}.field-message{margin:.2rem 0 0;font-size:.9rem}.field-message:empty{display:none}.warnings{gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.warnings li{background:var(--warn-bg);color:var(--warn-fg);border-radius:6px;padding:.45rem .6rem;font-size:.9rem}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}button{font:inherit;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;min-height:44px;padding:.55rem 1rem}.copy-status{color:var(--muted);font-size:.9rem}.cleaned{word-break:break-all;color:var(--muted);margin:.4rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.sources{color:var(--muted);font-size:.85rem}.sources ul{padding-left:1.2rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.hint{color:var(--muted);font-weight:400}.field .note{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:1rem}.drop-zone.dragging{border-color:var(--accent)}.drop-zone input[type=file]{width:100%;font:inherit;padding:.4rem 0}.preview-wrap{margin:0 0 1.25rem}.preview-wrap canvas{border:1px solid var(--border);border-radius:22%;width:160px;height:160px;display:block}fieldset.options{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}fieldset.options legend{padding:0 .25rem;font-weight:600}.check{align-items:flex-start;gap:.5rem;margin:.4rem 0;display:flex}.check input{flex:none;width:1.25rem;height:1.25rem;margin:.1rem 0 0}.check label{margin:0;font-weight:400}.color-row{align-items:center;gap:.75rem;margin:.4rem 0;display:flex}.color-row label{margin:0;font-weight:400}.color-row input[type=color]{border:1px solid var(--border);background:0 0;border-radius:6px;width:3rem;height:2.25rem;padding:.15rem}button:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto}table.files{border-collapse:collapse;width:100%;font-size:.9rem}table.files th,table.files td{text-align:left;border-bottom:1px solid var(--border);padding:.35rem .5rem}table.files td:first-child{word-break:break-all}[hidden]{display:none!important}.result{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1.25rem;padding:.75rem 1rem}.result h2{margin-top:.25rem}.result-list{gap:.5rem;margin:0;display:grid}.result-list>div{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding-bottom:.4rem;display:flex}.result-list dt{font-weight:600}.result-list dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.result-list>div:first-child dd{font-size:1.2rem;font-weight:700}.disclaimer{margin:.75rem 0 0;font-size:.9rem}.qr-preview{margin:.5rem 0 .75rem}.qr-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:min(100%,20rem);overflow:hidden}.qr-frame canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.qr-payload{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:.4rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.preview-wrap canvas.favicon-preview{border-radius:var(--radius);background-color:#fff;background-image:linear-gradient(45deg,#d0d0d0 25%,#0000 25%),linear-gradient(-45deg,#d0d0d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d0d0d0 75%),linear-gradient(-45deg,#0000 75%,#d0d0d0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:160px;height:160px}.snippet{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0 0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.slider-label{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.slider-label label{margin-bottom:0}.slider-label output{color:var(--muted);font-variant-numeric:tabular-nums}.field input[type=range]{accent-color:var(--accent);background:0 0;border:0;height:2.75rem;padding:0}input[type=range]:disabled{opacity:.5}.image-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);max-width:min(100%,36rem);line-height:0;overflow:hidden}.image-frame.checker{background-color:#fff;background-image:linear-gradient(45deg,#d0d0d0 25%,#0000 25%),linear-gradient(-45deg,#d0d0d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d0d0d0 75%),linear-gradient(-45deg,#0000 75%,#d0d0d0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.image-frame canvas{width:100%;height:auto;display:block}.result-line{font-variant-numeric:tabular-nums;margin:.25rem 0 .75rem;font-weight:600}.result-line:empty{display:none}.field textarea.mono{white-space:pre;overflow-wrap:normal;tab-size:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.4;overflow-x:auto}.color-preview-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.color-preview-row .preview-wrap{margin:0}.color-preview-row canvas{border:1px solid var(--border);border-radius:var(--radius);width:160px;height:160px;display:block}.channel-grid{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.75rem;display:grid}.channel-grid .field{margin-bottom:0}.field input[type=color]{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;width:100%;max-width:8rem;height:2.75rem;padding:.2rem}.contrast-preview canvas{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:30rem;height:auto;display:block}.contrast-checks{gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.contrast-checks li{border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;font-size:.9rem}.contrast-checks li.pass{font-weight:600}.contrast-checks li.fail{background:var(--warn-bg);color:var(--warn-fg);font-weight:600}.unit-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:.75rem;display:grid}@media (width<=40rem){.unit-row{grid-template-columns:1fr}.unit-swap-wrap{justify-self:start}}.unit-row .field select{margin-top:.4rem}.unit-swap-wrap{padding-bottom:.15rem}.unit-swap-wrap button{color:var(--fg);border-color:var(--border);background:0 0}.calc-tabs{flex-wrap:wrap;gap:.35rem;margin:0 0 1.25rem;display:flex}.calc-tabs [role=tab]{color:var(--fg);border-color:var(--border);background:0 0;font-weight:600}.calc-tabs [role=tab][aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.dca-buys{gap:.75rem;margin:0 0 .75rem;display:grid}.dca-buy{padding:.75rem 1rem}table.files tr.row-ok td:last-child{color:var(--ok,#0a7a32)}table.files tr.row-bad td:last-child{color:var(--bad,#b00020)}table.files tr.row-warn td:last-child{color:var(--warn,#9a5b00)}.md-layout{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=900px){.md-layout{grid-template-columns:1fr 1fr;align-items:start}}.md-layout textarea{min-height:22rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.label-like{margin-bottom:.35rem;font-weight:600;display:block}.md-preview{border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;min-height:22rem;padding:.75rem 1rem}.md-preview>:first-child{margin-top:0}.md-preview pre{border:1px solid var(--border);background:color-mix(in srgb, var(--border) 35%, transparent);border-radius:6px;padding:.75rem;overflow-x:auto}.md-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.md-preview table{border-collapse:collapse;width:100%;margin:.75rem 0}.md-preview th,.md-preview td{border:1px solid var(--border);padding:.35rem .5rem}.md-preview .md-align-left{text-align:left}.md-preview .md-align-center{text-align:center}.md-preview .md-align-right{text-align:right}.md-preview blockquote{border-left:3px solid var(--border);color:var(--muted);margin:.75rem 0;padding-left:.75rem}.tool-section{border-top:1px solid var(--border);margin:2rem 0 0;padding-top:1.25rem}.tool-section:first-of-type{border-top:0;margin-top:.5rem;padding-top:0}.text-pair{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=40rem){.text-pair{grid-template-columns:1fr}}.diff-view{border:1px solid var(--border);border-radius:var(--radius);max-height:28rem;margin-top:.75rem;overflow:auto}.diff-row{grid-template-columns:1fr 1fr;display:grid}.diff-head{z-index:1;background:var(--bg);position:sticky;top:0}.diff-cell{border-bottom:1px solid var(--border);white-space:pre;align-items:baseline;gap:.4rem;min-width:0;min-height:1.45em;padding:.12rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.4;display:flex;overflow-x:auto}.diff-cell+.diff-cell{border-left:1px solid var(--border)}.diff-head-cell{font-family:inherit;font-size:.9rem;font-weight:600}.diff-mark{width:1ch;color:var(--muted);flex:none}.diff-text{min-width:0}.diff-equal{background:0 0}.diff-delete{background:var(--diff-del-bg)}.diff-insert{background:var(--diff-add-bg)}.diff-blank{background:0 0}.how-to{margin:0 0 1.25rem}.how-to h2{margin:0 0 .35rem;font-size:1.05rem}
