@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap";:root{--hacker-green: #00ff41;--hacker-dark: #0d0208;--hacker-glow: rgba(0, 255, 65, .2)}body{background-color:var(--hacker-dark);color:var(--hacker-green);font-family:Fira Code,monospace}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 2px,3px 100%;pointer-events:none;z-index:50}.terminal-border{border:1px solid var(--hacker-green);box-shadow:0 0 10px var(--hacker-glow)}#preview-canvas{image-rendering:pixelated;max-width:100%;max-height:400px}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#000}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--hacker-green)}.scan-active{position:relative}.scan-active.animating:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--hacker-green);box-shadow:0 0 15px var(--hacker-green);animation:scan-once 1.5s ease-in-out forwards;z-index:10}@keyframes scan-once{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.drag-over{background-color:#00ff411a;border-color:var(--hacker-green)}.spinner{border:2px solid rgba(0,255,65,.3);border-top:2px solid var(--hacker-green);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#camera-video{border:1px solid var(--hacker-green);background:#000;min-height:200px}