body:has(.ot-play-card) main.wrap,body:has(.beat-grid) main.wrap{max-width:840px}.ot-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ot-actions button{flex:1 1 130px;min-height:48px;font-size:14px;margin:0!important}.ot-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.ot-settings label,.card div>label{display:block;margin:14px 0 8px}.ot-settings input,.ot-settings select,.card div>input:not([type=checkbox]),.card div>textarea{box-sizing:border-box;max-width:100%;width:100%;background:#f2f4f6;border:0;border-radius:13px;padding:15px;font:inherit;color:#243449}.ot-settings input[type=color]{height:50px;padding:6px}.ot-privacy,.ot-credit{font-size:12px;line-height:1.8;color:#8b95a1}.ot-credit a{color:#8b95a1}.ot-scroll{overflow:auto}#qr-canvas{display:block;width:min(100%,300px);height:auto;margin:0 auto;image-rendering:pixelated}#bc-svg{max-width:none}.sig-paper{position:relative;background:repeating-conic-gradient(#f4f6f8 0% 25%,#fff 0% 50%) 50% / 20px 20px;border:1px solid #e8edf2;border-radius:18px;overflow:hidden;margin:20px 0}.sig-paper canvas{display:block;width:100%;height:auto;aspect-ratio:5/2;touch-action:none;position:relative;z-index:1}.sig-paper span{position:absolute;left:0;right:0;top:45%;text-align:center;color:#a1aab5;font-size:14px;pointer-events:none}.sig-paper.has-ink span{display:none}.ot-play-card{border-radius:26px;overflow:hidden;background:#11162b;box-shadow:0 15px 50px #6b5fa81a}.ot-play-card iframe{display:block;width:100%;height:500px;border:0}.ot-play-caption{display:flex;flex-direction:column;gap:7px;padding:22px 26px;color:#e8e7ff;background:#161a33}.ot-play-caption span{font-size:13px;color:#a7aec9}.beat-grid{display:grid;grid-template-columns:56px repeat(8,minmax(0,1fr));gap:8px;margin:26px 0}.beat-grid .beat-label{align-self:center;font-size:12px;color:#7a879a}.beat-grid button{border:0;aspect-ratio:1;border-radius:11px;background:#edf1f6;cursor:pointer;min-height:32px}.beat-grid button[aria-pressed=true]{background:var(--beat-color,#477ff0);box-shadow:0 4px 12px #477ff025}.beat-grid button.playing{outline:3px solid #293d55;outline-offset:2px}.ot-celebration{position:relative;min-height:340px;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f7eeff 60%,#fff0e8);border-radius:26px;overflow:hidden;margin:24px 0}.ot-celebration canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.party-text{text-align:center;padding:35px;position:relative;pointer-events:none}.party-text span{font-size:11px;letter-spacing:3px;color:#8a8bb7}.party-text h2{font-size:32px;letter-spacing:-1px;overflow-wrap:anywhere}.party-text p{color:#8a90a2}@media(max-width:500px){.ot-play-card iframe{height:400px}.beat-grid{gap:5px;grid-template-columns:38px repeat(8,minmax(0,1fr))}.beat-grid button{border-radius:7px;min-height:27px}.party-text h2{font-size:25px}}