/* Spoty / modern cinema shell. All font and icon assets are local. */
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
.app{--modern-text:#edf2f8;--modern-muted:#929daa;--modern-panel:color-mix(in srgb,var(--surface),#080b10 32%);--modern-raised:color-mix(in srgb,var(--surface),white 4%);--modern-border:color-mix(in srgb,var(--accent) 14%,transparent);background:radial-gradient(ellipse at 90% 0%,rgba(var(--accent-rgb),.07),transparent 48%),var(--base);font-family:Manrope,Arial,sans-serif;color:var(--modern-text)}
.app :is(button,input,select,textarea,summary,.overline,.eyebrow,.brandmark,.brandmark small,.view-heading h2,.gv4-screen-head h2,.gv4-sidebar-head h2,.title-text,.camera-caption,.p2-desk-header,.hd43-panel-title,.gv42-header h2,.gv42-note,.gv42-dialog,.source-card,.toast){font-family:Manrope,Arial,sans-serif}
.app button{letter-spacing:0;font-weight:650}.app input,.app select,.app textarea{color:var(--modern-text)}
.app button:focus-visible,.app input:focus-visible,.app select:focus-visible,.app summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#studio .topbar{height:78px;min-height:78px;padding:0 30px;background:color-mix(in srgb,var(--base),transparent 9%);border-bottom:1px solid #ffffff0a;backdrop-filter:blur(18px)}
#studio .brandmark{font-size:24px;font-weight:750;letter-spacing:-.06em}.brandmark .brand-star{font-size:28px}.brandmark small{font-size:9px;font-weight:550;letter-spacing:.18em;color:var(--modern-muted)}
#studio .top-center{color:#99a4b0;font-size:10px;letter-spacing:.06em}.topbar .connection{background:rgba(var(--accent-rgb),.045);border:1px solid var(--modern-border);padding:8px 13px;border-radius:100px}
#studio .top-actions button{width:38px;height:38px;border-radius:12px;background:#ffffff04;border:1px solid #ffffff0d;color:#aeb8c4;transition:background .2s,border-color .2s}.top-actions button:hover{border-color:var(--modern-border);background:rgba(var(--accent-rgb),.08)}
#hostWorkspace.director-v45{grid-template-columns:338px minmax(0,1fr);background:transparent;gap:0}
#hostWorkspace.director-v45 .inspector{grid-column:1;grid-row:1;border-left:0;border-right:1px solid #ffffff09;background:color-mix(in srgb,var(--surface),var(--base) 48%)}
#hostWorkspace.director-v45 .inspector-head{display:none}
#hostWorkspace.director-v45 .inspector-scroll{padding:10px 20px 30px;scrollbar-color:#ffffff21 transparent}
#hostWorkspace.director-v45 .dv45-center{grid-column:2;grid-row:1;background:transparent;padding:28px 30px 32px;scrollbar-color:#ffffff21 transparent}
#hostWorkspace.director-v45 .view-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}
#hostWorkspace.director-v45 .view-heading h2{font-size:clamp(25px,2.4vw,39px);font-weight:650;text-transform:none;letter-spacing:-.06em;line-height:1.2;margin:6px 0 0}
#hostWorkspace.director-v45 .view-heading .overline{color:var(--modern-muted);font-size:9px;letter-spacing:.2em}
#modeTag{font-size:9px!important;color:var(--accent);letter-spacing:.08em!important;border:1px solid var(--modern-border);padding:5px 9px;border-radius:6px;margin-left:10px;vertical-align:middle;display:inline-block;font-weight:650}
#hostWorkspace.director-v45 .modern-source-switch{display:flex;align-items:center;gap:7px;background:transparent;border:0;box-shadow:none;padding:0;min-height:0;flex:0 0 auto;margin-left:auto;order:2}
.modern-source-switch .source-icon,.modern-source-switch .source-info{display:none!important}
#hostWorkspace.director-v45 .modern-source-switch .source-action{min-height:42px;border-radius:12px;padding:10px 15px;font-size:11px;background:var(--modern-raised);color:var(--modern-text);border:1px solid var(--modern-border);box-shadow:none}
#hostWorkspace.director-v45 .modern-source-switch .nx-launch{background:var(--accent);color:var(--base);border-color:transparent}
.modern-source-switch .source-action:hover{filter:brightness(1.1);transform:translateY(-1px)}
#hostWorkspace.director-v45 .dv45-program-bar{background:#ffffff03;border-bottom:1px solid #ffffff08;padding:12px 17px;min-height:38px;color:var(--modern-muted);letter-spacing:.13em;font-size:8px}
#hostWorkspace.director-v45 .under-monitor{color:#7b8794;font-size:9px}
.spoty-desk{gap:0!important}.spoty-desk .p2-desk-header{padding:16px 0 23px;display:flex;align-items:center;gap:12px;letter-spacing:0;background:transparent}
.spoty-desk .p2-desk-header strong{font:700 18px Manrope,Arial,sans-serif;letter-spacing:-.04em}.spoty-desk .p2-desk-header small{font:500 9px Manrope,Arial,sans-serif;letter-spacing:.1em;margin-top:4px;color:var(--modern-muted)}
.spoty-desk .p2-star{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--modern-border);border-radius:12px;background:rgba(var(--accent-rgb),.045);font-size:25px}
.spoty-desk .p2-tabs{top:-10px;margin:0 -3px 24px;padding:5px;gap:3px;border:1px solid #ffffff09;border-radius:13px;background:color-mix(in srgb,var(--surface),var(--base) 12%);box-shadow:0 5px 20px #0001}
.spoty-desk .p2-tabs button{min-height:54px;display:flex;flex-direction:column;gap:6px;font-size:9px;color:#8995a4;font-weight:600;padding:7px 2px;line-height:1.1;letter-spacing:0}
.spoty-desk .p2-tabs button.active{color:var(--accent);background:rgba(var(--accent-rgb),.09);box-shadow:none;border:0;position:relative}
.spoty-desk .p2-tabs button.active:after{content:'';position:absolute;bottom:4px;left:calc(50% - 7px);width:14px;height:2px;border-radius:3px;background:var(--accent)}
.spoty-desk .p2-tabs .studio-icon{width:17px;height:17px}
.spoty-section-heading h3{font-size:25px;letter-spacing:-.055em;font-weight:650;margin:0 0 9px}.spoty-section-heading p{font-size:11px;line-height:1.8;margin-bottom:23px;color:var(--modern-muted)}
.spoty-desk .inspect-group{border-color:#ffffff09;padding:22px 0}.spoty-desk .overline{font-size:9px;color:#aab4c1;letter-spacing:.15em;font-weight:650}
.spoty-desk label{font-size:10px;line-height:1.8;color:#a5b0be;font-weight:500}
.spoty-desk input:not([type=range]):not([type=checkbox]):not([type=file]),.spoty-desk select,.spoty-desk textarea{background:#00000016;border:1px solid #ffffff0e;border-radius:10px;padding:11px 12px;font:500 11px Manrope,Arial,sans-serif;min-height:42px;box-shadow:none}
.spoty-desk :is(input,select,textarea):focus{border-color:rgba(var(--accent-rgb),.5)}
.spoty-desk input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;border-radius:4px}
.spoty-desk .p2-row{gap:8px}.spoty-desk .p2-row button,.spoty-desk .p2-btn,.spoty-desk .studio-button{background:var(--modern-raised);border:1px solid var(--modern-border);color:var(--modern-text);border-radius:10px;font-size:10px;padding:10px 11px;min-height:38px}
.spoty-desk .p2-row input{min-width:0}.spoty-desk .p2-help,.spoty-desk small{font-size:10px;line-height:1.8;color:#8a97a6}
.spoty-desk .studio-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-theme-grid .studio-button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px!important;padding:11px 4px!important;min-height:65px;border:1px solid #ffffff0b!important;background:#ffffff02!important}
.studio-theme-grid .studio-button.active{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.065)!important}.studio-theme-grid i{width:22px;height:22px;border-radius:50%;box-shadow:0 3px 15px color-mix(in srgb,var(--swatch),transparent 75%)}
.spoty-layout{display:flex!important;flex-direction:column;align-items:stretch;gap:11px;border-radius:12px!important;padding:9px!important;background:#ffffff02!important;border-color:#ffffff0b!important}.spoty-layout>span:last-child{font:600 10px Manrope,Arial,sans-serif;text-align:left;padding:0 2px 3px}.spoty-layout-preview{width:100%;aspect-ratio:16/10;background:linear-gradient(140deg,#ffffff0b,#0003);border:1px solid #ffffff05;border-radius:7px}.spoty-layout.active{background:rgba(var(--accent-rgb),.05)!important;box-shadow:none}
.spoty-advanced{border-color:#ffffff0c;font-size:10px;padding:21px 0;margin-top:8px}.spoty-advanced summary{font-size:10px;list-style:none;color:#a7b2bf;display:flex;align-items:center;gap:8px}.spoty-advanced>summary:before{content:'+';font-size:18px;color:var(--accent)}.spoty-advanced[open]>summary:before{content:'−'}
#cinemaStatus{font-size:10px;border-color:#ffffff08;color:#7e8b9c;min-height:32px}
#hostWorkspace.director-v45 .dv45-bottom-zone{grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:15px;margin-top:20px}
#hostWorkspace.director-v45 .hd43-camera-panel,#hostWorkspace.director-v45 .source-card{background:var(--modern-panel);border:1px solid #ffffff0b;border-radius:16px;box-shadow:none}
#hostWorkspace.director-v45 .hd43-camera-panel{padding:17px;display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px;align-items:center}
#hostWorkspace.director-v45 .hd43-panel-head{grid-column:1/-1;margin:0}.hd43-panel-head .overline{font-size:8px;color:var(--modern-muted);letter-spacing:.1em}.hd43-panel-title{font-size:11px!important;font-weight:650}
#hostWorkspace.director-v45 .hd43-preview{width:135px;height:110px;aspect-ratio:auto;border-radius:12px;border:1px solid #ffffff0c;margin:0;align-self:start}
#hostWorkspace.director-v45 .hd43-empty strong{font-size:10px}.hd43-empty small{font-size:8px;line-height:1.5;padding:0 10px}.hd43-empty .spoty-icon{width:24px;height:24px}
#hostWorkspace.director-v45 .hd43-camera-panel>.camera-avatar{grid-column:2;grid-row:2;margin:0;padding:0;border:0;background:none;min-width:0}.camera-avatar strong{font-size:11px}.camera-avatar small{font-size:9px;line-height:1.6}.camera-avatar .avatar-upload{background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;padding:9px;font-size:10px}.camera-avatar .avatar-actions{gap:5px}.camera-avatar .avatar-actions button{font-size:9px;padding:7px;border-radius:8px;gap:5px}
#hostWorkspace.director-v45 .hd43-panel-foot{grid-column:1/-1;gap:7px;margin:0}.hd43-panel-foot button{font-size:10px;border-radius:9px!important;min-height:35px}.hd43-panel-foot .hd43-live-chip{font-size:8px}
#hostWorkspace.director-v45 .source-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0}.source-grid .source-card{min-height:95px;gap:13px;padding:16px}.source-grid .source-card .source-icon{color:var(--accent);background:rgba(var(--accent-rgb),.05);border:1px solid var(--modern-border);width:36px;height:36px;display:grid;place-items:center;border-radius:11px}.source-copy strong{font-size:10px!important;color:#c8d0da}.source-copy small{font-size:9px!important;color:#8190a1!important}
#guestWorkspace.guest-v4{background:transparent;gap:25px;padding:25px 30px 30px;grid-template-columns:minmax(0,1fr) 302px}
.guest-v4 .gv4-screen-head{margin-bottom:15px}.guest-v4 .gv4-screen-head h2{font-size:29px;letter-spacing:-.055em;font-weight:650;text-transform:none}.guest-v4 .gv4-eyebrow{font-size:8px;letter-spacing:.16em;color:var(--modern-muted)}.guest-v4 .gv4-live{font-size:8px;padding:5px 7px;margin-left:8px;border-radius:6px;background:rgba(var(--accent-rgb),.06);border:1px solid var(--modern-border)}
.guest-v4 .gv4-screen-area{border:1px solid #ffffff10;border-radius:22px;background:#07090e;box-shadow:0 24px 70px #0002;padding:0;overflow:hidden}
.guest-v4 .gv4-screen-bottom{padding:14px 0;gap:12px;font-size:9px;color:#8594a5;flex-wrap:wrap}.guest-v4 .gv4-screen-bottom .studio-toolbar{gap:7px;margin-left:auto}.guest-v4 .gv4-screen-bottom button{font-size:10px;border:1px solid #ffffff0d;border-radius:9px;background:#ffffff04;padding:9px 12px;min-height:36px}
.guest-v4 .gv4-audio{background:var(--modern-panel);border:1px solid #ffffff0c;border-radius:15px;padding:15px 17px;gap:12px}.gv4-audio strong{font-size:11px}.gv4-audio small{font-size:9px;color:var(--modern-muted)}.gv4-audio .guest-volume{min-width:150px}
.guest-v4 .gv4-sidebar{background:transparent;border:0;padding:0}.guest-v4 .gv4-sidebar-head h2{font-size:23px;text-transform:none;letter-spacing:-.05em}.guest-v4 .gv4-sidebar-head p{font-size:10px;line-height:1.8;color:var(--modern-muted)}
.guest-v4 .gv4-preview{aspect-ratio:16/10;border-radius:17px;border:1px solid #ffffff10;background:#0002}.guest-v4 .gv4-preview-empty strong{font-size:13px}.guest-v4 .gv4-preview-empty small{font-size:9px}.guest-v4 .gv4-preview-empty .spoty-icon{width:32px;height:32px}
.guest-v4 :is(.camera-avatar,.gv4-camera-control,.gv41-air-control,.guest-transform,.guest-fx,.gv4-note){border:1px solid #ffffff0b;background:var(--modern-panel);border-radius:15px;padding:15px;margin-top:13px}.guest-v4 .camera-avatar .avatar-actions button{min-height:34px}.guest-v4 :is(.gv4-camera-toggle,.gv41-air-toggle){border-radius:9px;font-size:10px;padding:10px;gap:6px}.guest-v4 .gv4-control-title{font-size:11px}.guest-v4 .gv4-control-desc{font-size:9px;line-height:1.6;color:var(--modern-muted)}
#lobby{padding:40px;min-height:100vh;background:radial-gradient(ellipse at 10% 30%,rgba(var(--accent-rgb),.09),transparent 50%)}
#lobby .lobby-grid{width:min(1120px,100%);max-width:1120px;min-height:670px;grid-template-columns:1.08fr 1fr;border:1px solid #ffffff0e;border-radius:28px;box-shadow:0 40px 120px #0004;background:color-mix(in srgb,var(--surface),var(--base) 55%)}
#lobby .lobby-art{min-height:670px;background:radial-gradient(ellipse at 35% 28%,rgba(var(--accent-rgb),.14),transparent 60%),linear-gradient(145deg,#ffffff04,#0003);border:0;overflow:hidden}
#lobby .art-center{z-index:2;text-align:left;align-items:flex-start;padding:65px 55px}#lobby .art-center h1{font:650 clamp(75px,8vw,115px)/1 Manrope,Arial,sans-serif;letter-spacing:-.085em;margin:17px 0 25px}#lobby .art-center .eyebrow{font-size:8px;color:var(--accent);letter-spacing:.2em}#lobby .art-center p{font:400 23px/1.6 Manrope,Arial,sans-serif;letter-spacing:-.04em;text-transform:none;color:#9ea9b8}#lobby .art-line{width:50px;background:var(--accent);opacity:.5}
#lobby .art-orbit-one{width:390px;height:390px;border:1px solid rgba(var(--accent-rgb),.15);box-shadow:0 0 70px rgba(var(--accent-rgb),.035);left:38%;top:28%;border-radius:50%;transform:rotate(-18deg)}#lobby .art-orbit-two{width:310px;height:310px;border:1px solid rgba(var(--accent-rgb),.09);left:46%;top:33%;animation:modern-orbit 24s ease-in-out infinite alternate}
#lobby .lobby-art:after{content:'✦';position:absolute;right:38px;bottom:40px;font-size:160px;line-height:1;color:var(--accent);opacity:.12;filter:drop-shadow(0 0 40px rgba(var(--accent-rgb),.15));animation:modern-star 13s ease-in-out infinite alternate;pointer-events:none}
#lobby .art-foot{padding:0 38px 30px;color:#738094;letter-spacing:.12em;font-size:7px}#lobby .lobby-panel{padding:46px 50px;background:transparent;display:flex;flex-direction:column;justify-content:center}#lobby .panel-top{margin-bottom:38px;border:0}#lobby .small-logo{font-size:30px;color:var(--accent)}#lobby .panel-top .eyebrow{font-size:8px;letter-spacing:.15em;color:var(--modern-muted)}
#lobby h2{font:600 40px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:18px 0 15px}#lobby .lead{font:400 12px/1.9 Manrope,Arial,sans-serif;color:#95a1b1;max-width:340px}#lobby .overline{font-size:9px;color:#6f7f93;letter-spacing:.12em}#lobby input{background:#0002;border:1px solid #ffffff12;border-radius:12px;padding:14px 16px;font-size:13px;min-height:49px}#lobby label{font-size:11px;color:#a4b0be;margin-top:23px}#lobby .btn-primary{width:100%;background:var(--accent);color:var(--base);border:0;border-radius:12px;min-height:48px;font-size:12px;margin-top:20px;box-shadow:0 8px 25px rgba(var(--accent-rgb),.1)}#lobby .fineprint{font-size:9px;line-height:1.8;color:#748295}
#pairingGuest{border:0;padding-top:8px}#pairingGuestCode{letter-spacing:.25em;font-variant-numeric:tabular-nums}#pairingRequest{width:100%;padding:13px;border:0;border-radius:12px;background:var(--accent);color:var(--base);font-size:12px;margin:13px 0 0}#pairingGuest p{line-height:1.8;font-size:11px}
.spoty-pairing button{background:var(--modern-raised);border:1px solid var(--modern-border);border-radius:10px;font-size:10px;color:var(--modern-text);padding:10px 12px}.spoty-pairing strong{font-size:12px;display:block;margin-top:10px}.spoty-pairing output{font-weight:600;letter-spacing:.2em;font-size:29px}.spoty-pairing p{font-size:10px;line-height:1.8;color:var(--modern-muted)}
.gv42-dialog{background:var(--surface);border:1px solid var(--modern-border);border-radius:23px;box-shadow:0 35px 120px #0008}.gv42-header{background:#ffffff02;border-color:#ffffff09}.gv42-header h2{letter-spacing:-.05em;font-size:26px}.gv42-dialog .gv42-settings{background:#0001}.gv42-dialog :is(input,select){border-radius:9px;background:#0002;border-color:#ffffff0e}.gv42-close{border-radius:9px;border-color:#ffffff12}.gv42-backdrop{backdrop-filter:blur(13px);background:#03060ab8}
.toast{border:1px solid var(--modern-border);background:color-mix(in srgb,var(--surface),#080b10 25%);border-radius:12px;backdrop-filter:blur(18px);font-size:11px;box-shadow:0 15px 50px #0005;color:var(--modern-text)}
#nxPlayerControls{font-family:Manrope,Arial,sans-serif}.nx-neural-bottom{border-radius:14px}.nx-launch .spoty-icon{width:16px;height:16px}
@keyframes modern-orbit{from{transform:rotate(-12deg) translateY(0)}to{transform:rotate(10deg) translateY(-12px)}}
@keyframes modern-star{from{transform:rotate(-8deg) translateY(0)}to{transform:rotate(8deg) translateY(-12px)}}
@media(min-width:1800px){#hostWorkspace.director-v45{grid-template-columns:370px minmax(0,1fr)}#hostWorkspace.director-v45 .dv45-center{padding:35px 55px}#hostWorkspace.director-v45 .inspector-scroll{padding:12px 25px 35px}}
@media(max-width:1200px){#hostWorkspace.director-v45{grid-template-columns:300px minmax(0,1fr)}#hostWorkspace.director-v45 .dv45-center{padding:22px 20px}#hostWorkspace.director-v45 .inspector-scroll{padding:8px 15px 25px}#hostWorkspace.director-v45 .dv45-bottom-zone{grid-template-columns:1fr}.guest-v4 .gv4-audio{flex-wrap:wrap}#guestWorkspace.guest-v4{grid-template-columns:minmax(0,1fr) 270px;padding:20px;gap:20px}}
@media(max-width:900px){#hostWorkspace.director-v45{display:flex;flex-direction:column}#hostWorkspace.director-v45 .dv45-center{order:1}#hostWorkspace.director-v45 .inspector{order:2;border:0;border-top:1px solid #ffffff0b;width:100%;max-height:none}#hostWorkspace.director-v45 .inspector-scroll{overflow:visible;padding:20px}.spoty-desk .p2-tabs{position:static;grid-template-columns:repeat(4,1fr)}.spoty-desk .p2-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#guestWorkspace.guest-v4{display:flex;flex-direction:column}.guest-v4 .gv4-sidebar{width:100%;max-width:none}#lobby{padding:25px}#lobby .lobby-grid{grid-template-columns:1fr;max-width:620px}#lobby .lobby-art{min-height:260px}#lobby .art-center{padding:35px}#lobby .art-center h1{font-size:80px;margin:10px 0 15px}#lobby .art-center p{font-size:18px}#lobby .art-foot{padding:0 35px 20px}#lobby .lobby-panel{padding:35px}#lobby .panel-top{margin-bottom:20px}}
@media(max-width:550px){#studio .topbar{height:64px;min-height:64px;padding:0 15px}.brandmark small{display:none}#hostWorkspace.director-v45 .dv45-center{padding:20px 12px}#hostWorkspace.director-v45 .view-heading h2{font-size:28px}.modern-source-switch{width:100%;margin-left:0!important}.modern-source-switch .source-action{flex:1}#hostWorkspace.director-v45 .hd43-camera-panel{grid-template-columns:110px minmax(0,1fr);padding:13px}#hostWorkspace.director-v45 .hd43-preview{width:110px;height:100px}.spoty-desk .p2-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#guestWorkspace.guest-v4{padding:16px 12px}.guest-v4 .gv4-screen-head h2{font-size:24px}.guest-v4 .gv4-screen-head{align-items:flex-start;gap:10px}.guest-v4 .gv4-screen-head #guestWaiting{font-size:9px;max-width:110px;line-height:1.6}.guest-v4 .gv4-audio{gap:12px}.guest-v4 .gv4-audio .guest-volume{width:100%}#lobby{padding:15px}#lobby .lobby-panel{padding:28px}#lobby h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){#lobby .art-orbit-two,#lobby .lobby-art:after{animation:none!important}.modern-source-switch .source-action:hover{transform:none}.app .spoty-desk [role=tabpanel]{animation:none!important}}
#hostWorkspace.director-v45 .view-heading>.modern-source-switch.source-card{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important;gap:8px}
#hostWorkspace.director-v45 .modern-source-switch .source-info{display:none!important}
#hostWorkspace.director-v45 .dv45-program-shell{width:100%;max-width:none;background:#07090d;border:1px solid #ffffff12;border-radius:22px;box-shadow:0 22px 70px #0003;overflow:hidden}
#hostWorkspace.director-v45 .dv45-program-right{display:flex;align-items:center;gap:5px;margin-left:auto;opacity:1}
#hostWorkspace.director-v45 .dv45-program-right button{width:28px;height:28px;padding:5px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;color:#9eacba}
#hostWorkspace.director-v45 .dv45-program-right .spoty-icon{width:14px;height:14px;flex-basis:14px}
#hostWorkspace.director-v45 .dv45-program-bar{padding:7px 14px;min-height:40px}
#hostWorkspace.director-v45 .source-grid .source-info strong{font-size:10px;color:#c8d0da}#hostWorkspace.director-v45 .source-grid .source-info small{font-size:9px;color:#8190a1}
@media(max-width:550px){#hostWorkspace.director-v45 .view-heading>.modern-source-switch.source-card{width:100%!important;flex-wrap:wrap!important}.modern-source-switch .source-action{width:auto!important;flex:1}}
.modern-room-access{background:linear-gradient(140deg,rgba(var(--accent-rgb),.065),#ffffff01);border:1px solid var(--modern-border);border-radius:13px;padding:13px;margin:0 0 20px}
.modern-room-caption{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.modern-room-caption strong{font:650 11px Manrope,Arial,sans-serif;color:#d9e1eb}.modern-room-caption small{font:500 9px Manrope,Arial,sans-serif;color:#8090a1}.modern-room-caption [data-stable=true]{color:var(--accent)}
.modern-room-link{display:flex;gap:5px}.spoty-desk .modern-room-link input{min-width:0!important;height:32px!important;min-height:32px!important;padding:6px 8px!important;font-size:9px!important;border:1px solid #ffffff0b!important;background:#0002!important;border-radius:7px!important}.modern-room-link button{flex:0 0 33px;display:grid;place-items:center;border:1px solid var(--modern-border);border-radius:7px;background:rgba(var(--accent-rgb),.065);color:var(--accent);padding:0}.modern-room-link .spoty-icon{width:14px;height:14px}
.modern-room-access p{font:400 9px/1.7 Manrope,Arial,sans-serif;color:#8090a1;margin:9px 0 0}

#pairingGuest label{display:block;margin-bottom:8px}#pairingGuestCode{display:block;width:100%;box-sizing:border-box;letter-spacing:.22em}