:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#090b0d;color:#f4ece0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{background:#ddba79;border:1px solid #ddba79;color:#17130e;border-radius:9px;padding:.65rem 1rem;cursor:pointer}button:disabled{opacity:.4;cursor:wait}input,select{background:#161a20;color:#fff;border:1px solid #41444b;border-radius:7px;padding:.65rem}a{color:#ddba79}label{display:grid;gap:.4rem;font-size:.85rem}p{line-height:1.6}.viewer{background:#000;min-height:100dvh;display:grid;place-content:center}#stage{position:relative;width:min(560px,100vw,100dvh);aspect-ratio:1;overflow:hidden;background:#000}#avatar{width:100%;height:100%;object-fit:contain;display:block}#begin{position:absolute;inset:0;border:0;border-radius:0;background:#0005;color:#fff;font-size:1.25rem}#aura{position:absolute;left:42%;top:72%;width:16%;height:16%;border-radius:50%;pointer-events:none;opacity:0;filter:blur(16px);mix-blend-mode:screen}#connection{position:fixed;bottom:8px;left:8px;max-width:calc(100vw - 16px);font-size:.8rem;color:#aaa;background:#090b0dea;padding:8px;border-radius:8px}#connection form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#connection summary{cursor:pointer}.test{max-width:1180px;margin:auto;padding:32px}.eyebrow{color:#d5b578;letter-spacing:.15em;font-size:.75rem;text-transform:uppercase}h1{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;margin:12px 0}.muted{color:#a6a6aa}.layout{display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:28px}.preview{width:100%;background:#000;aspect-ratio:1}.panel{background:#12161b;border:1px solid #292d33;border-radius:16px;padding:20px;margin:16px 0}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.controls label{flex:1;min-width:100px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gesture{text-align:left;background:#171d24;color:#eee;border:1px solid #353a43;padding:14px}.gesture small{display:block;color:#b8a27b;margin-top:6px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;max-height:220px;overflow:auto}#clip-note{min-height:3em;font-size:.85rem}.danger{background:#3b1e21;color:#ffd1d1;border-color:#8a4249}@media(max-width:760px){.test{padding:18px}.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}