.invert-badges{text-align:center;font:400 13px/1.6 var(--fp);color:var(--sub);margin:24px 0}.bleed-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bleed-toggle input{accent-color:var(--pink);width:20px;height:20px}.bleed-toggle span{width:100%;font:400 13px/1.6 var(--fp);color:var(--sub)}.invert-how .steps{grid-template-columns:repeat(4,minmax(0,1fr))}.invert-how .steps h3{font-size:18px}.invert-features{max-width:1160px;padding:52px 20px;margin:auto}.invert-features article{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 48px;margin:20px 0;border-radius:40px;background:var(--t4)}.invert-features article:nth-child(2){background:var(--t3)}.invert-features article:nth-child(3){background:var(--t2)}.invert-features article:nth-child(4){background:var(--t1)}.invert-features h2{font:800 var(--h2)/1.2 var(--fh);letter-spacing:-.01em;margin:0 0 20px}.invert-features p{color:var(--sub);margin:0 0 24px}.invert-features img{display:block;width:100%;height:auto;border-radius:24px;object-fit:contain;background:var(--soft)}.guidance-figure{margin:0 auto;max-width:1080px}.guidance-figure img{display:block;width:100%;height:auto;border-radius:24px;background:var(--soft)}.guidance-figure figcaption{font:400 13px/1.6 var(--fp);color:var(--sub);margin-top:16px}.invert-facts>h2{max-width:680px;text-align:center}.invert-facts .effect-tips{border:0;padding:0}.invert-facts p{max-width:65ch}.invert-guidance .section-intro>p{text-align:left}body[data-tool=invert]{--tint:var(--t3)}
@media(max-width:860px){.invert-how .steps{grid-template-columns:1fr}.invert-features{padding:36px 16px}.invert-features article{grid-template-columns:1fr;gap:28px;padding:40px 16px;margin:20px -4px;border-radius:28px}.invert-facts .effect-tips{grid-template-columns:1fr}}


.invert-modes{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.invert-modes button,.invert-area button,.invert-negative button{font:600 13px/1.4 var(--fh);padding:10px 18px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.invert-modes [aria-pressed=true],.invert-negative [aria-pressed=true]{background:var(--pink);color:#fff;border-color:var(--pink)}.mode-description,.invert-controls small,.invert-area p,.invert-negative p,.invert-area-toolbar span{font:400 13px/1.6 var(--fp);color:var(--sub)}.invert-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.invert-controls small{display:block;margin-top:12px}.invert-controls [hidden],[hidden]{display:none!important}.invert-alpha>span{display:flex;align-items:center;gap:10px}.invert-alpha input{width:20px;height:20px;accent-color:var(--pink)}.invert-controls .download{align-self:end}.invert-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.invert-area,.invert-negative{padding:24px;background:var(--t4);border-radius:24px;margin-top:24px}.invert-area-toolbar,.invert-negative{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.invert-area label,.invert-negative label,.invert-numeric label{font:600 13px/1.5 var(--fh)}.invert-area select,.invert-numeric input{display:block;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:10px;font:400 14px var(--fp);min-height:44px}.invert-negative input[type=color]{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:16px;padding:4px;background:#fff}.invert-negative p{flex-basis:100%;margin:0}.invert-negative input[type=range]{display:block;accent-color:var(--pink)}.invert-numeric{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.invert-numeric input{width:100px}.area-numeric summary{cursor:pointer;color:var(--ink);font-size:14px}.invert-compare{display:block;font:400 13px/1.5 var(--fp);color:var(--sub);margin-top:16px}.invert-compare input{display:block;width:100%;height:24px;accent-color:var(--pink);margin:8px 0}.comparison #selectionLayer{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.comparison #selectionLayer.drawing-enabled{pointer-events:auto;touch-action:none;cursor:crosshair}.original-held #selectionLayer{visibility:hidden}.invert-facts{max-width:900px}.invert-facts>h2{max-width:680px;text-align:center}.invert-facts>p{max-width:70ch;margin:24px auto}.invert-facts article{margin:32px 0}.invert-facts article h3{font-size:21px;margin-bottom:12px}.invert-facts article p{margin:0;color:var(--sub)}
@media(max-width:860px){.invert-controls{grid-template-columns:1fr}.invert-controls .download{width:100%}.invert-area,.invert-negative{padding:20px 16px}.invert-area-toolbar{align-items:start;flex-direction:column}.invert-modes button{padding:10px 14px}}

.picking-base .processed,.picking-base .divider,.picking-base .tag-after{visibility:hidden}

.invert-demo-figure{margin:0;min-width:0}.invert-demo-figure figcaption,.invert-facts .guidance-figure figcaption{font:400 14px/1.6 var(--fp);color:var(--sub);margin-top:16px}