[hidden]{display:none!important}.spectrogram-frame{margin:18px 0 22px;overflow:hidden;border:1px solid #e5dcef;border-radius:14px;background:#faf7ff}.spectrogram-frame canvas{display:block;width:100%;height:auto}#loaded audio{display:block;width:100%;height:42px;margin:8px 0;accent-color:#8b68ca}#range{width:100%;accent-color:#8b68ca}.recorder-stage{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;border:1px solid #e2d7ef;border-radius:17px;background:linear-gradient(145deg,#f6f0ff,#ebe4f7)}.recorder-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:38px 24px;text-align:center}.recorder-empty strong{color:#5d4475;font-size:20px}.recorder-empty p{margin:0;color:#93809f;font-size:13px}.recorder-stage video{display:block;width:100%;max-height:560px;object-fit:contain;background:#251b39}.recording-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #d6c4eb;border-radius:30px;background:#f8f3fff0;color:#694b8d;font-size:12px;font-weight:650}.recording-badge i{width:8px;height:8px;border-radius:50%;background:#9b6ecf;box-shadow:0 0 0 4px #9b6ecf22;animation:record-breathe 1.5s ease-in-out infinite}.recording-badge.paused i{animation:none;background:#b0a1bc;box-shadow:none}.recording-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.check-option{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #e3d8ef;border-radius:13px;background:#fcf9ff;cursor:pointer}.check-option input{flex-shrink:0;width:17px;height:17px;margin:3px 0 0;accent-color:#8d65cb}.check-option>span{color:#685079;font-size:13px}.check-option small{display:block;margin-top:6px;color:#9985a7;font-size:11px;line-height:1.6}.recorder-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0 10px}.recorder-controls output{min-width:85px;color:#785598;font-size:23px;font-weight:650;font-variant-numeric:tabular-nums}.video-primary{display:flex;align-items:center;justify-content:center;text-decoration:none}.recorder-controls .secondary{min-height:39px}body[data-video-tool="screen-recorder"] .video-console:disabled{opacity:.65}body[data-video-tool="screen-recorder"] .video-console:disabled .check-option{cursor:default}body[data-video-tool="screen-recorder"] #download{margin-top:12px}.video-primary:disabled{cursor:wait;opacity:.55}.video-note:empty{display:none}.video-workspace canvas:empty{min-height:0}@keyframes record-breathe{50%{box-shadow:0 0 0 7px #9b6ecf10}}@media(max-width:600px){.recording-options{grid-template-columns:1fr;gap:10px}.recorder-stage{min-height:230px}.recorder-empty strong{font-size:17px}.recorder-controls{gap:8px}.recorder-controls output{width:100%;text-align:center}.recorder-controls button{flex:1}.recording-badge{top:10px;left:10px;font-size:11px}.video-shell{padding:18px}}@media(prefers-reduced-motion:reduce){.recording-badge i{animation:none}}