:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0c0c0e;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,code{font:inherit}.app{flex-direction:column;align-items:center;gap:20px;min-height:100svh;padding:28px 16px 40px;display:flex}.top{text-align:center}.eyebrow{color:#ffe600;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}h1{margin:6px 0 0;font-size:32px;font-weight:650}.stage{aspect-ratio:3/4;background:#17171c;border-radius:24px;place-items:center;width:min(100%,420px);display:grid;overflow:hidden}.stage canvas{object-fit:cover;width:100%;height:100%;display:block}.stage-status{text-align:center;color:#c4c4cc;margin:0;padding:0 24px}.panel,.controls,.message{width:min(100%,420px)}.panel{color:#d4d4d8}.panel p{margin:0 0 8px}.panel ul{margin:0;padding-left:18px}code{color:#ffe600}.controls{flex-direction:column;gap:12px;display:flex}button{color:#111;cursor:pointer;background:#ffe600;border:0;border-radius:999px;padding:12px 18px;font-weight:700}button:disabled{cursor:wait;opacity:.6}.lenses{flex-wrap:wrap;gap:8px;display:flex}.lens{color:#f4f4f5;background:0 0;border:1px solid #3f3f46;border-radius:999px;padding:8px 12px;font-weight:600}.lens.active{color:#ffe600;border-color:#ffe600}.message{color:#fda4af;text-align:center;margin:0}