.studio{color:#243247;background:#e9edf2;flex-direction:column;height:100vh;display:flex}.header,.toolbar,.recording-bar,.pages,.playback{background:#fff;border-bottom:1px solid #d5dde6;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 18px;display:flex}.header{justify-content:space-between}.header h1{margin:0 0 4px;font-size:20px}.header small{color:#697586}.header strong{text-transform:capitalize;font-size:13px}button{color:#243247;cursor:pointer;background:#f4f6fa;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px}button:hover:not(:disabled){background:#e5ebf3}button:disabled{opacity:.45;cursor:not-allowed}button.selected,button.selected:hover:not(:disabled){color:#fff;text-transform:capitalize;background:#1565c0;border-color:#1565c0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #1565c0}.toolbar label,.recording-bar label,.playback label{align-items:center;gap:5px;font-size:13px;display:flex}.toolbar input[type=range]{width:85px}.recording-bar{font-size:12px}.recording-bar select{color:#243247;background:#fff;border:1px solid #cbd5e1;border-radius:6px;max-width:320px;padding:7px 9px}.recording-bar select:disabled{opacity:.5;cursor:not-allowed}.recording-bar strong{font-weight:600}.recording-bar [role=status]{color:#475569;overflow-wrap:anywhere}.timer{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.viewer{text-align:center;flex:1;min-height:0;padding:20px 12px;overflow:auto}.page-host{width:100%;max-width:932px;margin:0 auto;position:relative}.pdf-width{flex-direction:column;align-items:center;width:100%;display:flex}.pdf-canvas{background:#fff;max-width:100%;height:auto;display:block;box-shadow:0 3px 16px #0002}.drawing-overlay{position:absolute;top:0;left:50%;transform:translate(-50%)}.whiteboard{background:#fff;position:absolute;inset:0}.pages{flex-shrink:0;justify-content:center}.pages span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.playback{border-top:1px solid #d5dde6;flex-shrink:0}.playback input[type=range]{accent-color:#1565c0;width:150px}.danger{color:#a11d29}.danger:hover:not(:disabled){background:#fff0f1;border-color:#e3a4aa}.error{color:#b91c1c;padding:8px}.player-link{color:#1565c0;font-size:13px;font-weight:600;text-decoration:none}.player-link:hover{text-decoration:underline}.player-import,.player-info,.player-controls{background:#fff;border-bottom:1px solid #d5dde6;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;display:flex}.player-import label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.player-import input{font-size:12px}.player-info{color:#475569;gap:18px;font-size:12px}.player-controls{border-top:1px solid #d5dde6;flex-shrink:0;justify-content:center}.player-controls input[type=range]{accent-color:#1565c0;flex:1;min-width:120px;max-width:480px}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}@media (width<=600px){.header,.toolbar,.recording-bar,.pages,.playback,.player-import,.player-info,.player-controls{gap:7px;padding:8px}.header h1{font-size:17px}button{padding:7px 9px;font-size:12px}.recording-bar select{max-width:220px}.viewer{padding:12px 8px}.playback input[type=range]{width:120px}}.studio-auth-page{color:#1f2937;background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.studio-login-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:410px;padding:32px;display:flex;box-shadow:0 8px 30px #0000000f}.studio-login-card h1{color:#1565c0;margin:0;font-size:26px}.studio-login-card p{color:#64748b;margin:0 0 12px}.studio-login-card label{font-size:14px;font-weight:600}.studio-login-card input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:12px}.studio-login-card button{color:#fff;font:inherit;cursor:pointer;background:#1565c0;border:0;border-radius:7px;margin-top:8px;padding:12px;font-weight:600}.studio-login-card button:disabled,.studio-account-bar button:disabled{opacity:.6;cursor:not-allowed}.studio-login-card small{color:#64748b;margin-top:12px;line-height:1.5}.studio-auth-error{font-size:14px;color:#b91c1c!important}.studio-account-bar{box-sizing:border-box;color:#fff;background:#1565c0;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;font-weight:600;display:flex}.studio-account-bar>div{align-items:center;gap:16px;display:flex}.studio-account-email{font-size:13px;font-weight:400}.studio-account-bar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffa6;border-radius:6px;padding:7px 12px}@media (width<=540px){.studio-account-email{display:none}}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}