.record-peek{position:fixed;z-index:50;display:flex;min-width:320px;min-height:240px;flex-direction:column;overflow:hidden;margin:0;padding:0;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);outline:none}.record-peek:focus-visible{outline:2px solid var(--ar-green);outline-offset:2px}.record-peek--center{top:10vh;left:50%;width:min(600px,calc(100vw - 32px));max-height:80vh;transform:translate(-50%)}.record-peek--side{top:80px;right:16px;bottom:16px;width:min(440px,calc(100vw - 32px))}.record-peek--free{right:auto;bottom:auto;max-height:none;transform:none}.record-peek__header{display:flex;min-width:0;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.record-peek__header:active{cursor:grabbing}.record-peek__header h2{min-width:0;flex:1;overflow:hidden;font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.record-peek__tools{display:flex;flex:none;align-items:center;gap:4px}.record-peek__tools button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-2);cursor:pointer;font-size:16px}.record-peek__tools button:hover:not(:disabled),.record-peek__tools button[aria-pressed=true]{border-color:var(--border);background:var(--surface-sunk);color:var(--text)}.record-peek__tools button:focus-visible,.record-peek__grip:focus-visible{outline:2px solid var(--ar-green);outline-offset:1px}.record-peek__tools button:disabled{cursor:default;opacity:.4}.record-peek__body{min-height:0;flex:1;overflow:auto;padding:16px}.record-peek__footer{display:flex;flex:none;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.record-peek__resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none}.record-peek__scrim{position:fixed;z-index:49;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#0000003d}.record-peek--sheet{right:0;bottom:0;left:0;width:100%;height:56dvh;min-width:0;border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0}.record-peek--sheet[data-expanded=true]{height:92dvh}.record-peek__grip{display:flex;flex:none;justify-content:center;touch-action:none;padding:10px 0 6px;border:0;background:transparent;cursor:pointer}.record-peek__grip span{width:40px;height:4px;border-radius:999px;background:var(--border-strong)}@media (prefers-reduced-motion: no-preference){.record-peek--sheet{transition:height .16s ease-out}}