:root,[data-theme=light]{--bg: #FAF8F3;--bg-2: #F1EEE6;--bg-3: #ECE8DD;--bg-card: #FFFFFF;--text: #1B1822;--text-dim: #4C4856;--text-mute: #6A6676;--line: #E6E1D5;--line-2: #D8D2C3;--accent: #6243D9;--ink: #1B1822;--shadow: rgba(27, 24, 34, .1);--pos: #1c9152;--warn: #a8640d;--err: #c03434;--checker: #EDEAE1;--mono: "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, system-ui, sans-serif;color-scheme:light}[data-theme=dark]{--bg: #14131A;--bg-2: #1B1A23;--bg-3: #232230;--bg-card: #1B1A23;--text: #ECEAF2;--text-dim: #A8A4B4;--text-mute: #847F92;--line: #2A2836;--line-2: #3A3850;--accent: #A78BFA;--ink: #000000;--shadow: rgba(0, 0, 0, .5);--pos: #3ddc84;--warn: #f0b432;--err: #f07070;--checker: #232230;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:var(--sans);color:inherit;background:none;border:0;cursor:pointer}::selection{background:#ddd3fb;color:#1b1822}h1,h2,h3{line-height:1.14;font-weight:600;letter-spacing:-.02em;color:var(--text)}.container-page{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:58px}.wordmark{display:flex;align-items:center;gap:.65rem;font-size:1.06rem;font-weight:600;letter-spacing:-.02em}.wordmark img{display:block;border-radius:6px}.wordmark .tld{color:var(--text-mute);font-weight:500}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:42px;padding:0 1.2rem;border-radius:6px;font-size:.92rem;font-weight:550;border:1px solid var(--line-2);background:var(--bg-card);color:var(--text);box-shadow:3px 3px 0 var(--shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;white-space:nowrap}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow);border-color:var(--ink)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}[data-theme=dark] .btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);color:var(--text-dim);transition:color .15s ease,border-color .15s ease}.icon-btn:hover{color:var(--text);border-color:var(--line-2)}.card{background:var(--bg-card);border:1px solid var(--line-2);border-radius:6px;padding:1.5rem;box-shadow:5px 5px 0 var(--shadow)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .8rem;line-height:1;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-card);font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;color:var(--text-dim)}.chip-dot{width:7px;height:7px;border-radius:999px;background:conic-gradient(#8b5cf6,#4f86f7,#29c7d6,#34c759,#fbb024,#fb5e6d,#8b5cf6)}.lbl{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);margin-bottom:.35rem}.lbl b{color:var(--text);font-weight:600}.field{width:100%;background:var(--bg-card);border:1px solid var(--line-2);border-radius:6px;padding:.55rem .7rem;color:var(--text);font:inherit;font-size:.92rem;transition:border-color .15s ease}.field:focus{outline:none;border-color:var(--accent)}select.field{cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--line-2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:999px;background:var(--accent);border:2px solid var(--bg-card);box-shadow:0 0 0 1px var(--line-2)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line-2)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:999px;background:var(--accent);border:2px solid var(--bg-card);box-shadow:0 0 0 1px var(--line-2)}.dropzone{display:block;padding:1.4rem 1rem;text-align:center;cursor:pointer;border:1.5px dashed var(--line-2);border-radius:6px;color:var(--text-dim);font-size:.9rem;background:var(--bg-2);transition:border-color .15s ease,background .15s ease;overflow-wrap:anywhere}.dropzone:hover{border-color:var(--accent)}.dropzone.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--bg-2))}.pane{min-height:440px;display:grid;place-items:center;padding:1rem;background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%),linear-gradient(45deg,var(--checker) 25%,transparent 25%,transparent 75%,var(--checker) 75%);background-size:16px 16px;background-position:0 0,8px 8px;background-color:var(--bg-card)}.pane img,.pane svg{max-width:100%;max-height:72vh;height:auto}.pane-empty{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute)}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;border-bottom:1px solid var(--line)}.stats{font-family:var(--mono);font-size:.78rem;color:var(--text-mute);line-height:1.8}.stats b{color:var(--text);font-weight:600}.err{color:var(--err);font-size:.85rem;margin-top:.8rem}.site-footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.4rem 0;font-family:var(--mono);font-size:.74rem;color:var(--text-mute)}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--text)}