.tool-convert{--cv-i-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M17 8l-5-5-5 5M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");--cv-i-swap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4M4 7h16M16 21l4-4-4-4M20 17H4'/%3E%3C/svg%3E");--cv-i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}.cv-i:before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--cv-m) center/contain no-repeat;mask:var(--cv-m) center/contain no-repeat}.cv-i-copy{--cv-m:var(--i-copy)}.cv-i-dl{--cv-m:var(--i-dl)}.cv-i-up{--cv-m:var(--cv-i-up)}.cv-i-swap{--cv-m:var(--cv-i-swap)}.cv-i-clock{--cv-m:var(--cv-i-clock)}.cv-i.copied{--cv-m:var(--i-check)}.cv-i.copied:before{animation:cv-pop var(--dur-2) var(--ease-pop) both}@keyframes cv-pop{0%{transform:scale(.6)}to{transform:none}}.cv-tabs{position:relative;margin-bottom:0}@media(min-width:760px){.cv-tabs{flex-wrap:wrap;overflow:visible;row-gap:6px}}.cv-pane{display:grid;gap:16px;align-content:start}.cv-pane.is-entering{animation:cv-in var(--dur-3) var(--ease-out)}@keyframes cv-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:600px){.cv-pane{gap:20px}}.cv-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.cv-top-text{min-width:0;flex:1 1 320px}.cv-top h2{margin:0;font-size:var(--fs-20);font-weight:700;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}.cv-top p{margin:4px 0 0;max-width:60ch;font-size:var(--fs-14);line-height:1.45;color:var(--fg-2);text-wrap:pretty}.cv-segs{display:flex;flex-wrap:wrap;gap:8px}.cv-help{margin:0;font-size:var(--fs-13);line-height:1.45;color:var(--fg-2);text-wrap:pretty}.cv-io{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.cv-col{display:grid;gap:12px;min-width:0;align-content:start;border-radius:var(--r-lg);transition:box-shadow var(--dur-2),outline-color var(--dur-2)}.cv-col.over{outline:2px dashed var(--accent-ink);outline-offset:6px;box-shadow:0 0 0 6px var(--accent-soft)}.cv-flow{display:grid;place-items:center;justify-self:center;width:36px;height:36px;border-radius:50%;background:var(--surface-2);color:var(--fg-2)}.cv-flow svg{width:18px;height:18px;transform:rotate(90deg)}@media(min-width:900px){.cv-io{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.cv-io.has-flow{gap:12px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.cv-flow{align-self:start;margin-top:120px}.cv-flow svg{transform:none}}.cv-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--ctl-sm);min-width:0}.cv-field-head label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cv-head-acts{display:flex;align-items:center;gap:4px;flex:none}.cv-head-acts .btn-quiet{padding:0 10px;color:var(--fg-2)}@media(hover:hover){.cv-head-acts .btn-quiet:hover{color:var(--fg)}}.cv-io textarea{min-height:180px}#csv-in,#csv-out{min-height:240px}@media(min-width:900px){#csv-in,#csv-out{min-height:320px}}.field textarea[readonly]::placeholder{font-family:var(--font-sans)}.cv-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cv-file{position:relative;cursor:pointer}.cv-file:focus-within{outline:2px solid var(--focus);outline-offset:2px}.cv-drop-note{font-size:var(--fs-13);color:var(--fg-2)}.cv-main{min-height:var(--ctl-lg);padding:0 24px}@media(hover:none){.cv-drop-note,.cv-drop-more{display:none}}.cv-status{margin:0;min-height:1.45em;font-size:var(--fs-13);line-height:1.45;color:var(--fg-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cv-status:empty{min-height:0}.cv-pane .hint{display:flex;gap:6px;margin:0;min-height:0;overflow-wrap:anywhere}.cv-pane .hint:before{content:"";flex:none;width:14px;height:14px;margin-top:2px;background:currentColor;-webkit-mask:var(--i-warn) center/contain no-repeat;mask:var(--i-warn) center/contain no-repeat}.cv-pane .hint:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.cv-notes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cv-notes:empty{display:none}.cv-notes li{position:relative;padding:10px 12px 10px 36px;border-radius:var(--r-md);background:var(--info-bg);color:var(--info-fg);font-size:var(--fs-14);line-height:1.45;overflow-wrap:anywhere}.cv-notes li:before{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;background:var(--fg-2);-webkit-mask:var(--i-info) center/contain no-repeat;mask:var(--i-info) center/contain no-repeat}.cv-pane fieldset.group{gap:12px}.cv-pane fieldset.group legend{margin-bottom:2px}.cv-checks{display:grid}.cv-checks .check{align-items:flex-start;padding-block:12px;min-height:44px}.cv-checks .check input{margin-top:0}.cv-checks-row{display:flex;flex-wrap:wrap;gap:0 24px}[data-b64]{display:grid;gap:16px;align-content:start}.cv-drop-btn{pointer-events:none;margin-top:4px}.cv-fileinfo{display:grid;gap:2px;padding:12px 16px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent);font-size:var(--fs-14);overflow-wrap:anywhere;animation:rise var(--dur-3) var(--ease-out)}.cv-fileinfo b{font-weight:600}.cv-fileinfo .muted{font-size:var(--fs-13);color:var(--fg-2);font-variant-numeric:tabular-nums}.cv-fileopts{max-width:420px}.cv-decoded{display:flex;gap:16px;align-items:center;padding:12px;border-radius:var(--r-lg);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent);animation:rise var(--dur-3) var(--ease-out)}.cv-decoded img{width:96px;height:96px;flex:none;object-fit:contain;border-radius:var(--r-sm);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0/12px 12px;box-shadow:0 0 0 1px var(--line)}.cv-decoded-body{display:grid;gap:10px;flex:1;min-width:0}.cv-decoded-meta{margin:0;font-size:var(--fs-14);font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cv-line{display:flex;align-items:flex-end;gap:8px;min-width:0}.cv-line .field{flex:1;min-width:0}.cv-line .btn-sm{min-height:var(--field-h)}.cv-line input,.cv-nums input{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cv-pick input[type=color]{height:56px}.cv-range>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cv-val{font-family:var(--font-mono);font-weight:600;color:var(--fg-2);font-variant-numeric:tabular-nums}.cv-swatch{height:168px;border-radius:var(--r-lg);overflow:hidden;background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0/18px 18px;box-shadow:inset 0 0 0 1px var(--line)}.cv-swatch-fill{height:100%;display:grid;place-items:center;font:700 var(--fs-20)/1 var(--font-mono);letter-spacing:.02em;transition:background-color var(--dur-1)}.cv-h3{margin:4px 0 0;font-size:var(--fs-16);font-weight:700}.cv-contrast{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.cv-cc{display:grid;gap:6px;padding:14px 16px;border-radius:var(--r-md)}.cv-cc-light{background:#fff;color:#0a0a0a;box-shadow:inset 0 0 0 1px #e2e5dc}.cv-cc-dark{background:#000;color:#f3f5ee;box-shadow:inset 0 0 0 1px #30352d}.cv-sample{font-size:1.375rem;font-weight:800;line-height:1.2}.cv-ratio{font-size:var(--fs-14);font-variant-numeric:tabular-nums}.cv-ratio b{font-size:var(--fs-18)}.cv-badges{display:flex;flex-wrap:wrap;gap:4px}.cv-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:var(--fs-12);font-weight:700;white-space:nowrap}.cv-cc-light .is-ok{background:#dcfce7;color:#14532d}.cv-cc-light .is-no{background:#fde2e1;color:#8c1d18}.cv-cc-dark .is-ok{background:#12321f;color:#86efac}.cv-cc-dark .is-no{background:#3a1513;color:#ffb4ab}@media(max-width:899px){.cv-color .cv-col{display:contents}.cv-color .cv-swatch{order:-1;height:112px}}.cv-nums{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:760px){.cv-nums{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}}[data-status=num]{overflow-wrap:anywhere}.cv-cases{display:flex;flex-wrap:wrap;gap:8px}.cv-cases button{flex:none;min-height:var(--ctl-md);padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--surface-1);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong);font:600 var(--fs-14)/1 var(--font-sans);white-space:nowrap;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-1) var(--ease-out)}.cv-cases button:active{transform:scale(.97)}.cv-cases button[aria-pressed=true]{background:var(--fg);color:var(--canvas);box-shadow:none}.cv-cases button:focus-visible{outline-offset:-2px}.cv-cases button[aria-pressed=true]:focus-visible{outline-color:var(--canvas);outline-offset:-4px}@media(hover:hover){.cv-cases button:not([aria-pressed=true]):hover{background:var(--surface-2)}}@media(max-width:599px){.cv-cases{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--panel-pad) * -1);padding:2px var(--panel-pad);scroll-padding-inline:var(--panel-pad);scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--panel-pad),#000 calc(100% - var(--panel-pad)),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--panel-pad),#000 calc(100% - var(--panel-pad)),transparent)}.cv-cases::-webkit-scrollbar{display:none}}.cv-now{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;min-height:36px;padding:6px 14px;border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-13);color:var(--fg-2)}.cv-now b{font:600 var(--fs-14)/1 var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums}.cv-now-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}@media(min-width:520px){.cv-ts-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.cv-dl{margin:0;display:grid;border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.cv-dl-row{display:grid;gap:4px;padding:10px 12px 10px 16px}.cv-dl-row+.cv-dl-row{box-shadow:inset 0 1px 0 var(--sep)}.cv-dl-row:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cv-dl dt{font-size:var(--fs-12);font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase;color:var(--fg-2)}.cv-dl dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.cv-dl code{min-width:0;font:600 var(--fs-14)/1.4 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);overflow-wrap:anywhere}@media(max-width:599px){.cv-top{align-items:stretch}.cv-top-text{flex-basis:100%}.cv-segs{flex-direction:column;width:100%}.cv-now{align-self:flex-start}.cv-tools>.btn-primary,.cv-tools>.btn-ghost{flex:1 1 auto}.cv-main{width:100%}.cv-decoded{flex-direction:column;align-items:stretch}.cv-decoded img{align-self:center}.seg button{padding:0 10px}}@media(prefers-reduced-motion:reduce){.cv-pane.is-entering,.cv-fileinfo,.cv-decoded,.cv-i.copied:before{animation:none}.cv-swatch-fill,.cv-col,.cv-cases button{transition:none}}.cv-opts{display:grid;gap:12px}.cv-opts .row{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}@media(min-width:600px){.cv-opts .cv-checks{display:flex;flex-wrap:wrap;gap:0 24px}}@media(max-width:599px){#csv-in,#csv-out{min-height:200px;height:200px}}