*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--bg: #000000;--surface: #0a0a0a;--surface-raised: #111111;--text: #ededed;--text-strong: #ffffff;--muted: #8f8f8f;--border: #242424;--border-strong: #3a3a3a;--accent: #ffffff;--accent-contrast: #000000;--accent-soft: #161616;--focus-ring: #ffffff;--info-bg: #0c1a2c;--info-text: #6cb6ff;--info-border: #14385f;--success-bg: #07210f;--success-text: #5bd97a;--success-border: #14502a;--error-bg: #2a0c0c;--error-text: #ff7a7a;--error-border: #5a1717;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}body{min-height:100dvh;background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.05) 0%,transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);letter-spacing:-.011em}#app{max-width:64ch;margin-inline:auto;padding:4rem 1.25rem 5rem}@media(min-width:48rem){#app:has(.dashboard){max-width:68rem}}.dashboard__intro h1{margin:0 0 .65rem;font-size:clamp(2rem,6vw,2.6rem);font-weight:600;line-height:1.05;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#b3b3b3);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard__intro p{margin:0 0 2.5rem;color:var(--muted);font-size:1.05rem;line-height:1.6}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.tool-card:hover{border-color:var(--border-strong);background:var(--surface-raised);box-shadow:0 16px 50px -20px #000000e6}.tool-card__icon{font-size:1.75rem;line-height:1}.tool-card__name{margin:.25rem 0 0;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.tool-card__tagline{margin:0;flex:1 1 auto;color:var(--muted);font-size:.95rem;line-height:1.5}.tool-card__action{margin-top:1rem;width:100%}.resizer{margin-top:1.5rem;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.resizer__original{margin:0 0 1.25rem;font-family:var(--font-mono);font-size:.9rem;color:var(--muted)}.resizer__presets{margin-bottom:1.35rem}.resizer__presets-label{display:block;margin-bottom:.6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.resizer__chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .75rem;font:inherit;font-weight:550;line-height:1.2;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:transform .06s ease,border-color .18s ease,background .18s ease,color .18s ease}.chip:hover{border-color:var(--accent);background:#1c1c1c}.chip:active{transform:translateY(1px)}.chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.chip--active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.chip__dims{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--muted)}.chip--active .chip__dims{color:var(--accent-contrast);opacity:.7}.resizer__fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.resizer__field{display:flex;flex-direction:column;gap:.4rem}.resizer__field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.resizer__field input{padding:.6rem .75rem;font:inherit;font-weight:500;color:var(--text-strong);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);appearance:textfield}.resizer__field input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.resizer__aspect{display:flex;align-items:center;gap:.55rem;margin:1.1rem 0 1.35rem;font-size:.95rem;color:var(--text);cursor:pointer}.resizer__aspect input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.flatten{margin-top:1.5rem;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.flatten__color{margin-bottom:1.35rem}.flatten__color>label{display:block;margin-bottom:.6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.flatten__color-inputs{display:flex;align-items:center;gap:.75rem}.flatten__swatch{flex:0 0 auto;width:2.75rem;height:2.75rem;padding:0;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.flatten__swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.flatten__hex{flex:1 1 auto;min-width:0;padding:.6rem .75rem;font:inherit;font-family:var(--font-mono);font-weight:500;color:var(--text-strong);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.flatten__hex:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.flatten__hex[aria-invalid=true]{border-color:var(--danger, #e5484d)}.flatten__hint{margin:.55rem 0 0;font-size:.85rem;color:var(--muted)}.flatten__hint code{font-family:var(--font-mono);color:var(--text-strong)}.back-link{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.5rem;color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .18s ease}.back-link:hover{color:var(--text-strong)}.back-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.converter__intro h1{margin:0 0 .65rem;font-size:clamp(2rem,6vw,2.6rem);font-weight:600;line-height:1.05;letter-spacing:-.04em;color:var(--text-strong);background:linear-gradient(180deg,#fff,#b3b3b3);-webkit-background-clip:text;background-clip:text;color:transparent}.converter__intro p{margin:0 0 2rem;color:var(--muted);font-size:1.05rem;line-height:1.6}.format-picker{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.format-picker__label{font-size:.85rem;font-weight:550;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.format-picker__select{flex:0 0 auto;padding:.55rem 2.2rem .55rem .85rem;font:inherit;font-weight:550;color:var(--text-strong);background-color:var(--surface-raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238f8f8f' d='M6 8L1.5 3.5h9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;appearance:none;transition:border-color .18s ease,background-color .18s ease}.format-picker__select:hover{border-color:var(--accent);background-color:#1c1c1c}.format-picker__select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:3rem 1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .06s ease}.dropzone:hover{border-color:var(--border-strong);background:var(--surface-raised);box-shadow:0 0 0 1px #ffffff05,0 12px 40px -12px #000c}.dropzone:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dropzone--active{border-color:var(--text-strong);border-style:dashed;background:var(--accent-soft);box-shadow:0 0 0 1px #ffffff1f,0 16px 50px -16px #000000e6}.dropzone__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:.25rem;font-size:1.4rem;line-height:1;color:var(--text-strong);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:50%}.dropzone__primary{font-size:1.1rem;font-weight:550;color:var(--text-strong)}.dropzone__secondary{color:var(--muted);font-size:.9rem}.dropzone__input{display:none}.status{margin-top:1.25rem;padding:.85rem 1.05rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:.95rem;line-height:1.45}.status--working,.status--same-format{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.status--converted{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.result{margin-top:1.5rem;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 60px -28px #000000e6}.result__preview{display:flex;justify-content:center;padding:1rem;background:repeating-conic-gradient(#1a1a1a 0% 25%,#0d0d0d 0% 50%) 50% / 20px 20px;border:1px solid var(--border);border-radius:var(--radius-md)}.result__preview img{max-width:100%;max-height:320px;height:auto;border-radius:6px}.result__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem 1rem;margin:1.35rem 0}.result__meta div{margin:0;padding:.75rem .85rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}.result__meta dt{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.result__meta dd{margin:.3rem 0 0;font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--text-strong);word-break:break-word}.result__exif{margin:1.35rem 0;padding-top:1.35rem;border-top:1px solid var(--border)}.result__exif-heading{margin:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.result__exif .result__meta{margin-bottom:0}.result__exif-empty{margin:.85rem 0 0;padding:.85rem 1rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;line-height:1.5}.result__map{margin:1.35rem 0;padding-top:1.35rem;border-top:1px solid var(--border)}.result__map-frame{margin-top:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-raised)}.result__map-frame iframe{display:block;width:100%;height:240px;border:0}.result__map-link{display:inline-block;margin-top:.75rem;font-size:.9rem;color:var(--accent, inherit)}.result__actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.3rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-strong);font:inherit;font-weight:550;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .06s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.button:hover{border-color:var(--border-strong);background:#1c1c1c}.button:active{transform:translateY(1px)}.button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button--primary:hover{background:#e6e6e6;border-color:#e6e6e6;box-shadow:0 8px 30px -10px #ffffff40}.wm-section{margin-top:1.5rem;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.wm-section__title{margin:0 0 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.wm-mark{display:flex;align-items:center;gap:1.1rem}.wm-mark__thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;padding:.5rem;background:repeating-conic-gradient(#1a1a1a 0% 25%,#0d0d0d 0% 50%) 50% / 14px 14px;border:1px solid var(--border);border-radius:var(--radius-md)}.wm-mark__thumb img{max-width:100%;max-height:100%;height:auto}.wm-mark__body{flex:1 1 auto}.wm-mark__note{margin:0 0 .85rem;color:var(--muted);font-size:.9rem}.wm-queue{margin:1.1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.wm-queue__item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}.wm-queue__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:var(--text)}.wm-queue__dims{flex:0 0 auto;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.wm-queue__remove{flex:0 0 auto;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:.85rem;color:var(--muted);background:transparent;border:1px solid var(--border-strong);border-radius:50%;cursor:pointer;transition:color .18s ease,border-color .18s ease}.wm-queue__remove:hover{color:var(--text-strong);border-color:var(--text-strong)}.wm-queue__remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wm-placement{margin:0 0 1.5rem;padding:0;border:0}.wm-placement legend{padding:0;margin-bottom:.6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.wm-placement__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;width:8.5rem;aspect-ratio:1}.wm-placement__cell{display:flex;align-items:center;justify-content:center;padding:0;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s ease,background .18s ease}.wm-placement__cell:hover{border-color:var(--accent)}.wm-placement__cell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wm-placement__cell--active{border-color:var(--accent);background:var(--accent-soft)}.wm-placement__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--border-strong);transition:background .18s ease}.wm-placement__cell--active .wm-placement__dot{background:var(--accent)}.wm-slider{margin-bottom:1.25rem}.wm-slider label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.wm-slider__value{font-family:var(--font-mono);font-size:.85rem;text-transform:none;letter-spacing:0;color:var(--text-strong)}.wm-slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.wm-slider input[type=range]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.wm-slider input[type=range]:disabled{cursor:not-allowed;opacity:.45}.wm-slider__hint{margin:.4rem 0 0;font-size:.75rem;color:var(--muted)}.wm-preview{margin-bottom:1.35rem}.wm-preview__label{margin:0 0 .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.wm-preview__canvas{max-width:100%;max-height:320px;height:auto;border-radius:6px}.wm-preview__empty{margin:0 0 1.35rem;padding:.85rem 1rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem}.wm-results{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem}.wm-results__bar{margin-bottom:1.1rem}.wm-results__item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.wm-results__thumb{flex:0 0 auto;width:4.5rem;height:4.5rem;padding:.35rem}.wm-results__thumb img{max-width:100%;max-height:100%;height:auto;border-radius:4px}.wm-results__meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.25rem}.wm-results__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:var(--text)}.wm-results__size{font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.button:disabled{opacity:.45;cursor:not-allowed}.blur-mode{margin:0 0 1.25rem;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.5rem}.blur-mode legend{padding:0;margin-bottom:.6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.blur-mode__option{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;font-size:.95rem;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s ease,background .18s ease}.blur-mode__option:hover{border-color:var(--accent)}.blur-mode__option input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.blur-mode__option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--text-strong)}.blur-editor{margin-bottom:1.25rem}.blur-editor__hint{margin:0 0 .75rem;font-size:.85rem;line-height:1.5;color:var(--muted)}.blur-editor__surface{position:relative;display:inline-block;max-width:100%;line-height:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.blur-editor__img{display:block;max-width:100%;max-height:360px;height:auto;pointer-events:none}.blur-editor__region{position:absolute;border:2px solid var(--text-strong);border-radius:4px;background:#ffffff1f;box-shadow:0 0 0 1px #00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:move;touch-action:none}.blur-editor__region--selected{border-color:var(--accent);box-shadow:0 0 0 1px #00000080,0 0 0 3px var(--accent-soft)}.blur-editor__handle{position:absolute;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;background:var(--accent);border:2px solid var(--accent-contrast);border-radius:50%;box-shadow:0 1px 3px #00000073;touch-action:none}.blur-editor__handle--nw,.blur-editor__handle--se{cursor:nwse-resize}.blur-editor__handle--ne,.blur-editor__handle--sw{cursor:nesw-resize}.blur-editor__handle--n,.blur-editor__handle--s{cursor:ns-resize}.blur-editor__handle--e,.blur-editor__handle--w{cursor:ew-resize}.blur-editor__region-remove{position:absolute;top:-.7rem;right:-.7rem;width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:.9rem;line-height:1;color:var(--accent-contrast);background:var(--accent);border:1px solid var(--accent);border-radius:50%;cursor:pointer}.blur-editor__region-remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.blur-editor__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem}.blur-editor__count{font-size:.85rem;color:var(--muted)}.not-found{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:1rem}.not-found__glyph{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.75rem;font-weight:700;letter-spacing:-.05em;line-height:1;-webkit-user-select:none;user-select:none}.not-found__digit{font-size:clamp(5rem,22vw,9rem);background:linear-gradient(180deg,#fff,#6b6b6b);-webkit-background-clip:text;background-clip:text;color:transparent}.not-found__lens{display:flex;align-items:center;justify-content:center;width:clamp(4rem,16vw,6.5rem);height:clamp(4rem,16vw,6.5rem);font-size:clamp(2rem,9vw,3.5rem);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),transparent 60%),var(--surface-raised);border:1px solid var(--border-strong);border-radius:50%;box-shadow:0 24px 60px -24px #000000e6;animation:not-found-float 4s ease-in-out infinite}@keyframes not-found-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.not-found__lens{animation:none}}.not-found__title{margin:0 0 .75rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#b3b3b3);-webkit-background-clip:text;background-clip:text;color:transparent}.not-found__lede{margin:0 0 2rem;max-width:42ch;color:var(--muted);font-size:1.05rem;line-height:1.6}.not-found__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem}.not-found__tools{width:100%}.not-found__tools-label{margin:0 0 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.not-found__tool-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:0;list-style:none}.not-found__tool-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .18s ease,background .18s ease,transform .06s ease}.not-found__tool-link:hover{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text-strong)}.not-found__tool-link:active{transform:translateY(1px)}.not-found__tool-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.not-found__tool-icon{font-size:1.1rem;line-height:1}.recolor{margin-top:1.5rem;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.recolor__panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.35rem}@media(max-width:640px){.recolor__panels{grid-template-columns:1fr}}.recolor__label{margin:0 0 .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.recolor__label code{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:var(--text-strong)}.recolor__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.recolor__row{display:flex;align-items:center;gap:.6rem}.recolor__original{flex:0 0 auto;width:1.6rem;height:1.6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.recolor__from,.recolor__to{font-family:var(--font-mono);font-size:.85rem;color:var(--text-strong)}.recolor__from{min-width:5.5rem}.recolor__arrow{color:var(--muted)}.recolor__swatch{flex:0 0 auto;width:2.25rem;height:2.25rem;padding:0;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.recolor__swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.recolor__frame{min-height:160px;align-items:center}.recolor__empty{margin:0;padding:.85rem 1rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem}.recolor__empty code{font-family:var(--font-mono);color:var(--text-strong)}.recolor__meta{margin:.9rem 0 0;font-size:.85rem;color:var(--muted)}