@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#0b111c;--panel:#121b2a;--panel2:#172232;--line:#243043;--text:#e9eff7;--muted:#8393a9;--cyan:#38c9df;--green:#32cba5;--amber:#edb55b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.5}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:background .16s,border .16s;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}button:hover{filter:brightness(1.13)}a{color:inherit;text-decoration:none}input,select{color:var(--text);border:1px solid var(--line);background:#101a29;border-radius:7px;min-width:0;padding:10px 12px}select{cursor:pointer}select option{background:#142032}small{color:var(--muted);font-size:11px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:29px;font-weight:600;line-height:1.3}h2{letter-spacing:-.15px;font-size:14px;font-weight:600}h3{margin:18px 0 10px;font-size:13px}p{color:var(--muted)}.app{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:40;background:#0f1724;flex-direction:column;width:248px;padding:28px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brandIcon{width:38px;height:38px;color:var(--cyan);background:linear-gradient(135deg,#163345,#102333);border:1px solid #286275;border-radius:10px;place-items:center;display:grid;position:relative}.brandIcon i{background:var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:6px;box-shadow:0 0 10px #38c9df}.brand b{letter-spacing:1px;font-size:21px;font-weight:800;line-height:1}.brand span{letter-spacing:2.3px;color:#89a4b9;margin-top:6px;font-size:9px;display:block}.workspace{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-bottom:25px;padding:12px 10px;display:flex}.workspaceIcon{color:#a8bdce;background:#26344a;border-radius:6px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.workspace strong{white-space:nowrap;font-size:11px;font-weight:500}.workspace small{margin-top:3px;font-size:10px;display:block}.workspace>svg{color:var(--muted);margin-left:auto}.navLabel{letter-spacing:1.5px;color:#637790;margin-bottom:10px;padding-left:13px;font-size:9px;font-weight:600}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#90a1b7;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:start;gap:11px;width:100%;padding:11px 12px;font-size:12px;position:relative}nav button.active{color:var(--cyan);background:linear-gradient(90deg,#163443,#142633);border-color:#214856}nav button.active:before{content:"";background:var(--cyan);border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-19px}nav button em{background:#223047;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-style:normal}.sideBottom{margin-top:auto;padding-top:30px}.demoBox{color:var(--cyan);letter-spacing:.4px;background:linear-gradient(140deg,#13283a,#122031);border:1px solid #254257;border-radius:8px;padding:13px;font-size:10px;font-weight:600}.demoBox p{color:#90a4b6;letter-spacing:0;margin-top:5px;font-size:10px;font-weight:400}.cyanDot{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.profile{border:0;border-top:1px solid var(--line);width:calc(100% + 36px);color:var(--muted);background:0 0;justify-content:start;margin:22px -18px 0;padding:18px}.avatar{color:#a7dae4;background:#1e3442;border:1px solid #355161;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:grid}.profile b{color:var(--text);font-size:11px;font-weight:500}.profile small{text-align:left;font-size:9px;display:block}.profile svg{margin-left:auto}.main{margin-left:248px}.topbar{border-bottom:1px solid var(--line);background:#0d1521;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex;position:relative}.breadcrumb{color:#72869f;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#bbcadb;font-weight:500}.topActions{align-items:center;gap:20px;display:flex}.saveStatus{color:#8298a9;font-size:10px}.saveStatus:before{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.saveStatus.warning:before{background:var(--amber)}.iconBtn{color:#8296ad;background:0 0;border:0;border-radius:6px;padding:7px}.iconBtn:hover{color:var(--text);background:#1f2f42}.bell{position:relative}.bell i{background:var(--cyan);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:7px}.mobileToggle{display:none}.notifications{z-index:50;background:#182436;border:1px solid #35475e;border-radius:10px;width:350px;padding:20px;position:absolute;top:63px;right:25px;box-shadow:0 12px 30px #0009}.notifications p{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.notifications small{margin-top:4px;display:block}main{max-width:1700px;margin:auto;padding:31px 34px 0}.pageHead{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:1.6px;color:#8499b0;margin-bottom:9px;font-size:8px;font-weight:600}.eyebrow span{color:#55c4d5;letter-spacing:.4px;border:1px solid #2c4856;border-radius:4px;margin-left:8px;padding:2px 5px;font-size:8px}.pageHead p{margin-top:8px;font-size:12px}.headActions{flex-shrink:0;gap:9px;display:flex}.primary{color:#06232f;background:#3fc5dc;border:1px solid #64d2e2;border-radius:6px;padding:10px 15px;font-size:11px;font-weight:600;box-shadow:0 3px 12px #00cfee0c}.secondary{color:#c9d6e4;background:#172233;border:1px solid #314156;border-radius:6px;padding:9px 13px;font-size:11px}.danger{color:#ffc5cb;background:#572734;border:1px solid #b84a55;border-radius:6px;padding:10px 18px}.textBtn{color:var(--cyan);white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px}.demoNotice{color:#91aabd;background:#132331;border:1px solid #223b4b;border-radius:7px;align-items:center;gap:10px;margin-bottom:23px;padding:10px 13px;font-size:10px;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:3px 7px;font-size:9px;font-weight:500;line-height:1.5;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.cyan{color:#57cde0;background:#153642;border-color:#245461}.green{color:#57d3aa;background:#15392f;border-color:#225543}.amber{color:#e1b775;background:#392e21;border-color:#59462c}.purple{color:#b7a2e8;background:#2b2543;border-color:#40355c}.muted{color:#8b9fb6;background:#202d3e;border-color:#2c3e53}.cyanText{color:var(--cyan)}.greenText{color:var(--green)}.amberText{color:var(--amber)}.purpleText{color:#b49cef}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.stat{padding:18px 20px}.statTop{color:#95a6bc;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.statIcon{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.stat>b{letter-spacing:-1px;margin:5px 0 8px;font-size:33px;font-weight:500;display:block}.stat>small{align-items:center;gap:6px;font-size:9px;display:flex}.dashboardGrid{grid-template-columns:1.12fr 1fr;gap:23px;display:grid}.cardHead{justify-content:space-between;align-items:center;gap:12px;min-height:59px;padding:18px 20px;display:flex}.cardHead h2>span{color:#87a2bc;background:#243247;border-radius:4px;margin-left:7px;padding:2px 6px;font-size:10px}.networkInner{align-items:center;gap:35px;padding:18px 25px 32px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:158px;height:158px;padding:13px;transform:rotate(-40deg)}.donut>div{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:rotate(40deg)}.donut b{letter-spacing:-1px;font-size:31px;font-weight:500}.donut span{color:#93a5b9;margin-top:4px;font-size:9px}.networkNumbers{flex:1;min-width:0}.networkNumbers>div{color:#9aaac0;justify-content:space-between;gap:8px;margin:14px 0;font-size:10px;display:flex}.networkNumbers b{color:var(--text);font-size:12px;font-weight:500}.dot{border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.greenDot{background:var(--green)}.grayDot{background:#72829a}.networkFooter{border-top:1px solid var(--line);color:#637e94;align-items:center;gap:8px;padding:13px 20px;font-size:9px;display:flex}.dashboardScreen{background:#000;border-radius:5px;height:186px;margin:0 20px;position:relative;overflow:hidden}.onScreen{letter-spacing:.8px;color:#b5d7df;background:#00131ca8;border-radius:4px;padding:4px 7px;font-size:7px;position:absolute;top:10px;right:10px}.onScreen i{background:var(--green);border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.previewCaption{color:#8096b1;align-items:center;gap:10px;margin:14px 20px;font-size:10px;display:flex}.previewCaption>span{color:#c5d2df}.previewCaption small{margin-top:2px;font-size:9px;display:block}.roundPlay{color:var(--cyan);background:#1c3946;border:1px solid #2d5662;border-radius:50%;width:33px;height:33px;padding:0}.previewCaption>.roundPlay{margin-left:auto}.sectionGap{margin-top:23px}.tableWrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#748aa4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101a28;padding:12px 20px;font-size:9px;font-weight:500}th small{font-size:8px}td{color:#b2c0d2;border-bottom:1px solid #202c3e;padding:14px 20px;font-size:10px}tr:last-child td{border-bottom:0}td strong{color:#d9e3ee;font-size:11px;font-weight:500}td small{color:#697f99;margin-top:3px;font-size:9px;display:block}.deviceName{align-items:center;gap:11px;display:flex}.deviceIcon{color:#8ba5c0;background:#1c2b40;border:1px solid #2b3d54;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.deviceIcon.portrait svg{transform:rotate(90deg)}.listTag{color:#9cacc1;align-items:center;gap:6px;font-size:9px;display:flex}.bottomGrid{grid-template-columns:1.5fr 1fr;gap:23px;margin-top:23px;display:grid}.scheduleMini{border-top:1px solid #1f2b3b;align-items:center;gap:12px;padding:12px 20px;display:flex}.calendarIcon{color:#8da7c4;background:#202e44;border:1px solid #2e425e;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.scheduleMini strong{font-size:10px;font-weight:500}.scheduleMini small{margin-top:3px;font-size:9px;display:block}.scheduleMini .badge{margin-left:auto}.storageCard>b{margin:0 20px 3px;font-size:24px;font-weight:500;display:block}.storageCard>p{margin:0 20px;font-size:10px}.storageTrack{background:#253247;border-radius:10px;height:5px;margin:18px 20px 8px;overflow:hidden}.storageTrack span{background:var(--cyan);height:100%;display:block}.storageCard>small{margin-left:20px;font-size:9px}.storageCard>.textBtn{margin:15px 20px;display:flex}.art{isolation:isolate;color:#fff;background:#062d3a;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:7%;display:flex;position:relative;overflow:hidden}.artmesh{z-index:-1;background:radial-gradient(at 90% 0,#1bafbb55,#0000 60%),linear-gradient(120deg,#0000 55%,#50b4bc15 55%,#102c3e 65%);position:absolute;inset:0}.artmesh:after{content:"";border:1px solid #6fe4ee55;border-radius:50%;width:80%;height:100%;position:absolute;top:-12%;right:-40%;transform:rotate(-20deg);box-shadow:0 0 0 20px #7ce7f00a,0 0 0 50px #7ce7f008,0 0 0 80px #7ce7f007,0 0 0 110px #7ce7f006}.artTop{letter-spacing:1.2px;color:#add6dc;z-index:1;font-size:clamp(6px,.7vw,10px);font-weight:500}.artText small{color:#78bfce;letter-spacing:1.7px;font-size:clamp(5px,.6vw,9px)}.artText strong{letter-spacing:-1px;white-space:pre-line;margin:8px 0 14px;font-size:clamp(20px,2.4vw,38px);font-weight:500;line-height:1.14;display:block}.artText>span{color:#9fbfc8;letter-spacing:1.2px;font-size:clamp(5px,.6vw,9px)}.artBottom{letter-spacing:1.2px;color:#83aab8;justify-content:space-between;font-size:6px;display:flex}.artBottom>span{border:1px solid #5e9aa4;padding:0 4px}.art.event{background:#172739}.art.event .artmesh{background:linear-gradient(120deg,#23396055,#0000 70%),radial-gradient(at 95% 90%,#2ba4b933,#0000 65%)}.art.sport{background:#1e2532}.art.sport .artmesh{background:linear-gradient(135deg,#0000 50%,#bcec4118 50%,#bcec4105 65%)}.art.sport small{color:#c7d589}.art.medical{background:#123f44}.art.totem{background:#092837}.thumbnail>img,.thumbnail>video,.virtualScreen>img,.virtualScreen>video,.dashboardScreen>img,.dashboardScreen>video{object-fit:contain;background:#000;width:100%;height:100%}.emptyArt{color:#7189a3;background:#0b1421;place-items:center;height:100%;display:grid}.toolbar{align-items:center;gap:10px;margin:0 0 20px;display:flex}.toolbar select{padding:10px;font-size:11px}.search{border:1px solid var(--line);color:#6d86a1;background:#121c2c;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:420px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:11px 0;font-size:11px}.empty{text-align:center;color:var(--muted);padding:40px}.uploadZone{color:#85a3b6;background:#111e2c;border:1px dashed #36556b;border-radius:8px;justify-content:center;align-items:center;gap:15px;margin-bottom:23px;padding:22px;display:flex}.uploadZone span{font-size:12px}.uploadZone small{margin-top:4px;font-size:9px;display:block}.mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.thumbnail{cursor:pointer;height:170px;position:relative}.thumbnail .artText strong{font-size:25px}.assetType{background:#041624b8;border:1px solid #6e849e40;border-radius:4px;padding:3px 6px;font-size:8px;position:absolute;top:10px;left:12px}.mediaInfo{padding:16px}.mediaInfo>strong{margin-bottom:4px;font-size:12px;font-weight:500;display:block}.mediaInfo>small{font-size:9px;display:block}.mediaInfo>div{align-items:center;margin-top:13px;display:flex}.mediaInfo .badge{margin-right:auto}.mediaInfo>small:last-child{margin-top:6px}.playlistGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.playlistVisual{height:145px;position:relative}.playlistOverlay{background:linear-gradient(#0000,#04101dca);align-items:flex-end;gap:9px;padding:13px;font-size:9px;display:flex;position:absolute;inset:0}.playlistBody{padding:17px}.playlistBody h2{margin-top:13px;font-size:15px}.playlistBody p{margin-top:5px;font-size:10px}.playlistMeta{border-top:1px solid var(--line);color:#8298b2;justify-content:space-between;margin:16px 0;padding-top:13px;font-size:10px;display:flex}.rowActions{align-items:center;gap:7px;display:flex}.calendarGrid{border-top:1px solid var(--line);grid-template-columns:repeat(7,1fr);display:grid;overflow-x:auto}.calendarDay{border-right:1px solid var(--line);min-height:245px;padding:14px 9px}.calendarDay:last-child{border:0}.calendarDay>div{text-align:center;margin-bottom:18px}.calendarDay small{font-size:9px;display:block}.calendarDay b{place-items:center;width:31px;height:31px;margin-top:6px;font-size:19px;font-weight:500;display:inline-grid}.calendarDay b.today{color:#041d2a;background:var(--cyan);border-radius:50%}.calendarEvent{text-align:left;color:#a4d3e7;background:#143044;border:1px solid #275169;border-radius:5px;width:100%;margin-bottom:8px;padding:9px 7px;display:block}.calendarEvent small{color:#62bfd3;font-size:8px}.calendarEvent strong{margin:5px 0;font-size:9px;line-height:1.35;display:block}.calendarEvent span{color:#699eb7;font-size:8px}.calendarEvent.conflict{color:#e1c79e;background:#332b23;border-color:#846134}.customerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.customerCard{padding:22px}.customerLogo{color:#85bece;background:#1c3444;border:1px solid #335064;border-radius:10px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.customerCard h2{margin-bottom:7px;font-size:15px}.customerCard p{margin-bottom:4px;font-size:10px}.customerCounts{border-top:1px solid var(--line);justify-content:space-between;margin:20px 0;padding-top:17px;display:flex}.customerCounts span{color:#7f95b0;font-size:9px}.customerCounts b{color:#d0e1f1;font-size:20px;font-weight:500;display:block}.userRow{border-top:1px solid var(--line);align-items:center;gap:18px;padding:15px 20px;font-size:11px;display:flex}.userRow strong{font-weight:500}.userRow>span:first-of-type{color:var(--muted);margin-left:auto}.infoNote{color:#879caf;background:#142234;border:1px solid #2a3d51;border-radius:6px;padding:12px 14px;font-size:10px;line-height:1.65}.card>.infoNote{margin:0 20px 18px}.previewLayout{grid-template-columns:2.1fr 1fr;gap:23px;display:grid}.previewStage .cardHead select{padding:7px 10px;font-size:10px}.stage{background:radial-gradient(#1b2b3f,#0b131e);justify-content:center;align-items:center;min-height:350px;padding:30px;display:flex}.virtualScreen{background:#000;border-radius:2px;max-width:100%;max-height:500px;overflow:hidden;box-shadow:0 0 0 7px #070c13,0 22px 45px #0008}.virtualScreen:-webkit-full-screen{border-radius:0;aspect-ratio:auto!important;width:100%!important;height:100%!important}.virtualScreen:fullscreen{border-radius:0;aspect-ratio:auto!important;width:100%!important;height:100%!important}.virtualScreen>.art{object-fit:contain}.playerControls{border-top:1px solid var(--line);align-items:center;gap:16px;padding:18px 22px;display:flex}.playerControls strong{font-size:11px;font-weight:500}.playerControls small{margin-top:2px;font-size:9px;display:block}.playerControls>.iconBtn:last-child{margin-left:auto}.previewSidebar{align-self:start;padding:22px}.previewSidebar>select{width:100%;margin-top:15px;font-size:11px}.previewSidebar>p{margin:12px 0 22px;font-size:10px}.previewItem{color:#b4c5d7;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;width:100%;margin-bottom:6px;padding:12px 9px;display:flex}.previewItem.active{background:#183343;border-color:#2a5564}.previewItem>span:first-child{color:#6ca7ba;font-size:10px}.previewItem strong{font-size:10px;font-weight:500}.previewItem small{margin-top:3px;font-size:9px;display:block}.previewItem>.cyanDot{margin-left:auto;margin-right:0}.previewSidebar .infoNote{margin-top:25px}.customRatio{gap:15px;padding:0 20px 15px;display:flex}.customRatio label{color:var(--muted);font-size:10px}.customRatio input{width:100%;margin-top:5px;padding:6px}.monitorNotice{color:#75c4d5;background:#182b37;border:1px solid #344a58;border-radius:8px;align-items:center;gap:16px;margin-bottom:22px;padding:20px;display:flex}.monitorNotice strong{color:#c4e4eb;font-size:13px}.monitorNotice p{margin-top:5px;font-size:10px}.logRow{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 20px;display:flex}.logIcon{border:1px solid #294352;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.logRow strong{font-size:11px;font-weight:500}.logRow small{margin-top:3px;font-size:9px;display:block}.logRow time{color:#758ba4;margin-left:auto;font-size:9px}.integrationGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.integrationCard{padding:26px}.integrationLogo{letter-spacing:-2px;color:#b7cadf;background:#202c40;border:1px solid #3c4c64;border-radius:12px;place-items:center;width:60px;height:60px;margin-bottom:22px;font-size:29px;font-weight:700;display:grid}.integrationCard h2{margin-bottom:12px;font-size:22px}.integrationCard p{margin:22px 0;font-size:12px;line-height:1.8}.architecture{color:#83b9cb;align-items:center;gap:25px;padding:26px;display:flex}.architecture p{margin-top:7px;font-size:12px}.settingsGrid{grid-template-columns:1fr 1fr;gap:23px;display:grid}.settingsCard{padding:25px}.settingsCard>h2{margin-bottom:15px;font-size:16px}.settingsCard>p{margin:15px 0;font-size:12px}.settingsCard ul{color:var(--muted);font-size:12px;line-height:2}.settingRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:13px 0;font-size:11px;display:flex}.settingRow span:first-child{color:#829bb5}.settingRow b,.settingRow strong{overflow-wrap:anywhere;font-weight:500}.settingsCard .infoNote{margin-top:20px}footer{color:#4f657f;border-top:1px solid #202a39;justify-content:space-between;margin-top:35px;padding:21px 0;font-size:9px;display:flex}footer b{color:#7a91a5;margin-left:7px;font-weight:500}.toast{z-index:100;color:#d4ecf4;background:#193645;border:1px solid #426a7d;border-radius:9px;align-items:center;gap:18px;max-width:550px;padding:16px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 35px #0008}.toast button{color:#a7c7d5;background:0 0;border:0}.modalBackdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;background:#030912bf;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#142032;border:1px solid #384b63;border-radius:12px;width:660px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 100px #000a}.modal.wide{width:780px}.modalHead{z-index:2;background:#152236;border-bottom:1px solid #2d3e53;justify-content:space-between;align-items:center;padding:19px 24px;display:flex;position:sticky;top:0}.modalHead h2{font-size:17px}.modalBody{padding:25px}.modalBody>p{margin:15px 0;font-size:12px}.modalBody ul{color:#9db2c6;font-size:12px;line-height:2}.formGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{color:#9eb3c9;flex-direction:column;gap:7px;font-size:11px;display:flex}.field:first-child{grid-column:1/-1}.field input,.field select{width:100%;font-size:12px}.formActions{justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;display:flex}.modalActions{border-top:1px solid var(--line);margin-top:0;padding:18px 25px}.checkLabel{color:#a3b9cd;align-items:center;gap:10px;margin:15px 0;font-size:12px;display:flex}.checkLabel input{accent-color:var(--cyan);width:15px;height:15px}.playlistEditRow{border-bottom:1px solid #24364c;align-items:center;gap:10px;padding:10px 0;display:flex}.itemNumber{color:#86acc6;background:#243951;border-radius:4px;padding:4px 8px;font-size:10px}.playlistEditRow strong{flex:1;font-size:11px;font-weight:500}.playlistEditRow label{color:#829db5;align-items:center;gap:7px;font-size:10px;display:flex}.playlistEditRow input{width:66px;padding:7px}.modalBody>select{width:100%;margin:15px 0}.dayButtons{gap:9px;margin:15px 0;display:flex}.dayButtons button{color:#9ab2ca;background:#1b2a40;border:1px solid #3a4e65;border-radius:6px;width:38px;height:35px;font-size:11px}.dayButtons button.selected{color:#8de4ef;background:#225267;border-color:#47889a}.conflictNotice{color:#e8c797;background:#3a3024;border:1px solid #795e36;border-radius:6px;gap:10px;margin-top:20px;padding:13px;font-size:11px;display:flex}.assetPreview{background:#000;height:330px}.assetPreview img,.assetPreview video{object-fit:contain;width:100%;height:100%}.groupAssign{gap:9px;display:flex}.modal .infoNote{margin-top:16px}@media (min-width:1550px){.dashboardScreen{height:230px}.networkInner{gap:60px;padding-top:35px;padding-bottom:50px}.donut{width:180px;height:180px}.thumbnail{height:200px}}@media (max-width:1200px){.sidebar{width:222px;padding-left:12px;padding-right:12px}.main{margin-left:222px}main{padding:26px 23px 0}.topbar{padding:0 23px}.networkInner{gap:20px;padding-left:20px;padding-right:20px}.donut{width:125px;height:125px}.networkNumbers>div{font-size:9px}.networkFooter{font-size:8px}.stats{gap:12px}.stat{padding:15px}.statTop{font-size:10px}.mediaGrid,.playlistGrid,.customerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrationGrid{gap:15px}.integrationCard{padding:20px}.headActions{gap:6px}.pageHead h1{font-size:25px}.primary,.secondary{padding:9px 11px;font-size:10px}.dashboardGrid{gap:16px}.previewLayout{grid-template-columns:1.7fr 1fr}.calendarGrid{grid-template-columns:repeat(7,minmax(105px,1fr))}.userRow{gap:10px}.profile{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.workspace strong{font-size:10px}}@media (max-width:960px){.dashboardGrid{grid-template-columns:1fr}.networkInner{justify-content:center;gap:50px}.networkNumbers{max-width:300px}.dashboardScreen{height:250px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pageHead{flex-direction:column;align-items:flex-start;gap:17px}.bottomGrid{grid-template-columns:1fr 1fr}.integrationGrid,.previewLayout{grid-template-columns:1fr}.previewSidebar{order:-1}.previewSidebar .previewItem,.previewSidebar .infoNote{display:none}.previewSidebar>p{margin-bottom:0}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.settingsGrid{grid-template-columns:1fr}.customerGrid{grid-template-columns:1fr 1fr}.userRow{flex-wrap:wrap}.userRow>span:first-of-type{margin-left:0}.integrationLogo{width:45px;height:45px}.integrationCard{display:block}.logRow time{max-width:90px}.demoNotice{align-items:flex-start}}@media (max-width:700px){.sidebar{width:248px;display:none}.sidebar.open{display:flex;top:65px;box-shadow:20px 0 60px #0009}.main{margin-left:0}.topbar{height:65px;padding:0 18px}.mobileToggle{display:inline-flex}.breadcrumb{gap:6px;margin-left:10px;margin-right:auto;font-size:10px}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.saveStatus{display:none}.topActions{gap:10px}main{padding:24px 18px 0}.pageHead h1{font-size:27px}.pageHead p{font-size:11px}.demoNotice{font-size:9px}.stats{gap:10px}.stat>b{font-size:29px}.statIcon{width:28px;height:28px}.statTop{font-size:10px}.dashboardScreen{height:195px}.networkInner{gap:22px;padding:15px 20px 25px}.networkNumbers>div{font-size:10px}.donut{width:133px;height:133px}.donut b{font-size:28px}.networkFooter{font-size:9px}.bottomGrid,.mediaGrid,.playlistGrid,.customerGrid{grid-template-columns:1fr}.mediaGrid{gap:18px}.thumbnail{height:220px}.artText strong{font-size:32px}.artText small,.artTop,.artText>span{font-size:8px}td,th{padding:13px 15px}.formGrid{gap:15px}.modalBackdrop{padding:12px}.modalBody{padding:20px}.modalHead{padding:15px 18px}.modalHead h2{font-size:15px}.formGrid{grid-template-columns:1fr}.field:first-child{grid-column:auto}.playlistEditRow{gap:4px}.playlistEditRow strong{font-size:10px}.playlistEditRow .iconBtn{padding:4px}.stage{min-height:220px;padding:20px}.virtualScreen .artText strong{font-size:26px}.previewStage .cardHead{padding:16px}.toolbar select{flex:1;max-width:100%}.toast{font-size:11px;bottom:15px;left:12px;right:12px}.notifications{width:calc(100vw - 24px);right:12px}.calendarGrid{grid-template-columns:repeat(7,minmax(110px,1fr))}.architecture{gap:15px;padding:20px}.logRow{padding:13px 15px}.logRow strong{font-size:10px}.logRow time,.logRow small{font-size:8px}.userRow{padding:15px}.userRow>strong{flex:1}.userRow>span:first-of-type{width:100%}.settingRow{font-size:10px}.settingsCard{padding:20px}footer{gap:10px;font-size:8px}.assetPreview{height:250px}.uploadZone{padding:17px}.uploadZone span{font-size:10px}.calendarDay{min-height:210px}.formActions{flex-wrap:wrap}}.playbackFrame img,.playbackFrame video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.fadeFrame{animation:.6s ease-out revealFrame}@keyframes revealFrame{0%{opacity:.1}to{opacity:1}}.virtualScreen{position:relative}.playbackError{color:#ffe1e8;background:#4c2537ed;padding:18px;font-size:12px;position:absolute;inset:auto 0 0}.playbackProgress{background:#23354c;height:3px}.playbackProgress span{background:var(--cyan);height:100%;transition:width .1s linear;display:block}.playerQueue{flex-wrap:wrap;gap:7px;padding:0 20px 18px;display:flex}.playerQueue button{color:#8faac2;background:#162234;border:1px solid #2c3c50;border-radius:5px;padding:7px;font-size:10px}.playerQueue button.selected{color:#b3e7ef;background:#173b4b;border-color:#35768a}.playerQueue span{color:#61c5d9}.slideshowOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.slideshowOptions .field:first-child{grid-column:auto}.editThumb{color:#77b7cc;background:#172e41;border:1px solid #2c465b;border-radius:5px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid;overflow:hidden}.editThumb img{object-fit:cover;width:100%;height:100%}.editItemName{flex:1;min-width:100px}.editItemName small{font-size:9px;display:block}.enhanced>select{max-width:120px;padding:7px;font-size:9px}.mediaPickerHead{gap:10px;margin-bottom:12px;display:flex}.mediaPickerHead input{flex:1}.mediaPicker{border:1px solid #2a4055;border-radius:7px;max-height:230px;margin-bottom:13px;overflow:auto}.mediaPick{cursor:pointer;border-bottom:1px solid #253749;align-items:center;gap:12px;padding:11px 13px;font-size:11px;display:flex}.mediaPick.selected{background:#183444}.mediaPick input{accent-color:var(--cyan)}.mediaPick svg{color:#71a9bc}.mediaPick small{margin-top:3px;font-size:9px;display:block}.standalonePlayer{max-width:1400px;margin:auto;padding:25px 35px}.standaloneHead{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.standaloneHead b{letter-spacing:1px}.standaloneHead small{margin-top:5px;font-size:9px;display:block}.standaloneHead a{color:var(--cyan);font-size:11px}.playerStatus{color:#88b8cd;justify-content:space-between;align-items:center;gap:15px;margin:15px 0;font-size:11px;display:flex}.standalonePlayer>.infoNote{margin-top:20px}.standalonePlayer .virtualScreen{max-height:75vh}.standalonePlayer .mediaPlayer{background:#121f30;border:1px solid #27364b;border-radius:8px;overflow:hidden}@media (max-width:700px){.slideshowOptions{grid-template-columns:1fr 1fr}.enhanced{flex-wrap:wrap}.enhanced .editItemName{flex:1;width:calc(100% - 100px)}.enhanced>select{max-width:150px;margin-left:30px}.mediaPickerHead{flex-wrap:wrap}.mediaPickerHead input{flex-basis:100%}.standalonePlayer{padding:20px 15px}.standaloneHead,.playerStatus{flex-direction:column;align-items:flex-start}.playerControls{gap:7px;padding:15px}.playerQueue{padding:0 15px 15px}}.assetVisual{object-fit:contain;background:#000;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.playlistCard,.mediaCard,.playlistBody,.playlistVisual,.thumbnail{min-width:0}.playlistVisual,.thumbnail,.dashboardScreen,.assetPreview{overflow:hidden}.playlistVisual{isolation:isolate;width:100%;height:145px;position:relative}.playlistVisual>.assetVisual,.thumbnail>.assetVisual,.dashboardScreen>.assetVisual,.playlistOverlay{pointer-events:none}.playlistBody{z-index:1;background:var(--panel);position:relative}.playlistBody h2,.mediaInfo>strong{overflow-wrap:anywhere}.pairingSecret{overflow-wrap:anywhere;color:#8bdce8;letter-spacing:2px;background:#102a39;border:1px solid #366477;border-radius:6px;padding:15px;font-family:monospace;font-size:16px!important}.offlinePanel{background:#111f32;border:1px solid #263c53;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;padding:16px;display:flex}.offlinePanel span{color:#9bb0c7;font-size:13px}.offlinePanel progress{accent-color:#25d6dc;width:100%;height:7px}.cacheReports{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;padding:18px;display:grid}.cacheReport{background:#111f32;border:1px solid #263c53;border-radius:10px;min-width:0;padding:16px}.cacheReport>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cacheReport p{color:#9bb0c7;font-size:13px}.cacheReport small{color:#9bb0c7;overflow-wrap:anywhere;margin-top:8px;display:block}.cacheReport .cacheError{color:#ffc178;overflow-wrap:anywhere}.programPlanner{margin-bottom:24px;overflow:hidden}.programPlanner .cardHead>div{gap:5px;display:grid}.programFilters{border-top:1px solid #223449;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px 22px;display:flex}.programFilters label,.programInspect label{color:#9bb0c7;gap:7px;font-size:12px;display:grid}.programFilters select,.programFilters input,.programInspect input{color:#eef7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1929;border:1px solid #30445b;border-radius:8px;min-height:40px;padding:10px 12px}.programFilters select{width:100%;max-width:350px}.programDateButtons{align-items:center;gap:6px;display:flex}.programSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 18px;display:grid}.programSummary>div{background:#102136;border:1px solid #263c53;border-radius:9px;flex-wrap:wrap;align-items:center;gap:9px;padding:14px;display:flex}.programSummary svg{color:#25d6dc}.programSummary strong{font-size:21px}.programSummary span{color:#9bb0c7;font-size:12px}.programTimeline{padding:8px 22px 20px}.programRuler{color:#9bb0c7;justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.programTrack{background:#111f32;border-radius:9px;width:100%;height:64px;display:flex;overflow:hidden}.programBlock{color:#e8f5ff;cursor:pointer;border:0;border-right:1px solid #0b1423;flex-shrink:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.programBlock span{text-overflow:ellipsis;white-space:nowrap;padding:10px;font-size:12px;overflow:hidden}.programBlock.chosen{box-shadow:inset 0 0 0 2px #fff}.programBlock.default,.programLegend i.default{background:#304d76}.programBlock.scheduled,.programLegend i.scheduled{background:#10636b}.programBlock.overlap,.programLegend i.overlap{background:#835722}.programBlock.unassigned,.programLegend i.unassigned{background:#59303d}.programBlock:focus-visible{outline-offset:-4px;outline:3px solid #fff}.programLegend{color:#a6b9cf;flex-wrap:wrap;gap:18px;margin-top:12px;font-size:11px;display:flex}.programLegend span{align-items:center;gap:6px;display:flex}.programLegend i{border-radius:3px;width:9px;height:9px}.programInspect{background:#102033;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;display:flex}.programInspect>div{flex:1;gap:6px;min-width:180px;display:grid}.programInspect small{color:#9bb0c7;font-size:12px}.programWarning{color:#ffcf8c;background:#342a1c;border-top:1px solid #675035;gap:12px;padding:16px 22px;display:flex}.programWarning svg{flex-shrink:0}.programWarning p{margin-bottom:0;font-size:12px;line-height:1.6}.programWarning strong{font-size:13px}.programPreview{max-width:900px;margin:auto;padding:22px}.programSelected td{background:#122d40}.programCheck{border-top:1px solid #263c53;gap:12px;padding:20px 22px;display:flex}.programCheck svg{flex-shrink:0}.programCheck.ok{color:#63d5b2}.programCheck.warning{color:#ffcf8c}.programCheck strong{font-size:13px}.programCheck p{margin:8px 0;font-size:12px}.programCheck small{color:#9bb0c7;margin-top:8px;font-size:12px;line-height:1.6;display:block}@media (max-width:650px){.programSummary{grid-template-columns:1fr;padding:0 14px 14px}.programFilters,.programTimeline,.programInspect{padding-left:14px;padding-right:14px}.programFilters>label{flex:1;min-width:150px}.programInspect>div{flex-basis:100%}.programTable{min-width:620px}.programBlock span{padding:4px;font-size:10px}.programSummary>div{padding:10px}.programCheck{padding:16px}}.roleSwitch{color:#8fe7eb;cursor:pointer;background:#102a37;border:1px solid #2d5a67;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.roleBanner{background:linear-gradient(110deg,#102d3e,#142037);border:1px solid #28606c;border-radius:11px;align-items:center;gap:13px;margin:18px 0 24px;padding:16px 20px;display:flex}.roleBanner>svg{color:#2ad5dc;flex-shrink:0}.roleBanner>div{flex:1;gap:5px;display:grid}.roleBanner strong{font-size:13px}.roleBanner small{color:#a2bfd0;font-size:11px}.accessIntro{padding:25px}.accessIntro h2{margin:16px 0 10px;font-size:25px}.accessIntro>p{color:#a2bfd0;max-width:780px;line-height:1.7}.accessToolbar{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:22px 0;display:flex}.accessToolbar label{color:#a2bfd0;gap:8px;font-size:12px;display:grid}.accessToolbar select{color:#edf7ff;background:#0d1929;border:1px solid #30445b;border-radius:8px;min-width:230px;padding:11px 12px}.accessGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.accessCard{flex-direction:column;min-width:0;padding:22px;display:flex}.accessCard.selected{border-color:#25d6dc;box-shadow:0 0 0 1px #25d6dc}.accessIcon{color:#25d6dc;background:#123240;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.accessCard h2{margin-top:20px;font-size:17px;line-height:1.4}.accessCard p{color:#9bb0c7;min-height:65px;font-size:13px;line-height:1.7}.accessCard ul{color:#b5c8da;flex:1;padding-left:17px;font-size:12px;line-height:1.7}.accessCard li{margin-bottom:9px}.accessCard .primary{justify-content:center;margin-top:15px}.accessApk{align-items:flex-start;gap:18px;padding:24px;display:flex}.accessApk>svg{color:#25d6dc;flex-shrink:0}.accessApk h2{margin-top:0;font-size:18px}.accessApk p{color:#9bb0c7;max-width:820px;font-size:13px;line-height:1.7}.app button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1200px){.accessGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.accessGrid{grid-template-columns:1fr}.roleBanner{flex-wrap:wrap;padding:14px}.roleBanner>div{min-width:190px}.roleSwitch{padding:7px;font-size:11px}.roleSwitch svg{display:none}.accessIntro{padding:18px}.accessIntro h2{font-size:21px}.accessCard p{min-height:0}.accessApk{padding:18px}.topActions .saveStatus{display:none}}.presentationScreen{background:#000;overflow:hidden;container-type:inline-size}.presentationLayer{background:#000;position:absolute;inset:0}.presentationLayer>img,.presentationLayer>video{object-fit:contain;width:100%;height:100%;display:block}.presentationLayer.transitioning{animation-timing-function:ease-in-out;animation-fill-mode:both}.incoming.transitioning[data-transition=fade]{animation-name:mediaFadeIn}.incoming.transitioning[data-transition=fade-black]{animation-name:mediaBlackIn}.outgoing.transitioning[data-transition=fade-black]{animation-name:mediaBlackOut}.incoming.transitioning[data-transition=wipe-left]{animation-name:mediaWipeLeft}.incoming.transitioning[data-transition=wipe-right]{animation-name:mediaWipeRight}.incoming.transitioning[data-transition=slide-left]{animation-name:mediaSlideLeft}@keyframes mediaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mediaBlackIn{0%,50%{opacity:0}to{opacity:1}}@keyframes mediaBlackOut{0%{opacity:1}50%,to{opacity:0}}@keyframes mediaWipeLeft{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes mediaWipeRight{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes mediaSlideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.playerLogo{z-index:4;object-fit:contain;pointer-events:none;max-height:35%;position:absolute}.playerLogo.top-left{top:3%;left:3%}.playerLogo.top-right{top:3%;right:3%}.playerLogo.bottom-left{bottom:3%;left:3%}.playerLogo.bottom-right{bottom:3%;right:3%}.playerText{z-index:3;white-space:pre-wrap;pointer-events:none;padding:1.5% 3%;line-height:1.35;position:absolute;left:0;right:0;overflow:hidden}.playerText.top{top:0}.playerText.bottom{bottom:0}.tickerText{white-space:nowrap;width:max-content;animation:linear infinite playerTicker;display:block}@keyframes playerTicker{0%{transform:translate(100cqw)}to{transform:translate(-100%)}}.preloadStatus{color:#85bed1;background:#132536;padding:9px 20px;font-size:10px}.playerLoading{z-index:5;color:#a8cedd;background:#050b16aa;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.presentationEditor{background:#102435;border:1px solid #2a475b;border-radius:9px;margin:20px 0;padding:18px}.presentationEditor h3{margin:8px 0}.presentationEditor textarea{resize:vertical;width:100%;font:inherit;color:#d6e6f4;background:#142032;border:1px solid #3a4e65;border-radius:5px;padding:12px}.presentationEditor input[type=color]{height:36px;padding:3px}.presentationEditor .infoNote{line-height:1.6}.playbackError{z-index:6}@media (prefers-reduced-motion:reduce){.presentationLayer.transitioning{animation-duration:10ms!important}.tickerText{animation-duration:40s!important}}.playlistEffectsBanner{background:radial-gradient(at 85% 0,#14647d60,#0000 65%),linear-gradient(120deg,#12273e,#112035);border:1px solid #28617a;border-radius:14px;align-items:center;gap:20px;margin:0 0 25px;padding:25px 28px;display:flex}.studioBannerIcon,.studioSectionIcon{color:#65e0ef;background:#1b53676b;border:1px solid #3a819a;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.playlistEffectsBanner small{letter-spacing:1.7px;color:#62d8e7;font-size:9px}.playlistEffectsBanner h2{margin:6px 0;font-size:22px}.playlistEffectsBanner p{color:#9ab8cf;font-size:12px;line-height:1.6}.playlistEffectsBanner>.badge{flex-shrink:0;margin-left:auto}.playlistEffectsButton{color:#cbf8ff;cursor:pointer;background:linear-gradient(110deg,#1d5970,#174454);border:1px solid #4494a8;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin:15px 0 10px;padding:12px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:flex}.playlistEffectsButton:hover:not(:disabled){background:#246f83;transform:translateY(-1px)}.playlistEffectsButton:disabled{opacity:.45;cursor:not-allowed}.playlistEffectsButton svg:last-child{margin-left:auto}.playlistEffectSummary{color:#70c9dc;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.playlistEffectSummary span{color:#a3bfd3;border:1px solid #314b61;border-radius:4px;padding:3px 7px}.modal.playlistStudioModal{width:1220px;max-height:94vh}.playlistStudioModal .modalHead{background:#132439}.playlistStudioModal .modalBody{padding:22px 28px}.playlistStudioModal .modalBody>.formGrid{grid-template-columns:2fr 1fr;gap:15px}.playlistStudioModal .modalBody>.formGrid>.field:first-child{grid-column:auto}.playlistStudioModal .modalActions{z-index:10;background:#142438;margin-top:15px;position:sticky;bottom:0;box-shadow:0 -8px 24px #050d1944}.playlistStudioIntro{padding:24px 0 18px}.playlistStudioIntro h2{letter-spacing:-.7px;margin:10px 0 6px;font-size:25px}.playlistStudioIntro p{color:#92abc2;font-size:12px;line-height:1.6}.studioTabs{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px;display:grid}.studioTabs>button{text-align:left;color:#87a1bc;cursor:pointer;background:#111f32;border:1px solid #2e4057;border-radius:10px;align-items:center;gap:12px;padding:16px 15px;display:flex}.studioTabs>button strong{font-size:13px;display:block}.studioTabs>button small{color:#7798b2;margin-top:5px;font-size:10px;display:block}.studioTabs>button.active{color:#bdf6ff;background:linear-gradient(120deg,#1a4f66,#18394c);border-color:#55bfd3;box-shadow:0 0 0 1px #55bfd326,0 5px 20px #032c3e55}.studioTabs>button.active small{color:#8cd7e1}.studioTabs>button:hover{border-color:#65b8ca}.studioTabs button:focus-visible{outline-offset:3px;outline:2px solid #82f0ff}.effectChoice:focus-visible{outline-offset:3px;outline:2px solid #82f0ff}.studioWorkspace{grid-template-columns:minmax(0,1.2fr) minmax(330px,.9fr);align-items:start;gap:26px;display:grid}.studioSettings{background:#102034;border:1px solid #2a3f58;border-radius:12px;min-width:0;padding:22px}.studioSectionHeading{align-items:flex-start;gap:15px;margin-bottom:23px;display:flex}.studioSectionIcon{border-radius:10px;width:42px;height:42px}.studioSectionHeading small{letter-spacing:1.6px;color:#5fd1e0;font-size:8px}.studioSectionHeading h3{color:#e4f1fc;letter-spacing:-.4px;font-size:20px;margin:6px 0 7px!important}.studioSectionHeading p{color:#91abc3;font-size:11px;line-height:1.7}.effectCardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.effectChoice{text-align:left;color:#b6cadc;cursor:pointer;background:#14263b;border:1px solid #304961;border-radius:10px;padding:9px;transition:border-color .2s,box-shadow .2s}.effectChoice.selected{background:#183b4b;border-color:#4fcee0;box-shadow:0 0 0 1px #4fcee03d}.effectMiniature{aspect-ratio:2.1;background:#080f1b;border-radius:6px;position:relative;overflow:hidden}.miniScene{background:linear-gradient(140deg,#244d90,#13213e);padding:12px;position:absolute;inset:0;overflow:hidden}.miniScene span{z-index:1;color:#dbedff;font-size:22px;font-weight:800;position:relative}.miniScene i{background:#5a9adc60;border-radius:50%;width:75%;height:150%;position:absolute;top:-45%;right:-20%;transform:rotate(-25deg)}.miniSceneB{background:linear-gradient(140deg,#117a82,#11314d)}.miniSceneB i{background:#42dfcf50;top:20%;right:-10%}.miniPlay{z-index:3;color:#c2f2fb;background:#091727a6;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:7px;right:7px}.effectChoiceTitle{justify-content:space-between;align-items:center;gap:5px;margin:11px 2px 6px;display:flex}.effectChoiceTitle strong{color:#ddedf8;font-size:12px}.effectChoiceTitle svg{color:#62e6e4}.effectChoice>small{color:#8daabd;min-height:30px;margin:0 2px 2px;font-size:9px;line-height:1.5;display:block}.miniSceneB{animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.effect-none{animation-name:studioCut}.effect-fade{animation-name:studioFade}.effect-fade-black{animation-name:studioBlack}.effect-wipe-left{animation-name:studioWipeLeft}.effect-wipe-right{animation-name:studioWipeRight}.effect-slide-left{animation-name:studioSlide}@keyframes studioCut{0%,49%,to{opacity:0}50%,90%{opacity:1}}@keyframes studioFade{0%,20%,to{opacity:0}50%,80%{opacity:1}}@keyframes studioBlack{0%,20%,to{opacity:0;filter:brightness(0)}40%{opacity:1;filter:brightness(0)}65%,80%{opacity:1;filter:brightness()}}@keyframes studioWipeLeft{0%,20%,to{clip-path:inset(0 0 0 100%)}60%,80%{clip-path:inset(0)}}@keyframes studioWipeRight{0%,20%,to{clip-path:inset(0 100% 0 0)}60%,80%{clip-path:inset(0)}}@keyframes studioSlide{0%,20%,to{transform:translate(-100%)}60%,80%{transform:translate(0)}}.effectTiming{border-top:1px solid #2a4056;margin-top:24px;padding-top:20px}.effectTiming .field{font-size:12px}.effectTiming .field>strong{color:#7be4ed;font-size:18px}.effectTiming input[type=range]{accent-color:#50cadb;cursor:pointer;width:100%;padding:0}.effectTiming .field>span{color:#6f8da8;justify-content:space-between;font-size:9px;display:flex}.studioPreload{cursor:pointer;background:#173047;border-radius:8px;align-items:center;gap:10px;margin-top:20px;padding:15px;display:flex}.studioPreload input{accent-color:#57dae1}.studioPreload svg{color:#63ccdd;flex-shrink:0}.studioPreload strong{color:#c2ddeb;font-size:11px;display:block}.studioPreload small{color:#85a8bf;margin-top:4px;font-size:9px;line-height:1.6;display:block}.studioHelp{color:#779eb7;margin-top:18px;font-size:10px;line-height:1.7}.studioPreview{background:#0b1829;border:1px solid #314e68;border-radius:12px;min-width:0;position:sticky;top:82px;overflow:hidden;box-shadow:0 15px 35px #030a1540}.studioPreviewHead{background:#14273d;border-bottom:1px solid #293e55;align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.studioPreviewHead>.badge{margin-left:auto;padding:5px;font-size:7px}.studioLiveDot{background:#59e5c4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #59e5c4}.studioPreview .stage{background:#07101c;min-height:0;padding:12px}.studioPreview .virtualScreen{max-height:320px;box-shadow:none;border:1px solid #27455c}.studioPreview .virtualScreen .artText strong{font-size:24px}.studioPreview .virtualScreen .artText small{font-size:7px}.studioPreview .virtualScreen .artTop,.studioPreview .virtualScreen .artBottom{font-size:6px}.studioPreview .preloadStatus{padding:8px 12px;font-size:8px}.studioPreview .playerControls{gap:7px;padding:12px}.studioPreview .playerControls strong{font-size:10px}.studioPreview .playerControls small{font-size:8px}.studioPreview .playerControls .iconBtn{padding:4px}.studioPreview .playerQueue{display:none}.studioPreviewFoot{color:#76b8ca;border-top:1px solid #22384d;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;font-size:9px;display:flex}.studioPreviewFoot button{padding:7px 10px;font-size:10px}.studioPreview>p{color:#718da6;padding:0 16px 16px;font-size:10px;line-height:1.7}.studioLayerSummary{background:#11253a;border-top:1px solid #2a4056;flex-wrap:wrap;gap:7px;padding:13px 15px;display:flex}.studioLayerSummary span{color:#93c6d6;align-items:center;gap:5px;font-size:9px;display:flex}.studioSettings textarea{color:#d8e9f4;width:100%;min-height:95px;font:inherit;resize:vertical;background:#0d1b2c;border:1px solid #344f67;border-radius:8px;padding:12px}.studioSettings input[type=color]{width:100%;height:38px;padding:3px}.studioSettings .slideshowOptions .field{font-size:11px}.studioSettings .slideshowOptions{margin-bottom:0}.studioSettings>.field{margin:16px 0}.studioSettings>h3{color:#7aa6bf;margin:15px 0!important;font-size:13px!important}@media (max-width:1000px){.studioWorkspace{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px}.studioTabs>button{gap:8px;padding:14px 10px}.studioTabs>button small{font-size:8px}.studioSettings{padding:17px}.studioSectionHeading h3{font-size:17px}.playlistEffectsBanner>.badge{display:none}}@media (max-width:760px){.studioWorkspace{grid-template-columns:1fr}.studioPreview{grid-row:1;position:static}.studioPreview .virtualScreen{max-width:100%;max-height:210px;margin:auto;width:auto!important}.studioPreview .playerControls{flex-wrap:wrap}.studioPreview>p,.studioLayerSummary{display:none}.studioTabs{grid-template-columns:repeat(2,1fr);gap:8px}.studioTabs>button{padding:12px}.studioTabs>button strong{font-size:12px}.playlistStudioModal .modalBody{padding:16px}.playlistStudioModal .modalBody>.formGrid{grid-template-columns:1fr}.playlistStudioIntro h2{font-size:21px}.playlistEffectsBanner{gap:13px;padding:19px 16px}.playlistEffectsBanner h2{font-size:17px}.playlistEffectsBanner p{font-size:10px}.studioBannerIcon{width:42px;height:42px}.studioSettings .slideshowOptions{grid-template-columns:1fr 1fr}.studioSectionHeading{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.miniSceneB{opacity:.65;animation:none}}.portalGateway{color:#deebf6;background:radial-gradient(at 10% 10%,#173c5266,#0000 50%),#080f1d;min-height:100vh;padding:0 7vw;position:relative;overflow:hidden}.gatewayGlow{pointer-events:none;filter:blur(80px);background:#15677c24;border-radius:50%;width:650px;height:650px;position:absolute;top:120px;right:-330px}.gatewayHeader{border-bottom:1px solid #22334a;justify-content:space-between;align-items:center;gap:20px;height:106px;display:flex;position:relative}.gatewayHeader a{color:inherit;text-decoration:none}.gatewayWordmark{letter-spacing:1px;font-size:24px;font-weight:800}.gatewayWordmark>span{letter-spacing:4px;color:#81b0c4;margin-top:5px;font-size:8px;display:block}.gatewayDemo{letter-spacing:1.6px;color:#8aabc0;align-items:center;gap:9px;font-size:9px;display:flex}.gatewayDemo>span{background:#57dbe5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #43d9e766}.gatewayLayout{grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr);align-items:center;gap:7vw;max-width:1320px;min-height:calc(100vh - 185px);margin:0 auto;padding:60px 0;display:grid;position:relative}.gatewayBrand{align-items:center;gap:24px;margin-bottom:38px;display:flex}.gatewayBrand>img{filter:drop-shadow(0 15px 28px #0006);flex-shrink:0;width:150px;height:150px}.gatewayEyebrow{letter-spacing:2.2px;color:#63cddb;font-size:8px}.gatewayBrand h1{letter-spacing:-1.2px;margin-top:12px;font-size:36px;font-weight:800;line-height:1.2}.gatewayBrand h1>span{color:#80d9e8;letter-spacing:-.8px;font-size:33px;font-weight:400;display:block}.gatewayStory>h2{letter-spacing:-1.9px;margin:0 0 25px;font-size:clamp(30px,3.6vw,54px);font-weight:650;line-height:1.2}.gatewayStory>h2 em{color:#65dae8;font-style:normal}.gatewayDescription{color:#8eaac1;max-width:570px;font-size:14px;line-height:1.9}.gatewayFeatures{gap:20px;margin:33px 0 29px;display:grid}.gatewayFeatures>div{align-items:center;gap:15px;display:flex}.gatewayFeatures svg{color:#62c8dc;flex-shrink:0}.gatewayFeatures strong{color:#c9e0f0;font-size:12px;font-weight:600;display:block}.gatewayFeatures small{color:#7391ad;margin-top:3px;font-size:11px;line-height:1.7;display:block}.gatewayDemoNote{color:#5e7c96;border-top:1px solid #22334a;max-width:510px;padding-top:17px;font-size:10px;line-height:1.8}.gatewayAccess{background:linear-gradient(160deg,#142b40eb,#102034f5);border:1px solid #34556b;border-radius:20px;padding:34px;position:relative;box-shadow:0 25px 75px #0004}.gatewayAccessTop{color:#77ccde;letter-spacing:1.5px;align-items:center;gap:12px;margin-bottom:23px;font-size:9px;display:flex}.gatewayAccessIcon{color:#80e1ed;background:#1b52616b;border:1px solid #3b7189;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.gatewayAccess h2{letter-spacing:-.7px;margin:0 0 12px;font-size:25px;line-height:1.3}.gatewayAccess>p{color:#85a8c0;margin-bottom:26px;font-size:12px;line-height:1.8}.portalLoginForm>label{color:#a4c1d4;font-size:11px;font-weight:500}.portalPasswordInput{color:#70a8be;background:#0b1a2b;border:1px solid #36556e;border-radius:9px;align-items:center;gap:10px;margin:9px 0 15px;padding:8px 12px;display:flex}.portalPasswordInput:focus-within{border-color:#66cddd;box-shadow:0 0 0 3px #2d7a9130}.portalPasswordInput input{width:100%;min-width:0;font-size:12px;color:#d9ecf8!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding:8px 0!important}.portalPasswordInput button{color:#6f9fba;cursor:pointer;background:0 0;border:0;padding:5px}.portalEnter{color:#052338;cursor:pointer;background:linear-gradient(110deg,#63d8e7,#35afc8);border:1px solid #78dbe7;border-radius:9px;justify-content:center;align-items:center;gap:15px;width:100%;padding:15px;font-size:12px;font-weight:700;transition:transform .2s,filter .2s;display:flex;box-shadow:0 8px 20px #24a5c025}.portalEnter:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.portalEnter:disabled{opacity:.5;cursor:not-allowed}.portalEnter:focus-visible{outline-offset:4px;outline:2px solid #cef9ff}.portalLoginPrivacy{color:#6c90aa;text-align:center;margin-top:14px;font-size:9px;line-height:1.7}.portalLoginError{color:#ffbfcf;background:#51283a77;border:1px solid #8c485c;border-radius:6px;margin:10px 0 14px;padding:10px;font-size:11px;line-height:1.7}.gatewayMiniScreen{background:radial-gradient(at 80% 0,#207ca07a,#0000 75%),linear-gradient(125deg,#0c253e,#102233);border:1px solid #365d78;border-radius:10px;margin-top:28px;padding:17px 20px;position:relative;overflow:hidden}.gatewayMiniScreen:before{content:"";background:#268baa20;width:100px;height:250px;position:absolute;top:-60px;right:40px;transform:rotate(35deg)}.gatewayScreenTop,.gatewayScreenBottom{letter-spacing:1.2px;color:#80b7cb;justify-content:space-between;align-items:center;font-size:6px;display:flex;position:relative}.gatewayScreenTop span:last-child{border:1px solid #476b85;border-radius:3px;padding:3px 5px;font-size:6px}.gatewayScreenMessage{letter-spacing:-.7px;color:#9ecde0;margin:25px 0;font-size:25px;font-weight:300;line-height:1.3;position:relative}.gatewayScreenMessage strong{color:#dbf5fc;font-weight:700}.gatewayScreenMessage svg{color:#60cbdc;position:absolute;bottom:2px;right:0}.gatewayScreenBottom{justify-content:flex-start;gap:4px}.gatewayScreenBottom span{margin-right:auto}.gatewayScreenBottom i{background:#3f6d89;border-radius:50%;width:4px;height:4px}.gatewayScreenBottom i:first-of-type{background:#6be0e8}.gatewayFooter{color:#59778f;border-top:1px solid #22334a;justify-content:space-between;gap:20px;max-width:1320px;margin:0 auto;padding:24px 0;font-size:9px;display:flex;position:relative}.gatewayFooter span:first-child{color:#94b3c9}.loginSpin{animation:1s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}@media (max-width:1000px){.portalGateway{padding:0 5vw}.gatewayLayout{grid-template-columns:1.1fr .9fr;gap:35px}.gatewayBrand{gap:15px}.gatewayBrand>img{width:110px;height:110px}.gatewayBrand h1{font-size:28px}.gatewayBrand h1>span{font-size:25px}.gatewayStory>h2{font-size:37px}.gatewayAccess{padding:25px}.gatewayAccess h2{font-size:22px}}@media (max-width:760px){.portalGateway{padding:0 22px}.gatewayHeader{height:80px}.gatewayWordmark{font-size:20px}.gatewayDemo{letter-spacing:.6px;font-size:7px}.gatewayLayout{grid-template-columns:1fr;gap:30px;padding:32px 0}.gatewayBrand{margin-bottom:23px}.gatewayBrand>img{width:100px;height:100px}.gatewayStory>h2{letter-spacing:-1px;font-size:35px}.gatewayDescription{font-size:12px}.gatewayFeatures{gap:15px;margin:25px 0}.gatewayAccess{padding:25px}.gatewayFooter{flex-wrap:wrap;font-size:8px;line-height:1.7}.gatewayDemoNote{font-size:9px}.gatewayMiniScreen{max-width:420px}.gatewayHeader a{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.loginSpin{animation:none}.portalEnter{transition:none}}