.spotlight-sketch{max-width:1100px;margin:auto}.spotlight-sketch h2{color:#64e1d4}.spotlight-sketch canvas{display:block;background:white;width:100%;max-width:440px;aspect-ratio:1;border-radius:12px;margin:auto;touch-action:none}.spotlight-sketch .drawing-tools{display:flex;gap:8px;margin-top:12px}.spotlight-sketch button{padding:12px;border-radius:12px;border:1px solid #8b72a0;background:#c2ff20;color:#251532;font:inherit;cursor:pointer}.spotlight-sketch button:disabled{opacity:.55}.spotlight-sketch-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}.spotlight-sketch-gallery article{background:#ffffff0c;padding:12px;border-radius:14px}.spotlight-sketch-gallery img,.sketch-previous{display:block;width:100%;max-width:440px;aspect-ratio:1;object-fit:contain;background:white;border-radius:12px;margin:10px auto}.spotlight-sketch input{box-sizing:border-box;max-width:100%}.spotlight-sketch-gallery form{text-align:left}.spotlight-sketch .quisty-pen-colors button{background:var(--pen-color);color:white;padding:0}
.spotlight-sketch .drawing-tools{flex-wrap:wrap}.spotlight-sketch .quisty-pen-tools button{background:#392749;color:#fff}.spotlight-sketch .quisty-pen-tools button[aria-pressed="true"]{background:#c2ff20;color:#251532}.spotlight-sketch button:focus-visible{outline:3px solid #65e0d4;outline-offset:3px}
.spotlight-letter-votes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.spotlight-letter-votes button{min-height:100px;font-size:2.5rem;font-weight:900}.spotlight-letter-votes button[aria-pressed=true]{outline:4px solid #65e0d4;opacity:1}.spotlight-drawing-letter{display:inline-grid;place-items:center;min-width:64px;min-height:64px;margin:0;background:#c2ff20;color:#21142f;border-radius:12px;font-size:2rem}
.spotlight-host-clock{font-size:clamp(1.8rem,5vh,4rem);font-weight:900;font-variant-numeric:tabular-nums;color:#c2ff20;margin:.4rem 0}.spotlight-host-clock.urgent{color:#ff6eaa}.spotlight-sketch-previews{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.spotlight-sketch-previews>div{width:clamp(90px,16vh,180px);aspect-ratio:1;border-radius:12px;background:#ffffff12;display:grid;place-items:center;overflow:hidden}.spotlight-sketch-previews img{width:100%;height:100%;object-fit:contain;background:white}.spotlight-sketch-previews span{font-size:.85rem;color:#cbbfd4;padding:10px}.spotlight-sketch-live h2{margin:.3rem 0}.spotlight-sketch-live>p{margin:.5rem 0}