:root{--primary: #6366f1;--secondary: #ec4899;--bg: #0f172a;--text: #f8fafc}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);margin:0;display:flex;flex-direction:column;height:100vh}header{padding:1rem;text-align:center;background:#1e293b;box-shadow:0 1px 3px #0000004d}main{flex:1;display:flex;flex-direction:column;overflow:hidden}#camera-container{position:relative;flex:1;background:#000;display:flex;align-items:center;justify-content:center}#video{width:100%;height:100%;object-fit:cover}#controls{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;gap:1rem;z-index:10}button{padding:1rem 2rem;font-size:1rem;border-radius:50px;background:var(--primary);border:none;color:#fff;cursor:pointer;transition:transform .1s,background .3s;box-shadow:0 4px 6px -1px #0000004d;font-weight:600}button:active{transform:scale(.95)}#upload-btn{background:var(--secondary)}#result-container{padding:1rem;background:#1e293b;height:200px;display:flex;flex-direction:column;border-top:4px solid var(--primary)}#result-container h2{margin:0 0 .5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}#output-area{flex:1;white-space:pre-wrap;padding:1rem;background:#0f172a;border-radius:8px;overflow-y:auto;font-family:Courier New,Courier,monospace;font-size:1rem;border:1px solid #334155}