.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}}
