.bq-recordings-head{margin-bottom:16px}.bq-recordings-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}.bq-recordings-list{display:grid;gap:10px}.bq-recording-card{width:100%;min-height:64px;text-align:left;border:1px solid var(--bq-border,#d8ddd4);border-radius:14px;background:var(--bq-surface,#fff);padding:14px;display:grid;gap:5px;cursor:pointer}.bq-recording-card:hover,.bq-recording-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bq-recording-card span{font-size:.75rem;font-weight:800;letter-spacing:.05em}.bq-recording-card b{font-size:1rem}.bq-recording-card small{line-height:1.4}.bq-recording-player-shell{position:sticky;top:12px}.bq-recording-frame{width:100%;aspect-ratio:16/9;background:#111;border-radius:14px;overflow:hidden;margin:12px 0}.bq-recording-frame:empty{display:none}.bq-recording-frame iframe{width:100%;height:100%;border:0;display:block}.bq-recording-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.bq-recording-controls button{min-height:44px;min-width:64px}.bq-recording-controls label{display:grid;gap:4px;font-size:.8rem;font-weight:700}.bq-recording-controls input{min-height:44px;width:120px}.bq-recording-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.bq-recordings-empty{margin:0}@media(max-width:720px){.bq-recordings-layout{grid-template-columns:1fr}.bq-recording-player-shell{position:static}.bq-recording-card{min-height:68px}.bq-recording-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bq-recording-controls button,.bq-recording-controls label,.bq-recording-controls input{width:100%}}