/* Shared capture presentation in query card and full editor. */
.shared-recording{font-family:Inter,"Segoe UI",sans-serif;color:#305a4c;min-width:0}
.shared-recording .shared-record-start{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:64px;padding:7px 20px 7px 8px;border:1px solid #89b4a3;border-radius:40px;background:#cce6d9;color:#254f40;font-size:16px;font-weight:650;box-shadow:0 3px 12px #427e5010}
.shared-recording .start-microphone{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#f7fcf8}
.shared-recording .shared-record-start svg,.shared-recording .capture-orbit svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.shared-recording .recording-state.active{position:relative;display:block;margin:0;padding:16px 18px;background:#f5faf5;border:1px solid #afcebd;border-radius:12px;overflow:hidden}
.shared-recording .capture-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.shared-recording .capture-copy strong{font-size:13px;font-weight:550}.shared-recording .capture-time{font-size:14px;color:#527661;font-variant-numeric:tabular-nums}
.shared-recording .capture-visual{display:flex;align-items:center;gap:28px;margin:24px 8px 17px;min-width:0}
.shared-recording .capture-orbit{position:relative;display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;min-height:0;border-radius:50%;border:1px solid #8db69d;background:#d4eadb;color:#356349}
.shared-recording .capture-orbit:before,.shared-recording .capture-orbit:after{content:'';position:absolute;inset:-5px;border:2px solid #4c9474;border-radius:50%;pointer-events:none;transition:transform .12s ease-out,opacity .12s ease-out}
.shared-recording [data-phase=capturing] .capture-orbit:before{transform:scale(calc(.85 + var(--mic-level,0)*.55));opacity:calc(.15 + var(--mic-level,0)*.65)}.shared-recording [data-phase=capturing] .capture-orbit:after{transform:scale(calc(1 + var(--mic-level,0)*.65));opacity:calc(var(--mic-level,0)*.45)}
.shared-recording [data-phase=paused] .capture-orbit{background:#e0e7df;color:#526d59;border-color:#b4c3b6}.shared-recording [data-phase=paused] .capture-orbit:before,.shared-recording [data-phase=paused] .capture-orbit:after{opacity:0}
.shared-recording .capture-pause-badge{position:absolute;right:-5px;bottom:-4px;border:1px solid #a9bca5;border-radius:50%;background:#f2f5e9;color:#48633e;font-size:10px;line-height:16px;width:17px;height:17px;text-align:center}
.shared-recording .capture-hint{font-size:11px;color:#6c8475;text-align:center;margin:10px 0 17px}.shared-recording .capture-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.shared-recording .capture-actions button{font-size:12px;padding:10px;min-height:40px;border:0;background:transparent;color:#305a4c}
.shared-recording .capture-actions .melody-finish{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#d2e9dc;border:1px solid #9dbfaa;border-radius:8px;font-weight:600}.shared-recording .stop-icon{width:8px;height:8px;border-radius:2px;background:currentColor;flex:none}
.shared-recording .recording-waveform{flex:1;min-width:0;height:64px}.shared-recording .audio-waveform__svg{display:block;width:100%;height:100%;fill:currentColor}.shared-recording .audio-waveform__bars{color:#81b79c}.shared-recording .audio-waveform__played{display:none}.shared-recording [data-phase=paused] .recording-waveform{opacity:.45}
@media(max-width:360px){.shared-recording .shared-record-start{font-size:13px;gap:8px;padding-right:12px}.shared-recording .start-microphone{width:38px;height:38px}.shared-recording .capture-visual{gap:22px;margin-inline:4px}}
@media(prefers-reduced-motion:reduce){.shared-recording .capture-orbit:before,.shared-recording .capture-orbit:after{animation:none;transition:none}}

.shared-recording button{font-family:inherit}