.loop-contextual-chooser[data-slot]{width:324px;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height,calc(100dvh - 24px));border:1px solid var(--loop-line);color:var(--loop-ink);background:var(--loop-raised);border-radius:16px;flex-direction:column;gap:0;padding:12px;display:flex;overflow:clip;box-shadow:0 20px 64px #0005}.loop-chooser-header{flex:none;justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.loop-chooser-header :is(h2,[data-slot=dialog-title]){letter-spacing:normal;margin:0;padding:0;font-size:16px;font-weight:600;line-height:22px}.loop-chooser-close{width:32px;height:32px;min-height:32px;color:var(--loop-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.loop-chooser-close:after{content:"";position:absolute;inset:-6px}.loop-chooser-close:hover{background:var(--loop-navigation-hover);color:var(--loop-ink)}.loop-chooser-close:focus-visible{outline:1.5px solid var(--loop-muted);outline-offset:2px}.loop-contextual-chooser .loop-create-options{overscroll-behavior:contain;flex:1;min-height:0;margin:0;display:block;overflow-y:auto}.loop-contextual-chooser .loop-create-option{min-height:66px;color:var(--loop-ink);background:0 0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:10px 8px;text-decoration:none;display:grid}.loop-contextual-chooser button.loop-create-option{text-align:left;width:100%;font:inherit;cursor:pointer;border:0}.loop-contextual-chooser .loop-create-option:hover{background:var(--loop-navigation-hover)}.loop-contextual-chooser .loop-create-option>svg{color:var(--loop-muted)}.loop-contextual-chooser .loop-create-option strong{margin:0;font-size:14px;font-weight:600;line-height:20px;display:block}.loop-contextual-chooser .loop-create-option small{color:var(--loop-muted);margin-top:3px;font-size:12px;line-height:18px;display:block}.loop-contextual-chooser .loop-create-option:focus-visible{background:var(--loop-navigation-hover);outline:none}.loop-chooser-separator{background:var(--loop-line);height:1px;margin:6px 8px}.loop-create-chevron{margin-left:auto}.loop-contextual-chooser[data-slot][data-placement=sheet]{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top) - 16px);padding:12px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-radius:20px 20px 0 0;inset:auto 0 0;translate:none;box-shadow:0 -10px 60px #0004}.loop-contextual-chooser[data-placement=sheet]:before{content:"";background:var(--loop-muted);opacity:.35;border-radius:999px;flex:none;width:32px;height:4px;margin:0 auto 12px;display:block}.loop-contextual-chooser[data-placement=sheet] .loop-create-option{min-height:64px}.loop-contextual-chooser[data-placement=sheet] .loop-chooser-header [data-slot=dialog-title]{font-size:var(--loop-font-heading,18px);line-height:var(--loop-line-heading,24px)}.loop-contextual-chooser[data-placement=sheet] .loop-create-option strong{font-size:var(--loop-font-section,16px);line-height:22px}.loop-contextual-chooser[data-placement=sheet] .loop-create-option small{font-size:var(--loop-font-body,14px);line-height:20px}
.permission-card{border:1px solid var(--loop-line,#292c30);background:var(--loop-surface,#101214);color:inherit;border-radius:14px;margin:16px 0;padding:16px}.permission-heading{align-items:center;gap:8px;margin-bottom:12px;display:flex}.permission-heading h2,.permission-card h3{margin:0;font-size:16px;font-weight:600;line-height:22px}.permission-row{border-bottom:1px solid var(--loop-line,#292c30);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.permission-row:first-of-type{padding-top:0}.permission-row strong{font-size:14px;display:block}.permission-row small{color:var(--loop-muted,#9da3ac);margin-top:3px;font-size:12px;line-height:1.4;display:block}.permission-row .loop-select-trigger{border:1px solid var(--loop-line,#30343b);background:var(--loop-raised,#0b0d0f);max-width:230px;min-height:44px;color:inherit;font:inherit;border-radius:12px;padding:10px 12px;font-size:13px}.permission-note{color:var(--loop-muted,#9da3ac);align-items:flex-start;gap:6px;margin:12px 0 0;font-size:12px;line-height:1.5;display:flex}.permission-note svg{flex-shrink:0;margin-top:2px}.permission-badge{border:1px solid var(--loop-line,#30343b);white-space:nowrap;border-radius:20px;margin-left:auto;padding:3px 8px;font-size:11px}.permission-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.permission-check{align-items:flex-start;gap:8px;margin-top:12px;font-size:13px;line-height:1.4;display:flex}.permission-check input{margin-top:3px}.permission-receipt h3{margin-bottom:10px}.permission-receipt p{align-items:center;gap:8px;margin:6px 0;font-size:14px;display:flex}.permission-receipt>small{color:var(--loop-muted,#9da3ac);margin-top:10px;font-size:12px;line-height:1.5;display:block}.replay-access-panel>.permission-card{border:0;margin:0;padding:0}.replay-access-panel>.permission-card>.permission-heading{display:none}@media (max-width:600px){.permission-card{padding:16px}.permission-row{flex-direction:column;align-items:flex-start;gap:10px}.permission-row .loop-select-trigger{width:100%;max-width:100%}.permission-heading{flex-wrap:wrap}.permission-actions .lx-button{flex:1}}.preview-permissions{grid-column:1/-1}.preview-permissions>.permission-card{margin:0 0 12px}.loop-device-dialog .preview-body:has(.preview-permissions){align-content:start}.loop-device-dialog .preview-permissions .permission-row{padding:8px 0}.loop-device-dialog .preview-permissions .permission-card{padding:14px}@media (max-width:600px){.loop-device-dialog .preview-body:has(.preview-permissions){flex-direction:column;display:flex}}.workflow .permission-card{margin:16px 0;padding:16px}.workflow .permission-heading h2{margin:0;font-size:16px;line-height:22px}.workflow .permission-card.permission-receipt p{margin:6px 0;font-size:14px;line-height:1.4}.workflow .permission-note{margin:12px 0 0;font-size:12px;line-height:1.5}.workflow .r-preview>.permission-card{margin:12px 0 0}.permission-card input[type=checkbox]{accent-color:#db324c}@media (max-width:600px){.workflow .permission-card{padding:16px}}.preview-permissions .replay-access-panel>.permission-card{margin:0;padding:0}.preview-permissions .permission-row:first-of-type{padding-top:0}.permission-card>[role=status],.permission-card>[role=alert]{margin:8px 0 0;font-size:13px;line-height:1.4}.loop-advanced-settings{border-top:1px solid var(--loop-line,#292c30);margin-top:24px}.loop-advanced-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:16px;font-weight:600;display:flex}.loop-advanced-toggle svg{color:var(--loop-muted,#9da3ac);transition:transform .18s}.loop-advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.loop-advanced-toggle:focus-visible{outline:2px solid var(--loop-action-primary,#d92e45);outline-offset:4px;border-radius:4px}.loop-advanced-content .permission-card{background:0 0;border:0;border-radius:0;margin:0;padding:8px 0 20px}.loop-advanced-content .permission-heading{margin-bottom:8px}.loop-advanced-content .permission-row{padding:12px 0}.loop-advanced-content .permission-row small,.loop-advanced-content .permission-note{display:none}.loop-advanced-content .permission-row:last-of-type{border-bottom:0}@media (prefers-reduced-motion:reduce){.loop-advanced-toggle svg{transition:none}}.permission-heading>svg{flex-shrink:0;align-self:center;display:block}.permission-heading h2{line-height:1.25}.permission-row.permission-record-row{flex-direction:row;align-items:center}.loop-device-dialog .preview-advanced{border-top:1px solid var(--loop-line);flex-shrink:0;margin-top:12px}.loop-device-dialog .preview-advanced>summary{cursor:pointer;min-height:44px;color:var(--loop-ink);align-items:center;gap:8px;padding:8px 0;font-size:14px;list-style:none;display:flex}.loop-device-dialog .preview-advanced>summary::-webkit-details-marker{display:none}.loop-device-dialog .preview-advanced>summary:before{content:"›";transition:transform .15s;display:inline-block}.loop-device-dialog .preview-advanced[open]>summary:before{transform:rotate(90deg)}.loop-device-dialog .preview-advanced>summary>span{color:var(--loop-muted);font-size:13px}.loop-device-dialog .preview-advanced>summary>small{color:var(--loop-muted);margin-left:auto;font-size:12px}.loop-device-dialog .preview-advanced-content{max-height:40dvh;padding:4px 0 0;overflow:auto}.loop-device-dialog .preview-advanced .permission-card{margin:0}@media (max-width:600px){.loop-device-dialog .preview-advanced>summary{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.loop-device-dialog .preview-advanced>summary:before{transition:none}}.preview-live-choices .replay-access-panel.is-live-setup{border:0;border-top:1px solid var(--loop-line);background:0 0;border-radius:0;margin:0;padding:12px 0 0}.live-setup-choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.live-setup-audience,.live-setup-recording{align-content:start;gap:8px;min-width:0;display:grid}.live-setup-choices h2{margin:0;font-size:16px;font-weight:600;line-height:22px}.live-setup-choices .permission-row{border:0;gap:8px;min-height:44px;padding:0}.live-setup-choices .permission-row strong{font-size:13px;font-weight:400;line-height:20px}.live-setup-choices .loop-select-trigger{width:100%;max-width:none;font-size:16px}.live-setup-choices .permission-row .loop-select-trigger{width:auto;max-width:220px;font-size:14px}.live-setup-hint,.live-setup-event-access{color:var(--loop-muted);margin:0;font-size:12px;line-height:18px}.loop-device-dialog .preview-next-step{color:var(--loop-muted);flex-shrink:0;margin:12px 0 0;font-size:12px;line-height:18px}.loop-device-dialog .preview-camera-options{border-top:1px solid var(--loop-line)}.loop-device-dialog .preview-camera-options summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;line-height:20px}.loop-device-dialog .preview-camera-options-content{gap:8px;display:grid}.loop-device-dialog .preview-settings .setting-field{margin:0}.loop-device-dialog .preview-settings{align-content:start;gap:8px;display:grid}.loop-device-dialog .preview-heading{margin-bottom:12px}.loop-device-dialog .preview-footer{margin-top:8px}@media (max-width:600px){.live-setup-choices{grid-template-columns:1fr;gap:16px}.live-setup-choices .permission-row{flex-direction:row;align-items:center}.live-setup-choices .permission-row .loop-select-trigger{max-width:210px}}.loop-device-dialog .preview-heading [data-slot=dialog-title]:focus{outline:none}.loop-device-dialog .setting-field.lx-field .device-select{box-shadow:none;border:0;padding:0;background:0 0!important}.loop-device-dialog .setting-field.lx-field{gap:4px;margin:0}@media (max-width:600px){.loop-device-dialog .preview-live-choices{padding-inline:16px}}
.personal-room-page.personal-room-page{max-width:760px}.personal-room-page .loop-page-actions{flex-wrap:wrap}.personal-room-page form{margin-top:24px}.personal-room-page form>h2{font-size:var(--loop-font-heading);margin-bottom:8px}.personal-room-page form>.lx-muted{margin-bottom:16px}.personal-room-identity{align-items:center;gap:12px;display:flex}.personal-room-identity h1{margin:0}.personal-room-help{color:var(--loop-muted);font-size:var(--loop-font-meta);align-items:center;gap:8px;margin-top:12px;line-height:18px;display:flex}.personal-room-address-preview{overflow-wrap:anywhere;display:block}.personal-room-requests{margin-block:16px}.personal-room-requests>h2{font-size:var(--loop-font-section);margin-bottom:8px}.personal-room-requests .loop-cohost-member{border-bottom:1px solid var(--loop-line);border-radius:0;padding:12px 0}.personal-room-requests .loop-cohost-member>div:first-of-type{flex:1;min-width:0}.personal-room-requests .loop-page-actions{gap:8px;margin:0;display:flex}.personal-room-recording-status{color:var(--loop-ink);font-size:var(--loop-font-meta);align-items:center;gap:6px;display:inline-flex}.personal-room-recording-status>i{background:#ff858c;border-radius:50%;width:6px;height:6px}@media (max-width:760px){.personal-room-requests .loop-cohost-member{flex-wrap:wrap;gap:8px}.personal-room-requests .loop-page-actions{margin-left:auto}}.personal-room-recordings{margin-top:16px}.personal-room-recordings h2{font-size:var(--loop-font-section);margin-bottom:4px;font-weight:600;line-height:22px}.personal-room-recording-row{border-bottom:1px solid var(--loop-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.personal-room-recording-row div{flex-direction:column;gap:4px;min-width:0;display:flex}.personal-room-recording-row span{color:var(--loop-muted);font-size:var(--loop-font-meta)}.private-shared-clip{max-width:420px;margin-inline:auto}.personal-room-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.personal-room-heading>div{min-width:0}.personal-room-heading h1{overflow-wrap:anywhere}.personal-room-requests .loop-cohost-member{flex-wrap:wrap}.personal-room-request-error{flex-basis:100%;margin:0}.personal-room-page .loop-page-actions,.personal-room-page .personal-room-recording-status{margin-top:12px}.personal-room-identity>div{min-width:0}.personal-room-identity h1,.personal-room-requests strong,.personal-room-help{overflow-wrap:anywhere}.personal-room-help>svg{flex-shrink:0}.personal-room-page .lx-page-heading.personal-room-heading{flex-direction:row;align-items:flex-start}.personal-room-dialog .personal-room-content{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.personal-room-dialog .personal-room-dialog-heading,.personal-room-dialog .personal-room-identity{flex:none;margin:0;padding-right:32px}.personal-room-dialog .personal-room-dialog-heading .lx-muted,.personal-room-dialog .personal-room-identity .personal-room-help{margin:4px 0 0}.personal-room-dialog h2{overflow-wrap:anywhere;margin:0;line-height:24px}.personal-room-dialog h3{font-size:var(--loop-font-section);margin:0 0 4px;line-height:22px}.personal-room-dialog .loop-dialog-form{flex:1}.personal-room-form-body{gap:12px;display:grid}.personal-room-field{min-width:0}.personal-room-dialog .personal-room-field>.lx-field.lx-field{margin:0}.personal-room-dialog .personal-room-field .personal-room-help{margin:4px 0 0}.personal-room-dialog .personal-room-form-body>.personal-room-help{margin:0}.personal-room-dialog .personal-room-form-body>.personal-room-value{margin-top:0}.personal-room-ready-body{align-content:start;gap:12px;display:grid}.personal-room-dialog .personal-room-ready-body>.lx-field,.personal-room-dialog .personal-room-ready-body>.personal-room-help{margin:0}.permission-row.personal-room-access-row{border:0;flex-direction:row;align-items:center;gap:12px;padding:0}.permission-row.personal-room-access-row .loop-select-trigger{flex:none;width:120px}.personal-room-public-confirm,.personal-room-public-confirm .permission-actions{margin-top:8px}.personal-room-dialog .personal-room-ready-body>.personal-room-value{margin-top:0}.permission-row.personal-room-value strong{font-size:var(--loop-font-section);line-height:22px}.permission-row.personal-room-value small{font-size:var(--loop-font-body);margin-top:4px;line-height:20px}.personal-room-dialog .personal-room-access-help{align-items:flex-start}.personal-room-access-help>svg{margin-top:2px}.personal-room-dialog .personal-room-guest-body .lx-muted{margin:0 0 12px}.personal-room-waiting-state>h3{font-weight:600}.personal-room-dialog .personal-room-waiting-state>.lx-muted{margin-bottom:0}.personal-room-dialog .personal-room-guest-body>.personal-room-help+.personal-room-help{margin-top:4px}.personal-room-dialog .loop-form-actions.personal-room-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px}.personal-room-dialog .loop-form-actions.personal-room-actions>.lx-button:only-child{margin-left:0}.personal-room-dialog .loop-form-actions.personal-room-waiting-actions{justify-content:space-between}.personal-room-heading>[data-slot=dropdown-menu-trigger]{flex-shrink:0}.personal-room-requests .personal-room-request-error{grid-column:1/-1}.permission-row.personal-room-value{border-top:1px solid var(--loop-line);text-align:left;border-bottom:0;flex-direction:row;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 0 0}.personal-room-value>span{min-width:0}.permission-row.personal-room-value:first-of-type{padding-top:12px}.personal-room-value>button,.personal-room-recording-row>svg{flex-shrink:0}.loop-room-context>.personal-room-recording-status:before{content:"·"}.loop-room-context>:is(.loop-room-phase,.loop-room-audience){white-space:nowrap}.loop-room-context>.personal-room-recording-status{min-width:0;font-size:inherit;white-space:nowrap}.loop-room-context .personal-room-recording-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loop-room-context>.personal-room-recording-status:before,.personal-room-recording-status>i{flex-shrink:0}@media (max-width:760px){.permission-row.personal-room-value{flex-direction:column;align-items:stretch;gap:8px}.personal-room-value>span{width:100%}.personal-room-value>button{align-self:flex-start}}@media (max-width:360px){.personal-room-dialog .loop-form-actions.personal-room-completion-actions{flex-direction:column-reverse;align-items:stretch}.personal-room-completion-actions>.lx-button{width:100%}}
