:root{color:#f4f2ee;font-synthesis:none;text-rendering:optimizelegibility;--acid:#dfff00;--line:#292929;--panel:#111;--muted:#8d8d88;background:#080808;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 13%,#1b1c13 0,#080808 28rem);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#080808d1;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 720px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--acid);border-radius:50%;width:17px;height:17px;position:relative;box-shadow:0 0 18px #c9fe00b3;box-shadow:0 0 18px color(display-p3 .82 1 0/.7)}.brand-mark:after{content:"";background:#080808;border-radius:50%;width:5px;height:5px;position:absolute;inset:6px}.header-status{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:18px;font:11px DM Mono,monospace;display:flex}.privacy{color:#777}.display-badge{color:#a09f96;border:1px solid #30302a;border-radius:999px;padding:7px 10px}.display-badge.active{color:var(--acid);border-color:#617000;box-shadow:inset 0 0 16px #dfff0012}main{width:min(1440px,100%);margin:0 auto;padding:72px 24px 96px}.intro{max-width:900px;margin-bottom:42px}.eyebrow{color:var(--acid);text-transform:uppercase;letter-spacing:.12em;margin:0 0 17px;font:500 11px DM Mono,monospace}h1{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(44px,6.3vw,92px);font-weight:600;line-height:.96}h1 span{color:var(--acid);text-shadow:0 0 38px #dfff001f}.lede{color:#a3a29d;max-width:690px;margin:26px 0 0;font-size:17px;line-height:1.65}.examples{align-items:center;gap:9px;margin-bottom:18px;padding-bottom:2px;display:flex;overflow-x:auto}.examples>span{color:#6e6e6a;text-transform:uppercase;white-space:nowrap;margin-right:7px;font:10px DM Mono,monospace}.example{cursor:pointer;color:#92928d;white-space:nowrap;background:#111;border:1px solid #282828;border-radius:7px;align-items:center;gap:9px;height:48px;padding:4px 12px 4px 4px;font-size:11px;transition:all .16s;display:flex}.example:hover,.example.active{color:#fff;background:#181818;border-color:#58584d}.example.active{box-shadow:inset 0 -2px var(--acid)}.example img{object-fit:cover;border-radius:4px;width:38px;height:38px}.tool-shell{border:1px solid var(--line);background:#0d0d0d;grid-template-columns:minmax(0,1fr) 340px;min-height:640px;display:grid;box-shadow:0 26px 90px #0009}.stage-column{flex-direction:column;min-width:0;display:flex}.drop-zone{outline:none;flex:1;min-height:570px;padding:18px;transition:box-shadow .2s}.drop-zone.dragging{box-shadow:inset 0 0 0 2px var(--acid)}.drop-zone.error{box-shadow:inset 0 0 0 2px #ff5d45}.stage-toolbar{justify-content:space-between;align-items:flex-start;height:43px;display:flex}.stage-toolbar div{flex-direction:column;gap:3px;min-width:0;display:flex}.stage-toolbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,360px);font-size:13px;font-weight:600;overflow:hidden}.stage-toolbar span{color:#686864;font:10px DM Mono,monospace}.quiet-button,.reset-button,.pick-button,.jpeg-button{cursor:pointer;background:#151515;border:1px solid #31312f;border-radius:5px}.quiet-button{color:#a1a19b;padding:7px 10px;font-size:11px}.quiet-button:hover,.pick-button:hover,.jpeg-button:hover{color:#fff;border-color:#5c5c55}.comparison{grid-template-columns:1fr 1fr;gap:10px;height:calc(100% - 43px);min-height:486px;display:grid}figure{flex-direction:column;min-width:0;margin:0;display:flex}figcaption{color:#686864;letter-spacing:.08em;text-transform:uppercase;height:27px;font:9px DM Mono,monospace}.image-well{border:1px solid #1e1e1e;flex:1;justify-content:center;align-items:center;min-height:450px;display:flex;position:relative;overflow:hidden}.checkerboard{background-color:#101010;background-image:linear-gradient(45deg,#151515 25%,#0000 25%),linear-gradient(-45deg,#151515 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#151515 75%),linear-gradient(-45deg,#0000 75%,#151515 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}#source-canvas,.output-well img{object-fit:contain;image-rendering:auto;width:100%;max-width:100%;height:100%;max-height:560px;display:block}#source-canvas.picking{cursor:crosshair}.image-pick-button{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dbdad3;cursor:pointer;background:#0b0b0be0;border:1px solid #55554c;border-radius:999px;padding:8px 11px;font-size:10px;position:absolute;bottom:12px;left:12px;box-shadow:0 5px 20px #0008}.image-pick-button:hover,.image-pick-button.active{color:#0b0b0b;background:var(--acid);border-color:var(--acid)}.image-pick-button span{margin-right:4px}.color-loupe{z-index:6;opacity:0;pointer-events:none;background:#0b0b0b;border:2px solid #fff;border-radius:9px;width:84px;transition:opacity .1s,transform .1s;position:absolute;overflow:hidden;transform:scale(.88);box-shadow:0 8px 30px #000d}.color-loupe.visible{opacity:1;transform:scale(1)}.color-loupe canvas{width:80px;height:72px;image-rendering:pixelated;display:block}.color-loupe:after{content:"";border:1px solid #fff;width:6px;height:6px;position:absolute;top:34px;left:38px;box-shadow:0 0 0 1px #000}.color-loupe span{color:#fff;text-align:center;text-transform:uppercase;padding:5px 4px 6px;font:9px DM Mono,monospace;display:block}.drop-prompt{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none;position:absolute;inset:0}.drop-zone:not(.has-image) .drop-prompt{display:flex}.drop-prompt span{color:#777;font-size:11px}.processing{color:#a9a9a2;opacity:0;pointer-events:none;background:#0b0b0bd9;justify-content:center;align-items:center;gap:10px;font:10px DM Mono,monospace;transition:opacity .12s;display:flex;position:absolute;inset:0}.processing.visible{opacity:1}.processing span{background:var(--acid);width:8px;height:8px;box-shadow:0 0 15px var(--acid);border-radius:50%;animation:.7s infinite alternate pulse}@keyframes pulse{to{opacity:.45;transform:scale(.45)}}.stage-note{border-top:1px solid var(--line);background:#0a0a0a;align-items:flex-start;gap:12px;min-height:68px;padding:15px 20px;display:flex}.stage-note p{color:#71716d;max-width:650px;margin:0;font-size:11px;line-height:1.5}.stage-note strong{color:#aaa9a3;font-weight:600}.spark-icon{color:var(--acid);text-shadow:0 0 9px var(--acid)}.controls{border-left:1px solid var(--line);background:#111;padding:20px}.control-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.control-header div{flex-direction:column;gap:4px;display:flex}.control-header span{text-transform:uppercase;color:#696964;letter-spacing:.08em;font:9px DM Mono,monospace}.control-header strong{font-size:14px}.reset-button{color:#7c7c76;background:0 0;padding:6px 9px;font:10px DM Mono,monospace}.mode-switch{background:#090909;border:1px solid #282828;border-radius:6px;grid-template-columns:1fr 1fr;margin:18px 0 4px;padding:3px;display:grid}.mode-button{color:#74746f;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:9px 5px;font-size:11px}.mode-button.active{color:#111;background:var(--acid);font-weight:700}.control-group{border-bottom:1px solid var(--line);padding:17px 1px 16px;transition:opacity .15s}.control-group.hidden{display:none}.control-group label,.dither-options label{color:#aaa9a3;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;display:flex}output{color:#e8e7e1;font:10px DM Mono,monospace}input[type=range]{width:100%;height:3px;accent-color:var(--acid);cursor:pointer;margin:5px 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--acid), #383838);border-radius:5px;height:3px}input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px}.range-labels{color:#555;text-transform:uppercase;justify-content:space-between;margin-top:5px;font:8px DM Mono,monospace;display:flex}.color-row{gap:8px;margin-bottom:16px;display:flex}input[type=color]{cursor:pointer;background:#111;border:1px solid #343432;border-radius:5px;width:42px;height:34px;padding:2px}.pick-button{color:#989892;flex:1;font-size:10px}.pick-button.active{border-color:var(--acid);color:var(--acid)}.pick-button span{margin-right:4px}.dither-card{border-bottom:1px solid var(--line);padding:17px 1px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex;position:relative}.toggle-row>span{flex-direction:column;gap:3px;display:flex}.toggle-row strong{font-size:11px;font-weight:600}.toggle-row small{color:#62625e;font-size:9px}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#333;border-radius:20px;width:32px;height:18px;transition:all .15s;position:relative}.toggle-row i:after{content:"";background:#8b8b85;border-radius:50%;width:12px;height:12px;transition:all .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:var(--acid)}.toggle-row input:checked+i:after{background:#111;transform:translate(14px)}.dither-options{opacity:1;grid-template-columns:1fr 1fr;gap:9px 12px;max-height:125px;margin-top:17px;transition:all .18s;display:grid}.dither-options.disabled{opacity:0;pointer-events:none;max-height:0;margin-top:0;overflow:hidden}.dither-options label{margin:0}.dither-options input{grid-column:1/-1}select{color:#b8b8b2;background:#171717;border:1px solid #30302e;border-radius:4px;padding:6px;font-size:10px}.export-block{grid-template-columns:1fr 95px;gap:7px;margin-top:20px;display:grid}.download-button{background:var(--acid);color:#0b0b0b;text-align:left;cursor:pointer;border:0;border-radius:5px;flex-direction:column;gap:2px;padding:11px 14px;display:flex;box-shadow:0 0 24px #dfff0015}.download-button:hover{filter:brightness(1.09)}.download-button span{font-size:11px;font-weight:700}.download-button small{opacity:.62;font:8px DM Mono,monospace}.jpeg-button{color:#9d9d97;font-size:10px}footer{color:#545450;text-transform:uppercase;border-top:1px solid #222;justify-content:space-between;align-items:center;width:min(1440px,100% - 48px);height:68px;margin:0 auto;font:9px DM Mono,monospace;display:flex}@media (width<=960px){main{padding-top:50px}.tool-shell{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--line)}.drop-zone{min-height:500px}.image-well{min-height:380px}}@media (width<=620px){.topbar{padding:0 16px}.privacy{display:none}.display-badge{font-size:8px}main{padding:38px 12px 64px}h1{font-size:48px}.lede{font-size:14px}.comparison{grid-template-columns:1fr;height:auto}.image-well{min-height:300px;max-height:390px}.drop-zone{min-height:0;padding:10px}.stage-toolbar{padding:6px 3px}.controls{padding:18px}footer{gap:20px;width:calc(100% - 24px)}footer span:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}