:root{--accent:#ffc24b}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 12px;display:flex;position:relative}.preview-frame{position:relative}.preview-frame canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;width:100%;height:100%;display:block;box-shadow:0 6px 24px #0006}.preview-frame canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.photo-tip{z-index:2;background:#1c1917eb;border-radius:999px;align-items:center;animation:.16s ease-out pop-in;display:flex;position:absolute;box-shadow:0 6px 20px #0000004d}.photo-tip button{color:#fff;min-width:56px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 14px;font-weight:600}.photo-tip button:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;border-radius:999px}.tip-sep{background:#ffffff4d;width:1px;height:20px}.coach{color:#fff;text-align:center;pointer-events:none;background:#1c1917bf;border-radius:999px;width:max-content;max-width:calc(100% - 24px);padding:8px 14px;font-size:.8125rem;animation:.3s ease-out fade-up;position:absolute;bottom:12px;left:50%;translate:-50%}.keyboard-help{z-index:3;color:#fff;text-align:center;background:#1c1917e0;border-radius:10px;padding:8px 12px;font-size:.8125rem;position:absolute;bottom:8px;left:12px;right:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pop-in{0%{opacity:0;scale:.9}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}