:root{--bg: #111111;--panel: #1a1a1a;--panel-2: #222222;--ink: #000000;--paper: #ffffff;--blue: #2a52ff;--green: #b8ff3a;--orange: #ff6b1f;--pink: #ff3a8c;--muted: #8a8a8a;--stack-1: var(--pink);--stack-2: var(--orange);--stack-3: var(--green);--stack-4: var(--blue);--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--display: "Arial Black", "Helvetica Neue", "Impact", system-ui, -apple-system, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg)}body{margin:0;font:15px/1.5 var(--body);color:var(--paper);min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0);background-size:24px 24px;background-position:0 0}main{max-width:1100px;margin:0 auto;padding:64px 32px 128px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:start;margin-bottom:56px}.hero{margin-bottom:0}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--ink);padding:4px 8px;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.badge-icon{font-size:11px;line-height:1}.badge-blue{background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--blue)}.badge-orange{background:var(--ink);color:var(--orange);border-color:var(--orange);box-shadow:3px 3px 0 var(--paper)}.title{margin:0 0 22px;font-family:var(--display);font-weight:900;line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.title-row{display:block}.title-row-main{font-size:clamp(28px,5vw,58px);color:var(--paper);text-shadow:3px 3px 0 var(--blue),6px 6px 0 var(--green)}.title-row-accent{display:block;margin-top:14px;font-size:clamp(13px,1.5vw,18px);letter-spacing:0;color:var(--green);text-shadow:2px 2px 0 var(--pink);font-family:var(--display);font-weight:900;text-transform:uppercase}.sub{color:var(--paper);max-width:52ch;margin:0 0 24px;font-size:14px;line-height:1.7}.sub strong{color:var(--paper)}.sub em{color:var(--green);font-style:normal;font-weight:700}.paste-hint{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--paper);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:0}.paste-label{color:var(--muted)}.paste-tag{margin-left:4px;padding:2px 7px;background:var(--green);color:var(--ink);font-weight:800}.paste-hint kbd{background:var(--ink);color:var(--green);border:2px solid var(--ink);padding:2px 7px;font:inherit;font-weight:700;box-shadow:2px 2px 0 var(--orange)}.paste-hint .plus{color:var(--pink);font-weight:900}.btn{position:relative;display:inline-block;font-family:var(--display);font-weight:900;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:3px solid var(--ink);padding:12px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:4px 4px 0 var(--stack-1),8px 8px 0 var(--stack-2),12px 12px 0 var(--stack-3),16px 16px 0 var(--stack-4);transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .12s}.btn:hover{background:var(--green)}.btn:active{transform:translate(16px,16px);box-shadow:none}.btn:focus-visible{outline:3px dashed var(--orange);outline-offset:4px}.btn-pick{font-size:18px;padding:16px 28px}.btn-sample{font-size:12px;padding:6px 12px;background:var(--panel);color:var(--paper);box-shadow:3px 3px 0 var(--blue)}.btn-sample:hover{background:var(--blue);color:var(--paper);box-shadow:3px 3px 0 var(--green)}.btn-sample:active{transform:translate(3px,3px);box-shadow:none}.btn-mini{font-size:11px;padding:5px 9px;background:var(--paper);color:var(--ink);border-width:2px;box-shadow:3px 3px 0 var(--orange)}.btn-mini:hover{background:var(--orange);color:var(--ink);box-shadow:3px 3px 0 var(--blue)}.btn-mini:active{transform:translate(3px,3px);box-shadow:none}.btn-retry{display:block;margin:28px auto 0;font-size:16px;padding:12px 28px;background:var(--paper);color:var(--ink)}.btn-retry:hover{background:var(--green);box-shadow:4px 4px 0 var(--blue),8px 8px 0 var(--pink),12px 12px 0 var(--orange),16px 16px 0 var(--green)}.dropzone{position:relative;border:4px dashed var(--paper);background:var(--panel);padding:36px 20px 28px;text-align:center;transition:border-color .12s,background .12s}.dropzone:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid var(--ink);pointer-events:none}.dropzone-text{font-family:var(--display);font-weight:900;font-size:clamp(22px,3.4vw,36px);line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;color:var(--paper);-webkit-text-stroke:2px var(--ink);text-shadow:2px 2px 0 var(--blue),4px 4px 0 var(--green);margin:0 0 18px;transition:text-shadow .12s,color .12s,-webkit-text-stroke .12s}.dropzone-text span{display:block}.dropzone-or{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.samples{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.samples-label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}.dropzone.drag{border-color:var(--green);background:#0d1a0d;animation:dropzone-pulse 1.2s steps(2) infinite}.dropzone.drag .dropzone-text{color:var(--green);-webkit-text-stroke:2px var(--ink);animation:rainbow-extrude .9s steps(4) infinite}@keyframes rainbow-extrude{0%{text-shadow:-3px -3px 0 var(--blue),-6px -6px 0 var(--green),-9px -9px 0 var(--orange),-12px -12px 0 var(--pink)}25%{text-shadow:-3px -3px 0 var(--pink),-6px -6px 0 var(--blue),-9px -9px 0 var(--green),-12px -12px 0 var(--orange)}50%{text-shadow:-3px -3px 0 var(--orange),-6px -6px 0 var(--pink),-9px -9px 0 var(--blue),-12px -12px 0 var(--green)}75%{text-shadow:-3px -3px 0 var(--green),-6px -6px 0 var(--orange),-9px -9px 0 var(--pink),-12px -12px 0 var(--blue)}to{text-shadow:-3px -3px 0 var(--blue),-6px -6px 0 var(--green),-9px -9px 0 var(--orange),-12px -12px 0 var(--pink)}}@keyframes dropzone-pulse{0%,to{border-color:var(--green)}50%{border-color:var(--orange)}}.status{margin:20px 0 0;min-height:24px;font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);padding:10px 14px;border:3px solid var(--ink);background:var(--panel);box-shadow:4px 4px 0 var(--green)}.status:empty{display:none}.status.err{color:var(--paper);border-color:var(--pink);background:var(--pink);box-shadow:4px 4px 0 var(--orange)}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.results[hidden]{display:none}.card{margin:0;background:var(--panel);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--blue);overflow:hidden}.card:nth-child(2){box-shadow:6px 6px 0 var(--green)}.card:nth-child(3){box-shadow:6px 6px 0 var(--pink)}.card figcaption{padding:10px 12px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:3px solid var(--ink)}.card-tag{font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:.08em;padding:3px 8px;border:2px solid var(--paper);color:var(--ink)}.tag-blue{background:var(--blue);color:var(--paper);border-color:var(--paper)}.tag-green{background:var(--green);color:var(--ink);border-color:var(--ink)}.tag-pink{background:var(--pink);color:var(--paper);border-color:var(--paper)}.actions{display:flex;gap:6px}canvas{display:block;width:100%;height:auto}.checker canvas{background-color:#0a0a0a;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.features{margin-top:128px}.features-title{font-family:var(--display);font-weight:900;font-size:clamp(32px,5vw,56px);letter-spacing:-.03em;text-transform:uppercase;color:var(--paper);text-shadow:4px 4px 0 var(--pink),8px 8px 0 var(--blue);margin:0 0 48px;line-height:.95}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature{position:relative;background:var(--panel);border:3px solid var(--ink);padding:36px 32px}.feature-blue{box-shadow:8px 8px 0 var(--blue)}.feature-green{box-shadow:8px 8px 0 var(--green)}.feature-pink{box-shadow:8px 8px 0 var(--pink)}.feature-num{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;background:var(--ink);color:var(--paper);margin-bottom:22px}.feature-blue .feature-num{background:var(--blue);color:var(--paper)}.feature-green .feature-num{background:var(--green);color:var(--ink)}.feature-pink .feature-num{background:var(--pink);color:var(--paper)}.feature h3{font-family:var(--display);font-weight:900;font-size:22px;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 16px;color:var(--paper)}.feature-blue h3{text-shadow:2px 2px 0 var(--blue)}.feature-green h3{text-shadow:2px 2px 0 var(--green)}.feature-pink h3{text-shadow:2px 2px 0 var(--pink)}.feature p{margin:0;font-size:14px;line-height:1.75;color:var(--paper);max-width:38ch}.footer{margin-top:128px;padding:36px 0 0;border-top:3px solid var(--ink);text-align:center}.footer-tag{font-family:var(--display);font-weight:900;font-size:clamp(20px,3vw,30px);letter-spacing:-.02em;text-transform:uppercase;color:var(--green);text-shadow:3px 3px 0 var(--pink);margin:0 0 8px}.footer-quote{color:var(--orange)}.footer-meta{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.footer-credits{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}.footer-credits a{color:var(--paper);text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:1px}.footer-credits a:hover{color:var(--green);border-bottom-color:var(--pink)}@media (max-width: 820px){main{padding:44px 20px 80px}.hero-grid{grid-template-columns:1fr;gap:28px}.title-row-main{font-size:clamp(40px,13vw,64px)}.title-row-accent{font-size:14px}.dropzone{padding:36px 16px 24px}.dropzone-text{font-size:clamp(22px,7vw,36px)}.results{grid-template-columns:1fr;gap:14px}.features-grid{grid-template-columns:1fr;gap:22px}.features,.footer{margin-top:80px}.btn{box-shadow:3px 3px 0 var(--stack-1),6px 6px 0 var(--stack-2),9px 9px 0 var(--stack-3)}.btn:active{transform:translate(9px,9px)}.feature{box-shadow:5px 5px 0 var(--blue)!important}}@media (prefers-reduced-motion: reduce){.dropzone.drag .dropzone-text,.dropzone.drag{animation:none}.btn{transition:none}}