.live-recorder{margin-top:24px;border-top:1px solid #64332c;padding-top:16px}.live-recorder h3{font-size:12px;letter-spacing:.12em;margin:0 0 6px}.live-recorder h3 span{color:#ff625a}.live-recorder small{display:block;color:#95999f;font-size:10px;line-height:1.5}.record-grid{display:flex;gap:6px;margin:10px 0}.record-grid>*{flex:1;min-width:0}.record-grid label{font-size:9px;color:#a9adb3}.record-grid input,.record-grid select{width:100%;padding:6px;margin-top:5px;font-size:11px}.record-grid button{font-size:10px;padding:7px 3px}.live-recorder button:disabled{opacity:.4;cursor:default}#recordStart{width:100%;font-size:10px;background:#40201c;border-color:#ad4e41}#recordStart.recording{background:#7a211d;border-color:#ff6b62;color:white}#recordProgress{width:100%;height:5px;accent-color:#ff625a;margin:4px 0 8px}
.record-grid label{display:block}.live-recorder{margin-top:0;border-top:0}.record-grid input{color:#ddd;background:#090c0a;border:1px solid #343934}
#canvas.transparent-preview{background-color:#e2e2e2;background-image:conic-gradient(#bcbcbc 25%,transparent 0 50%,#bcbcbc 0 75%,transparent 0);background-size:20px 20px}
.transparency-help{display:block;font-size:10px;line-height:1.5;color:#62645d;margin-top:8px}
.live-recorder h3{color:#33352f}.live-recorder small{color:#62645d}.live-recorder .record-grid label{color:#62645d}.live-recorder .record-grid input,.live-recorder .record-grid select{background:#fffef9;color:#262821;border:1px solid #b9b9ad;border-radius:4px}#recordStart{color:#fff5ee}.live-recorder .record-grid button{color:#353730}