.pm-video-recorder{width:100%;min-width:0;color:var(--ui-text);font-family:var(--ui-font)}.pm-video-recorder button,.pm-video-recorder a{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-raised);min-height:44px;color:var(--ui-text);font:inherit;font-size:var(--ui-size-label);cursor:pointer;white-space:normal;justify-content:center;align-items:center;gap:8px;padding:11px 14px;text-decoration:none;display:inline-flex}.pm-video-recorder button:disabled{opacity:.5;cursor:default}.pm-video-recorder .pm-video-open,.pm-video-recorder .pm-video-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.pm-video-panel{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);max-height:min(75vh,700px);margin:12px 0;padding:18px;overflow:auto}.pm-video-panel header,.pm-video-live header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.pm-video-panel header>div{gap:7px;display:grid}.pm-video-panel header span{font-size:var(--ui-size-label);color:var(--ui-secondary)}.pm-video-panel p,.pm-video-notice{font-size:var(--ui-size-label);overflow-wrap:anywhere;line-height:1.6}.pm-video-modes,.pm-video-actions{flex-wrap:wrap;gap:8px;display:flex}.pm-video-modes button[aria-pressed=true]{color:var(--ui-accent);border-color:var(--ui-accent)}.pm-video-panel video{border-radius:var(--ui-radius-control);background:var(--ui-canvas);width:100%;max-height:320px;margin:12px 0;display:block}.pm-video-live{z-index:90;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--ui-surface);border:1px solid var(--ui-accent);border-radius:var(--ui-radius-card);width:320px;max-width:calc(100vw - 36px);box-shadow:0 12px 40px rgb(from var(--ui-canvas) r g b / .5);padding:16px;position:fixed;inset-inline-end:18px}.pm-video-live header strong{font-size:var(--ui-size-label);overflow-wrap:anywhere}.pm-video-live [role=timer]{font-size:var(--ui-size-label);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ui-accent)}.pm-video-live video{object-fit:cover;border-radius:var(--ui-radius-control);width:100%;max-height:180px;margin-bottom:12px;display:block}.pm-video-live .pm-video-cancel{min-height:36px;font-size:var(--ui-size-meta);color:var(--ui-secondary);background:0 0;border:0;margin-top:6px}.pm-chat-video{background:var(--ui-surface);border-top:1px solid var(--ui-line);flex:none;padding:8px 16px}.pm-chat-video .pm-video-open{min-height:40px;padding:8px 12px}.pm-chat-video .pm-video-panel{max-height:55vh;margin:0}@media (width<=760px){.pm-video-panel{padding:14px}.pm-video-actions>*{flex:auto}.pm-video-modes button{flex:140px}.pm-chat-video{padding:6px 10px}}.pm-recorder-host{font-family:var(--ui-font);color:var(--ui-text)}.pm-recorder-host .pm-video-panel{z-index:1510;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom));box-sizing:border-box;width:min(520px,100vw - 36px);max-height:82dvh;box-shadow:0 12px 42px rgb(from var(--ui-canvas) r g b / .35);margin:0;position:fixed}.pm-recorder-host .pm-video-live{z-index:1510;border-color:var(--ui-border);box-shadow:0 8px 32px rgb(from var(--ui-canvas) r g b / .3)}.pm-recorder-host .pm-video-notice{z-index:1520;bottom:12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface);max-width:min(380px,100vw - 36px);padding:12px;position:fixed;inset-inline-start:18px}.pm-recorder-backup{z-index:1511;inset-inline-end:30px;bottom:calc(30px + env(safe-area-inset-bottom));background:var(--ui-surface);max-width:min(480px,100vw - 60px);font-size:var(--ui-size-meta);color:var(--ui-secondary);pointer-events:none;margin:0;padding:6px 8px;position:fixed}.pm-recorder-host .pm-video-panel{padding-bottom:64px}.pm-recorder-backup.failed{color:var(--ui-danger)}.pm-recorder-recovery,.pm-recorder-toast{z-index:1500;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);max-width:min(480px,100vw - 36px);box-shadow:0 8px 32px rgb(from var(--ui-canvas) r g b / .25);color:var(--ui-text);font-family:var(--ui-font);font-size:var(--ui-size-label);margin:0;padding:14px;position:fixed}.pm-recorder-recovery{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pm-recorder-recovery strong{overflow-wrap:anywhere;width:100%}.pm-recorder-recovery button{background:var(--ui-raised);min-height:44px;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);font:inherit;cursor:pointer;padding:8px 12px}.pm-camera-bubble{z-index:1505;aspect-ratio:1;touch-action:none;min-width:0;font-family:var(--ui-font);position:fixed}.pm-camera-bubble-drag{cursor:grab;border:3px solid var(--ui-accent);box-sizing:border-box;background:var(--ui-canvas);width:100%;height:100%;box-shadow:0 8px 24px rgb(from var(--ui-canvas) r g b / .4);touch-action:none;outline-offset:4px;border-radius:50%;overflow:hidden}.pm-camera-bubble-drag:active{cursor:grabbing}.pm-camera-bubble-drag:focus-visible{outline:3px solid var(--ui-accent)}.pm-camera-bubble-drag video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pm-camera-bubble-drag>span{inset-inline-end:8px;background:var(--ui-raised);color:var(--ui-text);pointer-events:none;border-radius:50%;padding:5px;position:absolute;top:8px}.pm-camera-bubble-sizes{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);gap:3px;padding:3px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pm-camera-bubble-sizes button{background:var(--ui-surface);border-radius:var(--ui-radius-control);width:30px;min-height:30px;color:var(--ui-text);cursor:pointer;font:inherit;font-size:var(--ui-size-meta);border:0;padding:0}.pm-camera-bubble-sizes button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-on-accent)}.pm-recorder-area{font-size:var(--ui-size-label);gap:7px;margin-top:16px;display:grid}.pm-recorder-area select{font:inherit;background:var(--ui-raised);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);min-height:44px;color:var(--ui-text);padding:8px}.pm-recorder-shortcuts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pm-recorder-shortcuts button{min-height:38px;font-size:var(--ui-size-meta);padding:7px 10px}.header-actions .pm-recorder-launch{background:var(--ui-raised);max-width:100%;min-height:44px;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);font-family:var(--ui-font);font-size:var(--ui-size-label);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.header-actions .pm-recorder-launch:disabled{opacity:.55;cursor:default}.pm-recorder-launch svg{flex-shrink:0}.pm-recorder-launch span{white-space:normal;overflow-wrap:anywhere}.pm-recorder-recipient{margin:12px 0}.pm-recorder-recipient label{font-size:var(--ui-size-label);gap:7px;display:grid}.pm-recorder-recipient select{box-sizing:border-box;width:100%;min-height:44px;font:inherit;color:var(--ui-text);background:var(--ui-raised);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);padding:10px}.pm-recorder-recipient p{color:var(--ui-secondary);margin:8px 0}@media (width<=760px){.header-actions .pm-recorder-launch{grid-column:1/-1;width:100%}.pm-recorder-host .pm-video-panel{width:calc(100vw - 24px);inset-inline-end:12px}.pm-recorder-host .pm-video-live{max-width:calc(100vw - 24px);inset-inline-end:12px}.pm-recorder-backup{max-width:calc(100vw - 44px);inset-inline-end:22px}.pm-camera-bubble-sizes button{width:32px;min-height:36px}}
