:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit}.m0-shell h1{margin:.25rem 0 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.m0-shell p{max-width:48rem;line-height:1.6;color:var(--mui-palette-text-secondary)}.m0-shell .eyebrow{margin:0 auto;color:var(--mui-palette-secondary-main);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.m0-shell button,.m0-shell input,.m0-shell select{font:inherit}.m0-shell button{border:1px solid var(--mui-palette-divider);border-radius:var(--mui-shape-borderRadius);background:var(--mlp-surface-2);color:var(--mui-palette-text-primary);cursor:pointer;font-weight:700;padding:.72rem 1rem;transition:border-color .12s ease,background .12s ease,transform .12s ease}.m0-shell button:hover:not(:disabled){border-color:var(--mui-palette-primary-light);background:var(--mlp-surface-3);transform:translateY(-1px)}.m0-shell .lab-card:focus-visible,.m0-shell button:focus-visible,.m0-shell input:focus-visible,.m0-shell select:focus-visible{outline:3px solid var(--mui-palette-primary-light);outline-offset:3px}.m0-shell button:disabled{cursor:not-allowed;opacity:.45}.m0-shell{display:grid;grid-gap:1.25rem;gap:1.25rem;min-height:100vh;margin:0 auto;max-width:88rem;padding:clamp(1rem,3vw,3rem);background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--mui-palette-primary-main) 13%,transparent),transparent 32rem),var(--mui-palette-background-default);color:var(--mui-palette-text-primary)}.m0-shell [hidden]{display:none!important}.m0-header{padding:1rem 0 .5rem}.m0-header h1{max-width:70rem}.m0-header .eyebrow{margin:0}.m0-shell .status-row{align-items:center;color:var(--mui-palette-text-secondary);display:flex;gap:.65rem;margin-top:1rem}.m0-shell .status-dot{background:var(--mui-palette-text-disabled);border-radius:999px;height:.65rem;width:.65rem}.m0-shell .status-granted{background:var(--mlp-audio-signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--mlp-audio-signal) 12%,transparent)}.m0-shell .status-denied{background:var(--mui-palette-error-main)}.m0-shell .status-requesting{background:var(--mui-palette-warning-main)}.m0-shell .error-banner{border:1px solid color-mix(in srgb,var(--mui-palette-error-main) 62%,var(--mui-palette-divider));border-radius:var(--mui-shape-borderRadius);background:color-mix(in srgb,var(--mui-palette-error-main) 14%,var(--mlp-surface-1));color:var(--mui-palette-error-light);padding:.75rem 1rem}.m0-shell .lab-card{border:1px solid var(--mui-palette-divider);border-radius:var(--mlp-radius-card);background:var(--mlp-surface-1);padding:clamp(1rem,2vw,1.5rem)}.m0-shell .button-row,.m0-shell .meter-label,.m0-shell .section-heading,.m0-shell .section-heading>div{align-items:center;display:flex}.m0-shell .section-heading{gap:1rem;justify-content:space-between}.m0-shell .section-heading>div{gap:.75rem}.m0-shell .section-heading h2{margin:0}.m0-shell .step-number{display:grid;height:2rem;place-content:center;width:2rem;border:1px solid color-mix(in srgb,var(--mui-palette-primary-main) 70%,var(--mui-palette-divider));border-radius:999px;color:var(--mui-palette-primary-light);font-size:.8rem;font-weight:800}.m0-shell .helper-text{color:var(--mui-palette-text-secondary);font-size:.9rem;margin:.8rem 0 1rem}.m0-shell .diagnostic-grid,.m0-shell .form-grid,.m0-shell .settings-grid,.m0-shell .video-grid{display:grid;grid-gap:.85rem;gap:.85rem}.m0-shell .form-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.m0-shell .form-grid label{color:var(--mui-palette-text-secondary);display:grid;font-size:.8rem;font-weight:700;grid-gap:.45rem;gap:.45rem}.m0-shell input,.m0-shell select{background:var(--mlp-surface-2);color:var(--mui-palette-text-primary);min-width:0;padding:.68rem .75rem}.m0-shell .processing-options,.m0-shell input,.m0-shell select{border:1px solid var(--mui-palette-divider);border-radius:var(--mui-shape-borderRadius)}.m0-shell .processing-options{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;padding:.9rem 1rem 1rem}.m0-shell .processing-options legend{color:var(--mui-palette-text-secondary);font-size:.8rem;font-weight:700;padding:0 .35rem}.m0-shell .check-label{align-items:center;color:var(--mui-palette-text-primary);display:flex;gap:.5rem}.m0-shell .check-label input{accent-color:var(--mui-palette-primary-main)}.m0-shell .primary-action{border-color:var(--mui-palette-primary-main);background:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText)}.m0-shell .settings-grid{color:var(--mui-palette-text-secondary);font-size:.82rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-top:1rem}.m0-shell .mode-switch{display:grid;grid-gap:.6rem;gap:.6rem;grid-template-columns:repeat(3,1fr)}.m0-shell .mode-switch .active{border-color:var(--mui-palette-primary-light);background:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText)}.m0-shell .pill{border:1px solid var(--mui-palette-divider);border-radius:999px;color:var(--mui-palette-text-secondary);font-size:.75rem;padding:.35rem .65rem}.m0-shell .pill-good{border-color:var(--mui-palette-success-main);color:var(--mui-palette-success-main)}.m0-shell .pill-bad{border-color:var(--mui-palette-error-main);color:var(--mui-palette-error-light)}.m0-shell .meters{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1rem}.m0-shell .meter-label{color:var(--mui-palette-text-secondary);font-size:.78rem;justify-content:space-between;margin-bottom:.35rem}.m0-shell .meter-track{border:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-default);border-radius:999px;height:.85rem;overflow:hidden}.m0-shell .meter-fill{background:linear-gradient(90deg,var(--mlp-audio-signal),var(--mui-palette-secondary-main));display:block;height:100%;transition:width 80ms linear}.m0-shell .meter-fill.clipping{background:var(--mlp-audio-clip)}.m0-shell .metric-line{color:var(--mui-palette-text-secondary);font-size:.85rem;margin-bottom:0}.m0-shell .relay-check{margin:1rem 0}.m0-shell .button-row{gap:.7rem}.m0-shell .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.m0-shell figure{margin:0}.m0-shell video{aspect-ratio:16/9;border:1px solid var(--mui-palette-divider);border-radius:var(--mui-shape-borderRadius);background:var(--mui-palette-background-default);display:block;object-fit:cover;width:100%}.m0-shell figcaption{color:var(--mui-palette-text-secondary);font-size:.76rem;margin-top:.4rem}.m0-shell .diagnostic-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-top:1rem}.m0-shell .metric{border:1px solid var(--mui-palette-divider);border-radius:var(--mui-shape-borderRadius);background:var(--mlp-surface-2);display:grid;grid-gap:.3rem;gap:.3rem;padding:.8rem}.m0-shell .metric span{color:var(--mui-palette-text-secondary);font-size:.72rem;text-transform:uppercase}.m0-shell .metric strong{font-size:.95rem}.product-room-shell .m0-header{display:flex;gap:.5rem;left:1.25rem;max-width:calc(100% - 2.5rem);padding:0;position:absolute;top:1.25rem;z-index:12}.product-room-shell .m0-header .eyebrow,.product-room-shell .m0-header h1,.product-room-shell .m0-header>p:not(.error-banner){display:none}.product-room-shell .m0-header .status-row{background:color-mix(in srgb,var(--mlp-surface-1) 90%,transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border:1px solid var(--mui-palette-divider);border-radius:999px;margin:0;max-width:min(42rem,100%);padding:.4rem .75rem}.product-room-shell .m0-header .error-banner{background:color-mix(in srgb,var(--mui-palette-error-main) 20%,var(--mlp-surface-1));margin:0;max-width:none;overflow:hidden;padding:.45rem .75rem;text-overflow:ellipsis;white-space:nowrap}.product-room-shell .connection-card{order:3}.product-room-shell .permission-card{order:1}.product-room-shell .routing-card{order:2}.product-room-media-ready .connection-card{order:1}.product-room-media-ready .permission-card{order:2}.product-room-media-ready .routing-card,.product-room-media-ready .routing-card .section-heading,.product-room-media-ready .routing-card>.form-grid,.product-room-media-ready .routing-card>.helper-text,.product-room-media-ready .routing-card>.meters{display:none}.product-room-media-ready .routing-card .mode-switch{grid-template-columns:repeat(3,1fr)}.m0-shell .remote-volume-controls{display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.m0-shell .remote-volume-controls label{align-items:center;background:var(--mlp-surface-2);border:1px solid var(--mui-palette-divider);border-radius:.65rem;display:grid;grid-gap:.35rem .65rem;gap:.35rem .65rem;grid-template-columns:minmax(7rem,auto) minmax(6rem,1fr) 3rem;padding:.55rem .7rem}.m0-shell .remote-volume-controls input[type=range]{min-width:0;width:100%}.m0-shell .remote-volume-controls output{color:var(--mui-palette-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.product-room-media-ready .remote-audio-overlay{align-items:stretch;background:color-mix(in srgb,var(--mlp-surface-1) 94%,transparent);border:1px solid var(--mui-palette-divider);border-radius:.85rem;bottom:1rem;box-shadow:0 .8rem 2.5rem rgb(0 0 0/28%);display:grid;grid-gap:.55rem;gap:.55rem;left:1rem;padding:.7rem;position:absolute;width:min(22rem,calc(100% - 2rem));z-index:6}.product-room-media-ready .remote-audio-overlay .remote-mixer-heading{align-items:center;display:flex;justify-content:space-between}.product-room-media-ready .remote-audio-overlay .remote-mixer-heading span{color:var(--mui-palette-text-secondary);font-size:.7rem}.product-room-media-ready .remote-audio-overlay .local-levels{display:grid;grid-gap:.4rem;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.product-room-media-ready .remote-audio-overlay .meter{padding:.45rem .55rem}.product-room-media-ready .remote-audio-overlay .remote-volume-controls{display:grid;grid-template-columns:1fr}.product-room-media-ready .remote-audio-overlay .remote-volume-controls label{background:transparent;border:0;grid-template-columns:5rem minmax(5rem,1fr) 2.5rem;padding:.2rem 0}.product-room-media-ready .remote-audio-overlay>span{color:var(--mui-palette-warning-main);font-size:.75rem}.product-room-media-ready .permission-card.product-device-panel-collapsed{display:none}.product-room-media-ready .permission-card:not(.product-device-panel-collapsed){box-shadow:0 1.5rem 5rem rgb(0 0 0/45%);left:1.5rem;max-height:calc(100% - 5rem);overflow:auto;position:absolute;top:3.5rem;width:min(42rem,calc(100% - 3rem));z-index:30}.product-room-shell:not(.product-room-media-ready) .permission-card{box-shadow:0 1.5rem 5rem rgb(0 0 0/45%);left:50%;max-height:calc(100% - 3rem);overflow:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(46rem,calc(100% - 3rem));z-index:30}.product-room-shell:not(.product-room-media-ready) .routing-card{display:none}.product-room-shell:not(.product-room-media-ready) .connection-card{height:100%;min-height:34rem;overflow:hidden}.product-room-shell:not(.product-room-media-ready) .connection-card>:not(.video-grid){visibility:hidden}.product-room-shell:not(.product-room-media-ready) .connection-card .video-grid{height:100%}.product-room-media-ready{display:block;position:relative}.product-room-media-ready .connection-card{height:100%;min-height:0;overflow:hidden;padding:.6rem;position:relative;width:100%}.product-room-media-ready .connection-card>.section-heading{left:1.25rem;position:absolute;top:1.2rem;z-index:4}.product-room-media-ready .connection-card>.section-heading .step-number,.product-room-media-ready .connection-card>.section-heading h2{display:none}.product-room-media-ready .connection-card>.section-heading .pill{background:color-mix(in srgb,var(--mlp-surface-1) 88%,transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.product-room-media-ready .connection-card>.button-row{display:none}.product-room-shell .connection-card .video-grid{display:block;height:100%;min-height:30rem;position:relative;width:100%}.product-room-shell .connection-card figure:last-child{height:100%;width:100%}.product-room-shell .connection-card figure:last-child video{aspect-ratio:auto;height:100%;width:100%}.product-room-shell .connection-card figure:first-child{top:1rem;max-width:15rem;position:absolute;right:1rem;width:28%;z-index:2}.product-room-shell .connection-card figure:first-child video{box-shadow:0 1rem 3rem rgb(0 0 0/35%)}.product-room-shell .connection-card figure:first-child figcaption{background:rgb(0 0 0/58%);border-radius:.4rem;bottom:.5rem;left:.5rem;margin:0;padding:.2rem .45rem;position:absolute}.product-room-shell .connection-card .button-row{justify-content:center}.product-room-shell .product-callbar{align-items:stretch;background:color-mix(in srgb,var(--mlp-surface-1) 94%,transparent);border:1px solid var(--mui-palette-divider);border-radius:.9rem;bottom:1rem;box-shadow:0 .8rem 2.5rem rgb(0 0 0/32%);display:flex;gap:.2rem;left:50%;padding:.35rem;position:absolute;transform:translateX(-50%);z-index:8}.product-room-shell .product-callbar button{align-items:center;background:transparent;border:1px solid transparent;border-radius:.65rem;color:var(--mui-palette-text-secondary);display:grid;font-size:.68rem;grid-gap:.1rem;gap:.1rem;justify-items:center;min-width:4.4rem;padding:.35rem .45rem}.product-room-shell .product-callbar button:focus-visible,.product-room-shell .product-callbar button:hover,.product-room-shell .product-callbar button[aria-pressed=true]{background:var(--mlp-surface-3);border-color:var(--mui-palette-divider);color:var(--mui-palette-text-primary)}.product-room-shell .product-callbar button:disabled{cursor:not-allowed;opacity:.45}.product-room-shell .product-callbar .callbar-icon{color:var(--mui-palette-primary-light);font-size:.9rem;font-weight:800}.product-room-shell .product-callbar .callbar-leave{color:var(--mui-palette-error-light)}.product-room-shell .first-use-note{background:var(--mlp-surface-2);border:1px solid var(--mui-palette-divider);border-radius:.75rem;display:grid;grid-gap:.3rem;gap:.3rem;margin-top:.75rem;padding:.75rem}.product-room-shell .first-use-note span{color:var(--mui-palette-text-secondary);font-size:.8rem}.product-room-shell .device-panel-close{margin-left:.5rem}@media (max-width:1360px){.product-room-media-ready .remote-audio-overlay{bottom:6.4rem;width:min(20rem,calc(100% - 2rem))}}@media (max-width:960px){.product-room-shell .routing-card{position:static;transform:none;width:auto}.product-room-media-ready{grid-template-rows:auto auto auto}.product-room-media-ready .routing-card .section-heading{display:flex}.product-room-media-ready .routing-card>.helper-text{display:block}.product-room-media-ready .routing-card>.form-grid,.product-room-media-ready .routing-card>.meters{display:grid}.product-room-media-ready .connection-card .button-row{bottom:1rem}.product-room-media-ready .remote-audio-overlay{bottom:5.5rem}.product-room-shell .connection-card .video-grid,.product-room-shell .connection-card figure:last-child video{min-height:22rem}}@media (max-width:700px){.m0-shell .section-heading{align-items:flex-start;flex-direction:column}.m0-shell .mode-switch,.m0-shell .remote-volume-controls,.m0-shell .video-grid{grid-template-columns:1fr}.product-room-media-ready .remote-audio-overlay{align-items:stretch;flex-direction:column}}@media (pointer:coarse){.MuiButton-root,.MuiIconButton-root{min-height:44px}.MuiIconButton-root{min-width:44px}}