:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--panel:#1a1a1a;--border:#2e2e2e;--text:#ddd;--muted:#999;--accent:#8cb495;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}[hidden]{display:none!important}body{flex-direction:column;min-height:100vh;margin:0;display:flex}header{flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:10px 16px 0;display:flex}h1{margin:0;font-size:1.25rem}header p{color:var(--muted);margin:0}a{color:var(--accent)}main{flex:1;grid-template-columns:272px minmax(0,1fr);gap:14px;padding:10px 16px 16px;display:grid}@media (width>=761px){body{height:100vh;overflow:hidden}main{min-height:0}#controls{overflow-y:auto}}@media (width<=760px){main{grid-template-columns:minmax(0,1fr)}}#controls{flex-direction:column;gap:10px;min-height:0;display:flex}#controls section{flex-direction:column;gap:6px;display:flex}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:2px 0 0;font-size:.75rem;font-weight:600}.field{grid-template-columns:74px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.field>select,.field>input[type=text]{grid-column:2/4}.field output,.muted{color:var(--muted);font-variant-numeric:tabular-nums}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.checks{flex-wrap:wrap;gap:4px 14px;display:flex}.checks label,label.inline{align-items:center;gap:5px;display:flex}button,.button,select,input[type=text]{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:4px 8px}button,.button{cursor:pointer}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#file:focus-visible+.button{outline:2px solid var(--accent);outline-offset:2px}button:hover,.button:hover{border-color:var(--accent)}button.primary{background:#2c4632;border-color:#3f6647}input[type=text]{min-width:0;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace}input[type=range]{accent-color:var(--accent);min-width:0;margin:0}input[type=color]{border:1px solid var(--border);background:0 0;width:28px;height:20px;padding:0}#info,#status{color:var(--muted);margin:0;font-size:.9em}#status{min-height:1.2em}#stage{border:1px solid var(--border);background:#0c0c0c;border-radius:8px;place-items:center;min-height:0;padding:12px;display:grid;position:relative;overflow:hidden}@media (width<=760px){#stage{order:-1;min-height:200px;max-height:60vh;overflow:auto}}#preview{display:block}.peek-hint{margin:0;font-size:.9em}kbd{font:inherit;color:var(--text);background:#222;border:1px solid #555;border-bottom-width:2px;border-radius:4px;padding:0 5px}@media (hover:none) and (pointer:coarse){.peek-hint{display:none}}#compare-box{line-height:0;position:relative}#original{width:100%;height:100%;position:absolute;inset:0}#compare-box.comparing{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}#divider{width:0;position:absolute;top:0;bottom:0;left:50%}#divider:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #00000080}#divider-handle{box-sizing:border-box;cursor:ew-resize;background:#2c4632;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0009}#divider-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented{display:inline-flex}.segmented button{border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:5px 0 0 5px;margin-left:0}.segmented button:last-child{border-radius:0 5px 5px 0}.segmented button[aria-pressed=true]{background:#2c4632;border-color:#3f6647;position:relative}#stage.dragging{outline:2px dashed var(--accent);outline-offset:-8px}#drop-hint{color:var(--accent);background:#0009;place-items:center;margin:0;font-size:1.2rem;display:none;position:absolute;inset:0}#stage.dragging #drop-hint{display:grid}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}