.brand .brand-logo{display:block;width:180px;max-width:100%;height:auto;flex-shrink:1;object-fit:contain}.auth-pitch .brand .brand-logo{width:220px}.brand.auth-mobile-brand{display:none}@media(max-width:800px){.brand.auth-mobile-brand{display:flex;padding:0;margin-bottom:32px}}.pairing-logo .brand-logo{width:21cqw;height:auto;max-width:none;object-fit:contain}@container (max-aspect-ratio: 1/1){.pairing-logo .brand-logo{width:40cqw}}.live-app{font-size:14px}.live-app h1{font-size:30px}.live-app .sidebar .workspace-switch strong{white-space:normal;word-break:break-word}.live-app .sidebar-player strong{display:block;margin-top:10px}.live-app nav button{font-size:13px;min-height:44px}.live-app .button{min-height:42px;font-size:12px}.live-app .muted{font-size:12px;line-height:1.7}.live-app .sidebar-bottom small{word-break:break-all}.live-app .sidebar-bottom .user{display:block}.live-app .page-head p{font-size:13px}.live-error{background:#fff0ec;border:1px solid #edc7bd;color:#9b4936;border-radius:7px;padding:13px;margin:15px 0;display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.6}.live-error button{margin-left:auto}.live-select{background:#fff;border:1px solid #dce5e3;border-radius:7px;padding:12px;color:#66776e}.live-field{display:flex;flex-direction:column;gap:8px;margin:18px 0;color:#5c7069;font-size:13px}.live-field input,.live-field textarea,.live-field select{width:100%;border:1px solid #d8e2df;border-radius:7px;background:#fff;padding:12px;font-size:14px;min-height:44px;color:#293e36}.live-field textarea{line-height:1.6;resize:vertical}.live-field small{font-size:11px}.live-modal{width:680px;font-size:13px}.live-modal .live-error{position:relative}.live-code{text-transform:uppercase;letter-spacing:5px;text-align:center;font-size:25px!important}.live-screen{padding:23px}.live-screen-head{display:flex;align-items:center;justify-content:space-between;color:#709c8b;margin-bottom:20px}.live-screen h2{font-size:18px;margin:14px 0 8px}.live-screen .muted{font-size:11px}.live-screen dl{font-size:12px;margin:22px 0}.live-screen dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf1ef}.live-screen dt{color:#8a9b93}.live-screen dd{text-align:right;margin:0;color:#50675d;max-width:60%;overflow-wrap:anywhere}.live-screen-actions{display:flex;justify-content:space-between;gap:10px}.live-screen .badge{font-size:9px}.live-playlist-summary{padding:0 0 0 20px;margin:20px 0 25px;min-height:70px;line-height:2;color:#74897e;font-size:12px}.live-playlist-summary small{color:#a2ada7;float:right}.live-app .search-box input,.live-app .media-info h3{font-size:13px}.live-app .media-info p{font-size:11px}.live-editor-item{display:flex;align-items:center;gap:7px;padding:13px 0;border-bottom:1px solid #e8eeeb}.live-editor-item>span{flex:1;min-width:70px;overflow-wrap:anywhere}.live-editor-item input{width:60px;border:1px solid #dbe4df;border-radius:5px;padding:9px;font-size:13px}.live-editor-item button{min-width:30px;min-height:36px;color:#879d91}.live-check{display:flex;gap:10px;align-items:center;padding:12px 0}.live-check input{accent-color:#52856f;width:18px;height:18px}.live-rules-heading{margin-top:26px;font-size:16px}.live-rule{border:1px solid #dce7e0;border-radius:7px;padding:17px;margin:20px 0;background:#f8fbf9}.live-rule .day-selector button{font-size:13px;min-height:42px}.live-preview>img,.live-preview>video{max-width:100%;max-height:70vh;margin:auto;display:block}.live-studio-preview{padding:30px;background:#e6ece9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}.live-poster-export{width:100%;max-height:700px;overflow:hidden;container-type:size;box-shadow:0 20px 40px #1b3c2b1c}.live-poster-export>.poster{height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0}.live-studio-preview .live-poster-export{position:relative}.live-app .studio-workspace{grid-template-columns:300px minmax(0,1fr)}.loading-page{min-height:100vh;display:grid;place-content:center;background:#18292a;color:#97ceb8}.auth-page{min-height:100vh;background:#f2f6f3;display:flex;justify-content:center;align-items:center;padding:45px;gap:70px}.auth-pitch{background:radial-gradient(at 10% 90%,#334438,#17252b 70%);padding:50px;border-radius:18px;width:580px;color:#fff;flex-shrink:1}.auth-pitch>.brand{padding:0;font-size:27px}.auth-pitch h1{font-size:39px;line-height:1.2;margin:60px 0 22px;letter-spacing:-1.6px}.auth-pitch p{font-size:13px;color:#a7bab0;line-height:1.9}.auth-visual{aspect-ratio:16/9;margin:35px 0 25px;border:7px solid #111e22;border-radius:9px;overflow:hidden;container-type:size;box-shadow:0 18px 40px #0002}.auth-pitch small{color:#80a494;font-size:10px}.auth-card{width:400px;max-width:100%;padding:30px 5px;flex-shrink:0}.auth-card h1{font-size:29px;line-height:1.3;margin:10px 0 17px;letter-spacing:-1px}.auth-card>p{font-size:13px;color:#8e9e92;line-height:1.8}.auth-card form{margin-top:26px}.auth-card .button{font-size:13px;min-height:45px;white-space:normal}.auth-card form>.button{width:100%;margin-top:24px}.auth-card form>small{color:#9aa89e;font-size:11px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:25px 0;font-size:12px;color:#6d907b}.auth-links button{padding:4px 0}.demo-link{display:block;padding-top:24px;border-top:1px solid #dee8e0;font-size:11px;color:#95a597}.recovery-key{display:block;overflow-wrap:anywhere;padding:18px;background:#fff;border:1px solid #d7e5d9;border-radius:6px;color:#40604a;margin:25px 0}.auth-card>.button{margin:7px 7px 0 0}.live-app .toast{font-size:13px}.live-app .bottom-hint{font-size:12px;line-height:1.7}@media(max-width:1100px){.auth-page{gap:30px;padding:30px}.auth-pitch{width:450px;padding:35px}.auth-card{width:350px}.auth-pitch h1{font-size:33px}.live-app .screens-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.auth-pitch{display:none}.auth-page{padding:28px}.auth-card{width:420px}.live-app .studio-workspace,.live-app .screens-grid{grid-template-columns:1fr}.live-modal .form-row,.live-app .media-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.live-app .media-grid{grid-template-columns:1fr}.live-app .media-info h3{font-size:14px}.live-modal{padding:20px 17px}.live-modal .form-row{grid-template-columns:1fr;gap:0}.live-field{margin:13px 0}.live-rule{padding:14px}.live-app .page-head p{font-size:13px}.live-app .button{min-height:44px;font-size:12px}.live-app .toolbar .button{flex:1}.live-app .toolbar .muted{width:100%}.live-app .live-select{max-width:100%}.live-editor-item{flex-wrap:wrap}.live-editor-item>span{width:100%;flex:auto}.live-studio-preview{padding:18px}.live-screen .badge{font-size:10px}.live-app .topbar .button{min-height:36px;font-size:10px}.auth-card h1{font-size:28px}.live-modal .modal-actions .button{font-size:12px}.live-app .empty-state p{font-size:13px}}.ad-app{min-height:100vh;background:#f5f6fa;color:#202234;font-family:Inter,Arial,sans-serif;font-size:14px}.ad-app button,.ad-app input,.ad-app select,.ad-app textarea{font:inherit}.ad-app button{cursor:pointer}.ad-app button:disabled{opacity:.5;cursor:default}.ad-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#171b34;color:#c1c5d9;padding:35px 22px;display:flex;flex-direction:column;z-index:20}.ad-logo{display:block;margin-bottom:20px}.ad-logo img{width:180px;height:auto}.ad-admin-label{font-size:10px;letter-spacing:1.6px;color:#c9c0ff;display:flex;align-items:center;gap:8px}.ad-nav-caption{font-size:9px;letter-spacing:1px;color:#9199b9;margin:40px 8px 15px}.ad-sidebar nav{display:grid;gap:7px}.ad-sidebar nav button{border:0;background:none;color:inherit;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 10px;border-radius:9px;font-size:12px}.ad-sidebar nav button.selected{background:#343455;color:#fff}.ad-sidebar nav button svg:last-child:not(:first-child){margin-left:auto}.ad-side-note{margin-top:35px;padding:18px 12px;border-top:1px solid #343955;font-size:11px;line-height:1.8}.ad-side-note strong{display:block;color:#e3e4f1;margin:8px 0}.ad-sidebar footer{margin-top:auto;display:grid;gap:16px;font-size:11px;padding:20px 8px 0}.ad-sidebar footer a,.ad-sidebar footer button{color:#d5d8e9;display:flex;align-items:center;gap:8px;text-decoration:none;background:none;border:0;padding:0;font-size:11px}.ad-sidebar footer span{overflow-wrap:anywhere;color:#929ab8}.ad-main{margin-left:260px;min-width:0;padding:0;max-width:none}.ad-top{height:82px;padding:0 36px;background:#fff;border-bottom:1px solid #e9eaf0;display:flex;justify-content:space-between;align-items:center;gap:12px}.ad-top>div{display:flex;gap:15px;align-items:center;font-size:12px}.ad-top>div>span{color:#9296a8}.ad-unlock{padding:10px 13px;border:1px solid #e1d9fc;border-radius:8px;background:#f8f5ff;color:#69529b;display:flex;align-items:center;gap:8px;font-size:11px!important}.ad-unlock.open{color:#2a715b;border-color:#cfe8db;background:#f0faf5}.ad-content{padding:35px;max-width:1600px;margin:auto}.ad-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.ad-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#858799}.ad-heading h1{font-size:30px;letter-spacing:-1px;margin:9px 0}.ad-heading p,.ad-panel p{color:#777e91;line-height:1.8;font-size:13px}.ad-heading p{margin:0}.ad-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.ad-kpis article{background:#fff;border:1px solid #e8eaf1;border-radius:13px;padding:23px;display:flex;flex-direction:column;gap:12px}.ad-kpis svg{color:#8270c4}.ad-kpis span{font-size:12px;color:#73798b}.ad-kpis strong{font-size:31px;letter-spacing:-1px}.ad-kpis small{font-size:10px;color:#81879a;line-height:1.6}.ad-panel{background:#fff;border:1px solid #e7e9f0;border-radius:13px;padding:27px;min-width:0}.ad-panel h2{font-size:18px;letter-spacing:-.4px;margin:10px 0 14px}.ad-panel h3{font-size:14px}.ad-overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:24px}.ad-billing-intro{background:linear-gradient(120deg,#f8f6ff,#fff)}.ad-billing-intro h2{font-size:29px;line-height:1.25}.ad-billing-intro>small{display:block;color:#9395a5;font-size:10px;margin-top:17px}.ad-pill-row{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.ad-pill-row span{display:flex;gap:6px;align-items:center;border:1px solid #e4def7;border-radius:6px;font-size:10px;padding:7px 9px;color:#695b91;background:#fff}.ad-rule{height:1px;background:#ececf2;margin:25px 0}.ad-muted{color:#858a9b;font-size:12px;line-height:1.8}.ad-alert,.ad-info{padding:15px 18px;border-radius:8px;background:#f0edf9;border:1px solid #e5dff4;color:#655b84;line-height:1.7;margin-bottom:18px;font-size:12px}.ad-alert.error{background:#fff0ee;color:#a14e48;border-color:#f6d9d3}.ad-search{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e5e7ef;border-radius:9px;padding:7px 9px 7px 15px;margin-bottom:20px}.ad-search>svg{color:#8a8e9e}.ad-search input{border:0;outline:none;flex:1;min-width:0;padding:10px 0}.ad-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ad-client{background:#fff;border:1px solid #e6e8f0;border-radius:13px;padding:24px}.ad-client-title{display:flex;gap:12px;align-items:center}.ad-avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#74609e;background:#eee8fa;font-weight:700;flex-shrink:0}.ad-client-title>div{flex:1;min-width:0}.ad-client h2{font-size:16px;margin:0 0 5px;overflow-wrap:anywhere}.ad-client-title>div>span{font-size:11px;color:#999cac}.ad-badge{display:inline-flex;align-items:center;font-size:10px;border-radius:5px;background:#f0f1f5;color:#777e94;padding:5px 8px;margin:2px;white-space:nowrap}.ad-active,.ad-ok,.ad-playing{background:#eaf7ef;color:#397d58}.ad-suspended,.ad-error,.ad-cancelled{background:#fff0ec;color:#a96754}.ad-super_admin,.ad-draft{background:#f1ecfb;color:#7b619f}.ad-client-numbers{display:flex;gap:40px;margin:25px 0}.ad-client-numbers>div{display:grid;gap:6px}.ad-client-numbers strong{font-size:20px}.ad-client-numbers span{font-size:11px;color:#8e93a6}.ad-client-price{border-top:1px solid #eceef4;display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:10px;font-size:11px}.ad-client>.button{width:100%;justify-content:space-between}.ad-table-wrap{overflow-x:auto;padding:0}.ad-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;min-width:780px}.ad-table-wrap th{text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;color:#9398a8;background:#fafbfe;padding:17px}.ad-table-wrap td{padding:18px 17px;border-top:1px solid #eff0f5;max-width:250px;overflow-wrap:anywhere}.ad-table-wrap small{display:block;font-size:10px;color:#9298a9;margin-top:7px;line-height:1.6}.ad-row-actions{display:flex;gap:10px;flex-wrap:wrap}.ad-row-actions button,.ad-table-wrap td>button{border:0;background:#f4f1fa;border-radius:6px;font-size:10px;color:#775e9d;padding:8px}.ad-device-error{color:#a75a52!important}.ad-pagination{display:flex;align-items:center;gap:12px;margin:25px 0;color:#969baa;font-size:11px}.ad-pagination span{margin-right:auto}.ad-pagination button{border:1px solid #e2e5ed;background:#fff;padding:9px 13px;border-radius:7px}.ad-empty{text-align:center;padding:50px;color:#959bab}.ad-infra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ad-infra-grid svg{color:#8774b0}.ad-dl>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #eceef4;font-size:11px}.ad-dl dt{color:#8c92a2}.ad-dl dd{margin:0;text-align:right}.ad-audit article{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #eff0f5}.ad-audit-dot{width:7px;height:7px;border-radius:50%;background:#b0a1d4;margin-top:5px;flex-shrink:0}.ad-audit strong{font-size:12px}.ad-audit p,.ad-audit small{font-size:10px;color:#9198a9;margin:7px 0}.ad-audit small{overflow-wrap:anywhere}.ad-audit details{font-size:11px;color:#807191;margin-top:8px}.ad-audit pre{white-space:pre-wrap;overflow-wrap:anywhere}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#151b3d75;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ad-dialog{width:min(750px,100%);max-height:90vh;overflow:auto;padding:28px;border-radius:17px;background:#fff;box-shadow:0 30px 90px #0d13303d;color:#282b3b}.ad-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ad-dialog h2{font-size:21px;margin:0;overflow-wrap:anywhere}.ad-dialog header button{background:#f1f2f8;border:0;border-radius:6px;padding:7px;display:flex}.ad-dialog p{color:#868c9f;font-size:12px;line-height:1.8}.ad-dialog h3{font-size:15px;margin:24px 0 18px}.ad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ad-field{display:grid;gap:8px;font-size:12px;margin-bottom:20px;align-content:start;min-width:0}.ad-field>span{font-weight:600}.ad-field input,.ad-field select,.ad-field textarea{border:1px solid #dce0eb;border-radius:8px;padding:12px;width:100%;background:#fff;color:#33364a;min-width:0;box-sizing:border-box}.ad-field small{font-size:10px;color:#9198aa;line-height:1.6}.ad-estimate{background:#f8f6fc;border-radius:10px;padding:17px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ad-estimate>span{font-size:11px;color:#857695}.ad-estimate>strong{font-size:25px}.ad-estimate small{font-size:10px;line-height:1.6;color:#9894a4}.ad-token-line{display:flex;gap:8px;align-items:center;font-size:11px;color:#8d7b9f;margin:15px 0}.ad-ledger{margin-top:24px;font-size:12px;color:#8a819a}.ad-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;margin:20px 0}.ad-check input{margin-top:3px;accent-color:#8070ad}.ad-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f7f7fb}.ad-mobile{display:none}.ad-app :focus-visible{outline:2px solid #9683c5;outline-offset:3px}@media(min-width:1600px){.ad-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.ad-sidebar{width:225px;padding:26px 15px}.ad-main{margin-left:225px}.ad-content{padding:25px}.ad-kpis{grid-template-columns:1fr 1fr}.ad-overview-grid{grid-template-columns:1fr}.ad-top{padding:0 25px}.ad-infra-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.ad-sidebar{transform:translate(-100%);width:260px;transition:transform .2s}.ad-menu-open .ad-sidebar{transform:translate(0)}.ad-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#171b3477;border:0}.ad-main{margin-left:0}.ad-mobile{display:flex;border:0;background:none;color:#565b75;padding:4px}.ad-top{height:72px;padding:0 16px}.ad-top>div>span{display:none}.ad-unlock{font-size:9px!important;padding:9px;max-width:180px}.ad-content{padding:25px 16px}.ad-heading{align-items:flex-start}.ad-heading h1{font-size:25px}.ad-heading p{font-size:11px}.ad-heading>.button{font-size:0;padding:10px}.ad-heading>.button svg{width:17px}.ad-kpis{gap:10px}.ad-kpis article{padding:17px;gap:10px}.ad-kpis strong{font-size:26px}.ad-kpis small{font-size:9px}.ad-client-grid,.ad-infra-grid,.ad-form-grid{grid-template-columns:1fr}.ad-panel{padding:22px}.ad-table-wrap{padding:0}.ad-dialog{padding:22px;max-height:94vh}.ad-overlay{padding:10px}.ad-billing-intro h2{font-size:26px}.ad-search{gap:8px}.ad-search .button{font-size:10px;padding:10px}.ad-pagination{gap:6px}.ad-pagination button{padding:8px}.ad-info{font-size:11px}.ad-client-title{gap:8px}}@font-face{font-family:Inter;src:url(/demo/interface.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#242a32;background:#f6f7f9;font-synthesis:none;font-size:13px;--cyan:#47e6da;--ink:#171c23;--muted:#7c838e;--border:#e9ebef;--purple:#8665c7;--green:#18896b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1cafae;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1.15px;line-height:1.25;font-weight:650}h2{font-size:16px;letter-spacing:-.35px;font-weight:650}h3{font-size:13px;line-height:1.4;font-weight:600}p{line-height:1.7}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:31px 17px 0;background:#161a21;color:#c0c4cd;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:25px;letter-spacing:-1.3px;font-weight:650;padding-left:9px}.brand>span>span{font-weight:380}.brand sup{font-size:9px;position:relative;top:-12px;left:2px;letter-spacing:0}.cloud-label{font-size:8px;letter-spacing:2.4px;color:#777f8b;margin:12px 0 27px 47px}.workspace-switch{background:#21252e;border:1px solid #313641;border-radius:9px;padding:11px 9px;color:#fff;display:flex;gap:9px;align-items:center;text-align:left;width:100%}.workspace-avatar{height:31px;width:31px;border-radius:7px;background:#f8f2df;color:#4c493d;display:grid;place-content:center;font-family:Georgia;font-size:22px;position:relative;flex-shrink:0}.workspace-avatar span{position:absolute;bottom:3px;right:4px;color:#699175;font-size:15px}.workspace-switch strong{font-size:11px;font-weight:550;white-space:nowrap}.workspace-switch small{display:block;font-size:9px;color:#8a929e;margin-top:4px}.workspace-switch>svg{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.35px;color:#69727f;font-weight:600;margin:29px 10px 12px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:11px;position:relative;width:100%;text-align:left;color:#adb3bf;border-radius:7px;font-size:12px;padding:12px;transition:background .15s}nav button:hover,.sidebar-bottom>button:hover{background:#252b35;color:#fff}nav button.active{color:#6ce9dc;background:#243536}nav button.active:before{content:"";position:absolute;width:3px;left:-17px;height:24px;background:#59e4d5;border-radius:0 2px 2px 0}nav button small{font-size:10px;background:#2b323c;color:#a9b0bc;padding:2px 6px;border-radius:4px;margin-left:auto}nav button.active small{background:#39524f;color:#9ce7dc}.new-tag{color:#b697d3;background:#312638;font-size:6px;letter-spacing:.45px;padding:4px;border-radius:3px;margin-left:auto}.sidebar-player{position:relative;margin:32px 4px 20px;padding:17px 13px 13px;border:1px solid #35333e;border-radius:9px;background:radial-gradient(at 5% 0%,#31353c,transparent 65%),#22242d}.mini-player-icon{color:#96bcb7;position:relative;margin-bottom:10px}.mini-player-icon>span{width:5px;height:5px;border-radius:50%;background:#6eddbc;position:absolute;left:17px;top:-2px}.sidebar-player strong{color:#e3e6eb;font-size:10px;font-weight:500}.sidebar-player p{font-size:10px;color:#9399a5;line-height:1.65;margin:7px 0 11px}.sidebar-player button{width:100%;padding:10px 0 0;border-top:1px solid #393943;display:flex;justify-content:space-between;color:#bcded8;font-size:10px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{display:flex;align-items:center;text-align:left;color:#979eaa;gap:10px;padding:10px 12px;width:100%;font-size:11px}.sidebar-bottom>button>svg:last-child:not(:first-child){margin-left:auto}.user{border-top:1px solid #2b303a;display:flex;align-items:center;gap:9px;margin-top:17px;padding:19px 7px 20px}.avatar{display:grid;place-content:center;width:33px;height:33px;border-radius:50%;background:#eadce9;color:#72546f;font-size:11px;font-weight:600;flex-shrink:0}.user strong{font-size:11px;color:#d6d9e0;font-weight:500}.user small{display:block;color:#7d8592;font-size:9px;margin-top:4px}.user>button{margin-left:auto;padding:0;color:#a5adba}.workspace{margin-left:238px}.topbar{height:74px;padding:0 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ebee;background:#fff;position:relative;z-index:10}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#9097a1}.breadcrumb strong{font-weight:500;color:#4c545f}.breadcrumb>svg{color:#c6c9cf}.topbar-actions{display:flex;align-items:center;gap:22px}.demo-label{font-size:8px;color:#9298a1;letter-spacing:1px;display:flex;align-items:center;gap:6px}.demo-label>span{width:5px;height:5px;border-radius:50%;background:#bba4c5}.icon-button{padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#7b8490}.icon-button:hover{background:#f0f2f4;color:#252c34}.notification-button{position:relative}.notification-button i{position:absolute;top:5px;right:6px;width:5px;height:5px;background:#d09ac4;border-radius:50%;box-shadow:0 0 0 2px #fff}.avatar.small{width:29px;height:29px;font-size:9px}.notification-popover{position:absolute;right:34px;top:62px;width:315px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 55px #10152222;padding:22px}.notification-popover p{display:flex;gap:9px;margin:18px 0 8px;font-size:11px}.notification-popover small{color:var(--muted);line-height:1.7}.notification-popover>button{display:flex;gap:14px;margin-top:18px;font-size:11px;font-weight:600}.mobile-menu{display:none}main{padding:32px 35px 0;max-width:1730px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.6px;color:#8d949e;margin-bottom:10px}.page-head p{font-size:12px;color:#838a95;margin-top:8px}.page-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e0e4e8;border-radius:7px;background:#fff;padding:11px 15px;font-size:11px;font-weight:600;white-space:nowrap;transition:.15s}.button:hover{border-color:#a7b8b7;background:#f6fcfb}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 2px 3px #1821250b}.button.primary:hover{background:#2b3940}.button.primary svg{color:#84e7dc}.button.danger{background:#b64c4c;border-color:#b64c4c;color:#fff}.button.ghost{background:transparent;color:#ae6161;border-color:transparent}.button svg{width:15px;height:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;font-weight:500;color:#6d7580}.stat-icon{width:28px;height:28px;border-radius:7px;display:grid;place-content:center}.stat-icon svg{width:16px}.cyan{background:#e9f9f6;color:#359486}.violet,.purple{background:#f2edf9;color:#9b78c5}.orange{background:#fff3e8;color:#be9270}.green,.success{background:#eaf7ee;color:#529870}.amber{background:#fff5e5;color:#b59557}.stat-number{font-size:32px;font-weight:550;letter-spacing:-1.2px;margin:8px 0}.stat-number small{font-size:14px;color:#a6abb3;font-weight:400;letter-spacing:0;margin-left:7px}.stat-number.word{font-size:25px;line-height:40px;display:flex;align-items:center;gap:10px;letter-spacing:-.8px}.stat-card p{font-size:9px;color:#949ba5}.status-dot{display:inline-block;width:6px;height:6px;background:#56ae87;border-radius:50%;flex-shrink:0}.amber-dot{background:#c4a162}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:23px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 23px}.panel-head p{font-size:10px;color:#8e95a0;margin-top:6px}.panel-head h2{font-size:14px}.panel-head h2 .live-label{margin-left:8px}.live-label{font-size:6px;letter-spacing:.55px;color:#6c9c86;display:inline-flex;align-items:center;gap:4px;font-weight:500;vertical-align:middle}.live-label span{background:#65b48e;width:4px;height:4px;border-radius:50%}.text-button{font-size:10px;color:#646d78;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;padding:3px 0}.text-button:hover{color:#1b8b7e}.live-screens{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:17px;padding:0 23px 22px}.screen-preview{position:relative;height:215px;background:#e7e9e7;overflow:hidden;border:5px solid #22272b;border-bottom-width:7px;border-radius:5px;box-shadow:0 8px 15px #1d302418;container-type:size}.featured-screen{display:flex;flex-direction:column;justify-content:flex-end}.portrait-feature .screen-preview{height:249px;max-width:150px;margin:auto;width:100%;border-width:5px}.screen-caption{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:16px}.screen-caption strong{font-size:10px;font-weight:600;display:block;white-space:nowrap}.screen-caption div>span{display:flex;gap:4px;align-items:center;margin-top:5px;font-size:9px;color:#8b949f}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:4px;padding:5px 6px;font-size:8px;font-weight:500;white-space:nowrap;background:#f4f6f5;color:#689a82}.badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.online{background:#edf8f1;color:#529477}.badge.offline{background:#fff7e8;color:#ae8b4c}.badge.scheduled{background:#f1eff8;color:#8b79ac}.preview-live{position:absolute;top:10px;left:9px;font-size:6px;display:flex;align-items:center;gap:4px;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:3px;padding:4px 5px;color:#314935}.preview-live>span{width:3px;height:3px;border-radius:50%;background:#55936d}.preview-format{position:absolute;bottom:7px;right:7px;font-size:6px;background:#0005;color:#fff;padding:3px 4px;border-radius:3px}.panel-foot{display:flex;align-items:center;gap:7px;min-height:43px;border-top:1px solid var(--border);padding:10px 23px;font-size:8px;color:#949ca5}.panel-foot strong{font-weight:600;color:#646c76}.spacer{flex:1}.stacked-dots{display:flex;margin-right:3px}.stacked-dots>span{width:12px;height:12px;background:#b4c6b9;border:2px solid #fff;border-radius:50%;margin-left:-4px}.stacked-dots>span:nth-child(2){background:#cac1b4}.stacked-dots>span:nth-child(3){background:#9ca8a1}.subtle-icon{color:#a2a9b3}.timeline{padding:0 22px 10px}.timeline-item{display:flex;gap:12px;padding:0 0 20px;position:relative}.timeline-item:not(:last-child):before{position:absolute;content:"";height:100%;top:20px;left:15px;width:1px;background:#eceff0}.timeline-icon{width:32px;height:32px;display:grid;place-content:center;flex-shrink:0;border-radius:50%;position:relative;z-index:1;border:4px solid white;box-sizing:content-box;margin:-4px 0 0 -4px}.timeline-icon svg{width:14px}.timeline-item strong{font-size:10px;font-weight:550}.timeline-item p{font-size:9px;color:#9299a4;margin:4px 0}.timeline-item small{font-size:8px;color:#afb4bd}.offline-note{display:flex;gap:10px;margin:0 19px 18px;background:#f5f8f6;border:1px solid #ebf0ec;border-radius:7px;padding:12px;color:#7b9589}.offline-note>svg{flex-shrink:0;width:17px}.offline-note strong{font-size:9px;color:#668273;font-weight:550}.offline-note p{font-size:8px;color:#95a298;margin-top:3px}.overview-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:23px;margin-top:23px}.upcoming-row{display:flex;gap:14px;align-items:center;border-top:1px solid #f1f2f4;padding:19px 23px}.time-pill{text-align:center;flex-shrink:0}.time-pill strong{display:block;font-size:18px;font-weight:550;letter-spacing:-.4px}.time-pill span{font-size:6px;letter-spacing:.6px;color:#a6acb5;margin-top:5px;display:block}.tiny-poster{height:43px;width:66px;border-radius:4px;overflow:hidden;flex-shrink:0;container-type:size}.upcoming-info{flex:1}.upcoming-info strong{font-size:11px}.upcoming-info p{font-size:9px;color:#9098a2;margin-top:4px}.creative-callout{border:1px solid #e5e2ec;border-radius:10px;background:linear-gradient(115deg,#f0f4f2,#f1ecf4);padding:23px 21px;position:relative;overflow:hidden;min-height:162px}.creative-callout>div:first-child{position:relative;z-index:2}.small-label{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1.15px;color:#7d758e}.creative-callout h2{font-size:17px;line-height:1.4;letter-spacing:-.4px;margin:11px 0 14px;font-weight:550}.creative-callout button{display:flex;align-items:center;gap:8px;font-size:9px;padding:0;color:#726581}.creative-cards{position:absolute;right:-5px;bottom:7px;width:170px;height:150px;transform:rotate(13deg)}.creative-cards>div{position:absolute;right:27px;top:16px;height:122px;width:83px;border-radius:4px;overflow:hidden;box-shadow:0 8px 15px #3e3b352b;container-type:size}.creative-cards>div:first-child{transform:rotate(-20deg);right:82px;top:25px}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0 20px;color:#a0a6ae;font-size:8px;gap:12px}.app-footer>span{display:flex;gap:6px;align-items:center}.app-footer .status-dot{width:4px;height:4px}.footer-divider{margin:0 4px;color:#c3c8cf}.poster{position:relative;width:100%;height:100%;overflow:hidden;background:#e3eccb;color:#334e2c;container-type:size;isolation:isolate}.poster-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.25' d='M0 0h120v120H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:5;pointer-events:none}.poster-top{position:absolute;inset:7% 7% auto;display:flex;align-items:center;justify-content:space-between;font-size:2.6cqw;font-weight:650;letter-spacing:.22cqw}.poster-top>span:last-child{font-size:1.15cqw;letter-spacing:.15cqw;font-weight:500}.poster-brand-dot{color:#e78b34}.poster-copy{position:absolute;left:7%;top:29%;width:56%;z-index:3}.poster-kicker{font-size:1.3cqw;font-weight:650;letter-spacing:.12cqw;display:block;margin-bottom:3.7cqh;max-width:92%}.poster h3{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:8cqw;letter-spacing:-.45cqw;line-height:.98}.poster-rule{height:1px;background:currentColor;opacity:.5;width:9%;margin:5cqh 0 2.5cqh}.poster-bottom{font-size:1.65cqw;font-weight:500}.poster-art{position:absolute;right:-5%;top:21%;width:53%;height:77%;z-index:1;filter:drop-shadow(-2cqw 4cqh 2cqw #40563026)}.citrus-fruit{position:absolute;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 30%,#ffd452,#eea52e 54%,#d5791f 96%);box-shadow:inset -.7cqw -1cqw 1.2cqw #a8612536}.fruit-back{width:69%;left:19%;top:1%;transform:rotate(-16deg)}.fruit-front{width:77%;left:2%;top:22%;border:.65cqw solid #f9ba47;background:#ffe5a0;transform:rotate(-20deg);box-shadow:inset 0 0 0 .5cqw #f9e5a6,.6cqw 1cqw 2cqw #aa6d2933}.citrus-segments{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe0a0 0 2deg,transparent 2deg 37deg,#ffe0a0 37deg 40deg),radial-gradient(circle,#ffe7ab 2%,#ed9e30 6%,#ffbf49 59%,#f7ce75 93%);box-shadow:inset 0 0 0 .4cqw #ef9e3150}.citrus-segments:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 45% 45%,#fff2 0 .05cqw,transparent .07cqw .65cqw);opacity:.8}.citrus-leaf{position:absolute;background:linear-gradient(145deg,#739b3c,#355c2b);width:39%;height:26%;border-radius:0 100%;z-index:4;box-shadow:inset 1px -1px 1px #173b2988}.citrus-leaf:after{content:"";position:absolute;width:90%;height:1px;background:#91ac6580;transform:rotate(32deg);top:53%;left:4%}.leaf-one{right:17%;top:-8%;transform:rotate(13deg)}.leaf-two{right:8%;bottom:11%;transform:rotate(160deg) scale(.65)}.price-disc{position:absolute;right:7%;bottom:19%;height:19%;aspect-ratio:1;border-radius:50%;background:#35512f;color:#f7f4df;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4;transform:rotate(8deg);box-shadow:0 4px 10px #3c542014}.price-disc small{font-size:1.05cqw;letter-spacing:.02cqw}.price-disc strong{font-family:Georgia,serif;font-size:3.3cqw;font-weight:400;line-height:1.3}.poster-foot{position:absolute;bottom:6%;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:1.1cqw;letter-spacing:.13cqw;z-index:4}.poster-foot>span:last-child{font-size:3.8cqw;line-height:.5}.poster-coffee{background:#ebd2b5;color:#70442d}.poster-coffee .price-disc{background:#6b4530;color:#f8e9d1}.poster-coffee .poster-brand-dot{color:#88603a}.poster-coffee .poster-art{right:-4%;top:15%;height:78%;width:51%;transform:rotate(-8deg)}.coffee-shadow{position:absolute;top:20%;left:10%;width:80%;height:78%;background:#6f3f1d30;filter:blur(2.5cqw);border-radius:50%}.coffee-cup{position:absolute;left:10%;top:11%;width:73%;aspect-ratio:1;border-radius:50%;background:linear-gradient(130deg,#fff9ea,#d5c9b1);box-shadow:1cqw 2cqw 2cqw #68471e39,inset 0 0 .6cqw #fff}.coffee-liquid{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1cqw solid #dfb584;border-radius:50%;background:radial-gradient(ellipse at 45% 44%,#cc9151 25%,#bf8040 52%,#a3622b 66%,#a66633);box-shadow:inset .3cqw .2cqw .5cqw #59301666;display:grid;place-items:center}.latte-heart{font-family:Georgia,serif;font-size:14cqw;color:#fff0d5;transform:rotate(25deg);text-shadow:.3cqw .4cqw #f0d2a5,-.1cqw -.1cqw .3cqw #fff5dc}.cup-handle{position:absolute;width:22%;height:30%;left:73%;top:30%;border:2.2cqw solid #f4e8d0;border-radius:45%;transform:rotate(-15deg);box-shadow:1cqw 1cqw 1cqw #60442126}.coffee-bean{position:absolute;width:10%;height:15%;background:linear-gradient(92deg,#8a5933 47%,#472714 49%,#996c40 54%);border-radius:50%;transform:rotate(36deg);box-shadow:.3cqw .8cqw .8cqw #45291433}.bean-one{left:10%;bottom:8%}.bean-two{left:22%;bottom:0;transform:rotate(-21deg)}.poster-berry{background:#e8d6e1;color:#693853}.poster-berry .price-disc{background:#653148}.poster-berry .poster-brand-dot{color:#a96e8e}.berry{position:absolute;width:36%;height:45%;border-radius:50% 50% 48% 48%;background:radial-gradient(ellipse at 30% 20%,#df7089,#b73256 44%,#7e1e43);box-shadow:inset -1cqw -.4cqw 2cqw #6a284966,.5cqw 1cqw 1cqw #501a3129;transform:rotate(18deg)}.berry:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse,#ffc981 0 12%,transparent 20%);background-size:1.35cqw 1.65cqw;border-radius:50%;opacity:.8}.b1{left:14%;top:2%;transform:rotate(34deg)}.b2{left:51%;top:20%;transform:rotate(-20deg)}.b3{left:2%;top:41%}.b4{left:32%;top:50%;width:31%;height:40%}.b5{left:63%;top:57%;width:20%;height:25%}.berry-leaf{position:absolute;top:0;left:34%;width:45%;height:25%;background:#4b7354;border-radius:0 100%;transform:rotate(-50deg);z-index:4}@container (max-aspect-ratio: 1/1){.poster-top{top:6%;font-size:5cqw}.poster-top>span:last-child{font-size:2.2cqw}.poster-copy{top:18%;width:90%}.poster-kicker{font-size:2.2cqw;margin-bottom:2.8cqh}.poster h3{font-size:12.7cqw;letter-spacing:-.6cqw}.poster-rule{margin:2.2cqh 0 1.5cqh}.poster-bottom{font-size:2.6cqw}.poster-art{right:-9%;top:51%;width:90%;height:46%}.price-disc{right:9%;bottom:11%;height:12%;min-width:23%}.price-disc small{font-size:1.8cqw}.price-disc strong{font-size:5.5cqw}.poster-foot{font-size:1.6cqw;bottom:4%}.poster-foot>span:last-child{font-size:6cqw}.poster-coffee .poster-art{top:51%;right:1%;width:90%;height:46%}.latte-heart{font-size:22cqw}.cup-handle{border-width:3cqw}.coffee-liquid{border-width:1.5cqw}.poster-berry .poster-art{top:53%;height:43%}.citrus-segments:after{background-size:2cqw}.poster-berry .price-disc{z-index:6}}@container (min-aspect-ratio: 2.7/1){.poster-top{top:10%;left:4%;right:4%;font-size:1.6cqw}.poster-top>span:last-child{font-size:.7cqw}.poster-copy{left:4%;top:33%;width:62%}.poster-kicker{font-size:.7cqw;margin-bottom:3cqh}.poster h3{font-size:4.6cqw;letter-spacing:-.2cqw}.poster h3 br:first-of-type{display:none}.poster-rule,.poster-bottom{display:none}.poster-art{width:26%;height:110%;top:-3%;right:13%}.poster-coffee .poster-art{width:29%;height:105%;top:-5%;right:11%}.latte-heart{font-size:8cqw}.price-disc{right:5%;bottom:29%;height:40%}.price-disc small{font-size:.65cqw}.price-disc strong{font-size:2.1cqw}.poster-foot{left:4%;right:4%;bottom:10%;font-size:.7cqw}.poster-foot>span:last-child{font-size:2.3cqw}}.screen-summary{display:flex;align-items:center;gap:23px;font-size:11px;color:#8b939d;margin:0 0 27px}.screen-summary>span{display:flex;align-items:center;gap:7px}.screen-summary strong{color:#45515a;font-weight:600}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:21px 0}.toolbar-right{display:flex;gap:9px}.segmented{display:inline-flex;padding:3px;border:1px solid #e7eaee;border-radius:7px;background:#eceff2;gap:2px}.segmented button{padding:8px 12px;font-size:10px;color:#828a94;white-space:nowrap;border-radius:5px;display:flex;gap:7px;align-items:center}.segmented button.active{background:#fff;color:#39424a;box-shadow:0 1px 4px #1b273012}.segmented small{background:#f0f3f4;border-radius:3px;padding:1px 5px;font-size:9px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e8ec;border-radius:7px;padding:10px 12px;color:#a0a7b1;min-width:180px}.search-box input{border:0;background:none;outline:0!important;min-width:0;width:100%;font-size:10px;color:#39434d}.search-box input::placeholder{color:#a0a7b1}.select-box{display:flex;align-items:center;gap:4px;padding:0 9px;background:#fff;border:1px solid #e5e8ec;border-radius:7px;color:#8b949e}.select-box select{border:0;background:transparent;font-size:10px;color:#7f8994;max-width:140px;padding:10px 3px}.bordered{border:1px solid #e5e8ec;background:#fff}.screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.screen-card{border:1px solid #e3e7eb;background:#fff;border-radius:10px;padding:0;text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s}.screen-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #2735410b}.screen-card-stage{height:180px;background:radial-gradient(ellipse at 45% 36%,#e7e9e7,#dce1e1);position:relative;padding:29px 27px 30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.device-frame{border:4px solid #272d32;border-bottom-width:6px;border-radius:4px;box-shadow:0 9px 13px #25312824;width:100%;max-height:130px;overflow:hidden;container-type:size}.format-9-16 .device-frame{width:auto;height:135px;max-height:135px}.format-1-1 .device-frame{width:auto;height:120px}.format-32-9 .device-frame{border-width:3px;border-radius:2px}.format-tag{position:absolute;left:14px;bottom:11px;font-size:7px;color:#7e8a91;background:#ffffff8a;border:1px solid #ffffff80;border-radius:3px;padding:3px 6px}.device-state{position:absolute;right:11px;top:11px;display:flex;align-items:center;gap:4px;font-size:7px;background:#fff9;color:#538771;border-radius:4px;padding:4px 6px}.device-state>span{width:4px;height:4px;background:currentColor;border-radius:50%}.device-state.offline{color:#aa8950;background:#fff9e9dd}.screen-card-body{padding:16px 17px 12px}.screen-card-body>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.screen-card-body>div:first-child>svg{color:#929da5}.screen-card-body>p{display:flex;align-items:center;gap:5px;font-size:9px;color:#929aa4;margin-top:5px}.screen-playlist{display:flex;align-items:center;gap:7px;margin-top:17px;padding:10px;background:#f7f8f9;border:1px solid #eff1f3;border-radius:5px;color:#8b959f;font-size:10px}.screen-playlist>span{color:#67727e}.screen-playlist>svg:last-child{margin-left:auto}.screen-sync{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:8px;color:#90a599}.screen-sync>span{display:flex;gap:4px;align-items:center}.screen-sync strong{font-weight:500;color:#94a5a0}.bottom-hint{display:flex;align-items:center;gap:9px;border:1px solid #e3eae8;border-radius:7px;background:#f0f5f3;color:#85998f;font-size:10px;padding:14px 16px;margin-top:24px}.bottom-hint>svg{flex-shrink:0}.bottom-hint>button{margin-left:auto;color:#778d81}.list-layout{grid-template-columns:1fr 1fr}.list-layout .screen-card{display:flex}.list-layout .screen-card-stage{width:45%;height:180px}.list-layout .screen-card-body{flex:1}.back-link{margin-bottom:20px}.screen-detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.screen-detail-preview{padding-bottom:25px;background:#e8eceb}.detail-display{margin:15px auto;width:90%;border:7px solid #252d32;border-radius:7px;overflow:hidden;container-type:size;box-shadow:0 10px 20px #141e3222}.detail-info{padding:28px}.detail-info dl,.settings-panel dl{margin:22px 0}.detail-info dl>div,.settings-panel dl>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f2;padding:12px 0;font-size:11px}.detail-info dt,.settings-panel dt{color:#9099a4}.detail-info dd,.settings-panel dd{margin:0;text-align:right;color:#586472}.detail-info .button{margin-top:20px;margin-right:8px}.import-zone{display:flex;align-items:center;gap:20px;border:1px dashed #d4dce2;background:linear-gradient(110deg,#fff,#f4f8f6);padding:23px 25px;border-radius:9px;margin-bottom:26px}.upload-orbit{width:45px;height:45px;border-radius:50%;background:#e8f3ef;border:1px solid #dfebe5;color:#77a193;display:grid;place-content:center}.import-zone strong{font-size:12px;font-weight:550}.import-zone p{font-size:10px;color:#929ba4;margin-top:5px}.import-zone p>button{color:#5d8f84;font-size:10px;text-decoration:underline;padding:0}.import-formats{margin-left:auto;font-size:8px;color:#9aa5ad}.import-formats span{margin:0 4px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.media-card{background:#fff;border:1px solid #e4e7eb;border-radius:9px;overflow:hidden}.media-thumb{position:relative;padding:0;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;container-type:size}.media-thumb>img,.media-thumb>video{width:100%;height:100%;object-fit:cover}.media-format{position:absolute;left:11px;bottom:10px;background:#fffd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:7px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:4px;color:#677569}.media-expand{position:absolute;right:12px;top:12px;background:#fff7;border-radius:5px;padding:5px;color:#405047;opacity:0;transition:.2s}.media-thumb:hover .media-expand,.media-thumb:focus-visible .media-expand{opacity:1}.media-info{padding:17px 17px 15px;position:relative}.media-info h3{padding-right:17px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-info p{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#a2aab3}.media-info p>span{display:flex;align-items:center;gap:5px}.media-delete{position:absolute;right:10px;top:11px}.empty-state{grid-column:1/-1;border:1px dashed #dce2e6;border-radius:9px;text-align:center;padding:70px 25px;width:100%;color:#93a2a5}.empty-state h3{font-size:15px;color:#56666f;margin-top:20px}.empty-state p{font-size:12px;color:#89969e;margin-top:8px}.playlist-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}.playlist-choice{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;padding:13px 10px;width:100%;border-radius:7px;margin-bottom:5px}.playlist-choice.active{background:#fff;border-color:#d5e8e1}.playlist-choice-thumb{width:46px;height:42px;border-radius:5px;overflow:hidden;flex-shrink:0;container-type:size}.playlist-choice strong{font-size:11px;font-weight:550}.playlist-choice small{display:block;font-size:9px;color:#9ba4ae;margin-top:5px}.playlist-choice>svg{margin-left:auto;color:#a7b1ba;flex-shrink:0}.add-playlist{display:flex;justify-content:center;gap:8px;align-items:center;padding:15px;border:1px dashed #d5dce0;border-radius:6px;width:100%;font-size:10px;color:#7b8a94;margin-top:15px}.tip{padding:25px 12px;color:#a6b1b5}.tip h3{font-size:11px;color:#8f9a9f;margin:13px 0 7px}.tip p{font-size:10px;color:#a1aab1;line-height:1.9}.playlist-editor .panel-head{align-items:center;border-bottom:1px solid #edf0f3;padding:24px}.playlist-editor .panel-head h2{font-size:20px}.playlist-editor .panel-head .eyebrow{font-size:7px;margin-bottom:7px}.playlist-editor-body{padding:25px;display:grid;grid-template-columns:minmax(0,1fr)}.playlist-preview{max-width:580px;width:100%;margin:0 auto 25px}.preview-image{aspect-ratio:16/9;border:5px solid #262d30;border-bottom-width:7px;border-radius:5px;overflow:hidden;container-type:size}.preview-image>img,.preview-image>video{width:100%;height:100%;object-fit:contain;background:#171c21}.preview-controls{display:flex;align-items:center;gap:12px;padding:15px 5px;font-size:9px;color:#8a959d}.preview-controls button{width:28px;height:28px;background:#e8eeeb;color:#527366;border-radius:50%;display:grid;place-content:center;padding:0}.play-progress{flex:1;height:3px;border-radius:2px;background:#e5ebe7;overflow:hidden}.play-progress>span{height:100%;display:block;background:#95b5a7}.items-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#a0a8b0;margin-bottom:11px;padding-right:51px}.playlist-item{display:flex;align-items:center;gap:11px;padding:10px 8px;border:1px solid #e6eaed;background:#fff;border-radius:6px;margin:9px 0}.playlist-item.selected{border-color:#cee7df;background:#fafdfb}.item-index{font-size:9px;color:#b6bec5}.item-thumb{width:51px;height:35px;flex-shrink:0;border-radius:3px;overflow:hidden;padding:0;container-type:size}.item-thumb>img,.item-thumb>video{width:100%;height:100%;object-fit:cover}.item-name{flex:1;min-width:0}.item-name strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-name small{display:block;font-size:8px;color:#a2acb5;margin-top:4px}.duration-input{display:flex;align-items:center;border:1px solid #e4e9ec;border-radius:5px;background:#fff;padding:6px 5px;color:#9da6af;font-size:8px;gap:2px}.duration-input input{border:0;outline:0;background:transparent;color:#6c7782;width:25px;font-size:9px;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.duration-input input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.reorder{display:flex;flex-direction:column}.reorder button{padding:0;color:#8d9ba5;height:15px}.remove-item{padding:2px}.add-content{display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #d3dfe0;padding:14px;border-radius:6px;color:#7a928a;font-size:10px}.add-content select{border:0;color:#7a928a;background:transparent;width:150px}.sequence-total{display:flex;justify-content:space-between;font-size:9px;margin-top:18px;color:#9ca6ac}.sequence-total>span{display:flex;gap:6px;align-items:center}.sequence-total strong{color:#6d7b83;font-weight:500}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 18px;gap:20px}.calendar-period{display:flex;align-items:center;gap:14px}.calendar-period h2{font-size:14px;letter-spacing:-.2px}.calendar-period .button{padding:7px 10px}.calendar-period .text-button{margin-left:10px}.timezone{font-size:9px;color:#95a0a9;display:flex;align-items:center;gap:6px}.calendar-scroll{overflow:auto}.calendar{min-width:710px}.calendar-header{display:grid;grid-template-columns:65px repeat(7,minmax(0,1fr));border-bottom:1px solid var(--border);height:76px}.calendar-header>div{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;border-left:1px solid #f0f2f3}.calendar-header>div:first-child{font-size:6px;letter-spacing:.8px;color:#abb5be;border:0}.calendar-header span{font-size:9px;color:#9aa4ad}.calendar-header strong{font-size:16px;font-weight:500}.calendar-header .today{background:#f5faf8}.calendar-header .today strong{border-radius:50%;background:#243c33;color:#fff;width:28px;height:28px;display:grid;place-content:center;font-size:12px}.calendar-header .today span{color:#678979}.calendar-body{display:grid;grid-template-columns:65px repeat(7,minmax(0,1fr));height:465px;position:relative;padding-bottom:0}.calendar-hours{display:flex;flex-direction:column;justify-content:space-between;padding:0 8px 48px;text-align:center;font-size:8px;color:#a3adb6;position:relative;top:-5px}.calendar-day{position:relative;border-left:1px solid #edf0f2;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(12.5% - 1px),#f0f2f3 calc(12.5% - 1px),#f0f2f3 12.5%)}.calendar-event{position:absolute;left:5px;right:5px;background:#f2eadf;border-left:2px solid #cba883;color:#9c7857;border-radius:4px;text-align:left;padding:10px 7px;overflow:hidden;transition:filter .2s}.calendar-event:hover{filter:brightness(.96)}.calendar-event>span{display:block;font-size:7px;opacity:.7;margin-bottom:8px}.calendar-event strong{font-weight:550;font-size:9px;line-height:1.5;display:block}.calendar-event small{display:flex;gap:4px;font-size:7px;margin-top:10px;opacity:.8;align-items:center}.calendar-event.event-citrus{background:#e9f1df;border-color:#a6bf8e;color:#708652}.calendar-event.event-berry{background:#eee7f1;border-color:#bca0ca;color:#9577a6}.calendar-legend{padding:18px 20px;display:flex;gap:19px;align-items:center;border-top:1px solid var(--border);font-size:8px;color:#929ba5}.calendar-legend>span{display:flex;gap:6px;align-items:center}.calendar-legend i{width:6px;height:6px;border-radius:2px}.coffee-bg{background:#c9a981}.citrus-bg{background:#a5ba87}.berry-bg{background:#b495c1}.studio-workspace{display:grid;grid-template-columns:295px minmax(0,1fr);gap:22px}.studio-editor{padding:23px}.studio-editor h2{font-size:14px}.muted{color:#929ca6;font-size:10px}.studio-editor>.muted{font-size:10px;margin-top:7px}.template-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:21px 0 27px}.template-selector>button{aspect-ratio:3/4;border:2px solid transparent;border-radius:5px;padding:0;overflow:hidden;position:relative;container-type:size}.template-selector>button.active{border-color:#60aa98;box-shadow:0 0 0 3px #e7f2ed}.template-selector>button>span{position:absolute;right:4px;bottom:4px;background:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-content:center;color:#49977f}.field{display:flex;flex-direction:column;gap:8px;margin:17px 0}.field>label{font-size:10px;font-weight:550;color:#66717d}.field input,.field select,.field textarea{border:1px solid #dfe5e9;border-radius:6px;padding:11px 12px;outline:0;min-width:0;width:100%;background:#fff;font-size:11px;color:#53606c}.field textarea{resize:vertical;line-height:1.6}.field>small{font-size:8px;color:#a1abb3;line-height:1.5}.studio-note{display:flex;gap:9px;align-items:center;padding:12px;background:#f4f7f3;border-radius:6px;color:#8ea185;margin-top:23px}.studio-note>svg{flex-shrink:0}.studio-note p{font-size:9px}.ai-placeholder{display:flex;gap:10px;border-top:1px solid #edeff1;padding-top:19px;margin-top:23px;color:#a892b6}.ai-placeholder>svg{flex-shrink:0}.ai-placeholder strong{font-size:9px;color:#94829e;font-weight:500}.ai-placeholder p{font-size:8px;color:#aaa0b1;line-height:1.8;margin-top:6px}.studio-canvas-panel{display:flex;flex-direction:column;min-width:0}.canvas-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px;border-bottom:1px solid #e8ecee}.canvas-toolbar>span{font-size:9px;color:#91a099;display:flex;gap:6px;align-items:center}.studio-canvas{background:#e8eceb;background-image:radial-gradient(#ccd5d4 .7px,transparent .7px);background-size:15px 15px;min-height:430px;flex:1;display:flex;justify-content:center;align-items:center;padding:35px}.artboard{width:100%;box-shadow:0 14px 27px #29412e21;overflow:hidden;container-type:size}.studio-canvas.format-9-16 .artboard{width:auto;height:425px;max-width:100%}.studio-canvas.format-1-1 .artboard{max-width:370px}.canvas-foot{padding:17px;display:flex;gap:7px;align-items:center;font-size:8px;color:#9fa9b0}.format-picker{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #e5e9e9;border-radius:6px;background:#f5f7f7}.format-picker button{padding:6px 8px;display:flex;align-items:center;gap:5px;border-radius:4px;font-size:8px;color:#9ba5ad}.format-picker button.active{background:#fff;color:#425951;box-shadow:0 1px 5px #243d3212}.ratio-icon{border:1px solid currentColor;width:11px;height:7px;border-radius:1px}.ratio-9-16{width:7px;height:11px}.ratio-1-1{width:9px;height:9px}.ratio-32-9{width:13px;height:5px}.ratio-Libre{border-style:dashed}.player-workbench{background:#e9edec;border:1px solid #dce3e2;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #2e403008}.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;background:#fff;border-bottom:1px solid #e4e8e6}.player-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.player-mini-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.4px;color:#45574f}.player-mini-brand>span{width:7px;height:7px;background:#6ac6a5;border-radius:2px;transform:rotate(-10deg)}.player-toolbar-divider{width:1px;height:13px;background:#e5e9e7}.player-toolbar .muted{font-size:9px}.player-stage{min-height:330px;padding:37px 65px 33px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 45% 35%,#e9ede9,#dce3e1);position:relative}.player-device{position:relative;width:100%;max-height:560px;border:7px solid #202a2d;border-bottom-width:10px;border-radius:8px;background:#101619;box-shadow:0 20px 25px -15px #162e2866,0 1px 1px #fff6;overflow:hidden;container-type:size}.player-device:fullscreen{max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.player-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;container-type:size}.player-content.fit-contain>.poster{width:min(100cqw,177.777cqh);height:min(56.25cqw,100cqh);flex-shrink:0}.player-content.fit-cover>.poster{width:max(100cqw,177.777cqh);height:max(56.25cqw,100cqh);flex-shrink:0}.player-stage.portrait-stage{padding-top:25px;padding-bottom:25px}.player-controls{display:flex;align-items:center;gap:13px;padding:16px 22px;background:#fff;border-top:1px solid #dfe6e3}.play-toggle{width:31px;height:31px;display:grid;place-content:center;background:#eff4f1;border:1px solid #e1e9e4;color:#607b6c;border-radius:50%;padding:0;flex-shrink:0}.playing-track strong{display:block;font-size:10px;font-weight:550}.playing-track>span{font-size:8px;display:block;color:#a3acae;margin-top:4px}.player-dots{display:flex;gap:5px;margin:0 12px}.player-dots>button{padding:0;width:5px;height:5px;background:#d5dcd8;border-radius:50%}.player-dots>button.active{background:#628877;width:15px;border-radius:3px}.connection-toggle{display:flex;align-items:center;gap:7px;color:#739886;font-size:9px;padding:0;white-space:nowrap}.switch{width:24px;height:13px;background:#90bfa8;border-radius:8px;display:block;position:relative;margin-left:3px}.switch i{position:absolute;top:2px;right:2px;width:9px;height:9px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:.2s}.is-offline{color:#b29965}.is-offline .switch{background:#d1be98}.is-offline .switch i{right:13px}.player-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:21px 0}.player-feature{display:flex;gap:13px;align-items:center;border:1px solid #e2e8e5;border-radius:8px;padding:18px;background:#fff}.player-feature.highlight{border-color:#d9cdae;background:#fffdf6}.feature-icon{display:grid;place-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px}.player-feature strong{font-size:11px;font-weight:550}.player-feature p{font-size:9px;color:#939fa7;margin-top:5px;max-width:300px}.feature-label{font-size:6px;letter-spacing:.8px;color:#99b3a5;white-space:nowrap;margin-left:auto}.player-settings-row{display:flex;gap:15px;align-items:center;background:#f0f3f3;border-radius:7px;padding:13px 15px}.player-settings-row>span:first-child{display:flex;align-items:center;gap:7px;font-size:9px;color:#919da3}.player-settings-row .segmented button{font-size:8px;padding:6px 9px}.player-settings-row .muted{font-size:8px;margin-left:auto}.compatibility-note{display:flex;gap:7px;align-items:center;color:#a5adb3;font-size:8px;margin-top:15px}.custom-format{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px;background:#f2f5f3;color:#8d9e97;font-size:10px}.custom-format input{border:1px solid #d5dfda;border-radius:4px;padding:5px;width:73px;margin-left:8px;color:#536d60}.custom-format>span{font-size:8px}.pairing-screen{width:100%;height:100%;position:relative;background:radial-gradient(ellipse at 50% 45%,#21363a,#121b21 72%);color:#fff;container-type:size}.pairing-logo{display:flex;align-items:center;gap:1.3cqw;position:absolute;left:5%;top:8%;font-size:2.1cqw;letter-spacing:-.07cqw}.pairing-logo>strong{font-weight:550}.pairing-logo>span:last-child{font-size:.9cqw;color:#70938e;letter-spacing:.16cqw;margin:0 .8cqw}.pairing-center{position:absolute;top:21%;right:10%;bottom:13%;left:10%;display:flex;flex-direction:column;align-items:center;text-align:center}.pairing-icon{display:flex;align-items:center;gap:5px;color:#81cabb;margin-bottom:2cqh}.pairing-icon>svg:first-child{width:4cqw;height:4cqw}.pairing-icon>svg:last-child{width:1.7cqw;height:1.7cqw}.pairing-center h2{font-size:3.4cqw;line-height:1.2;font-weight:500;letter-spacing:-.12cqw}.pairing-center p{font-size:1.15cqw;color:#9eb3b4;margin:2.3cqh 0;line-height:1.7}.pairing-center p>strong{color:#c4d7d4;font-weight:550}.pairing-code{font-size:4.3cqw;letter-spacing:.65cqw;color:#b6f6e2;background:#ffffff08;border:1px solid #71978d36;border-radius:.7cqw;padding:1.4cqh 2.8cqw 1.4cqh 3.4cqw;font-weight:450;line-height:1.3}.pairing-address{font-size:1.15cqw;margin-top:2cqh;display:flex;align-items:center;gap:4px;color:#7ca69c}.pairing-expiry{font-size:.8cqw;display:flex;align-items:center;gap:4px;color:#536e6d;margin-top:1.5cqh}.pairing-expiry>svg{width:1cqw}.pairing-footer{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:.75cqw;letter-spacing:.07cqw;color:#627e7b}.pairing-footer>span{display:flex;gap:5px;align-items:center}.pairing-footer .status-dot{width:3px;height:3px}@container (max-aspect-ratio:1/1){.pairing-logo{top:7%;font-size:4.5cqw}.pairing-logo>span:last-child{font-size:1.6cqw;letter-spacing:.3cqw}.pairing-center{top:24%;right:5%;bottom:15%;left:5%}.pairing-icon{margin-bottom:2.5cqh}.pairing-icon>svg:first-child{width:10cqw;height:10cqw}.pairing-icon>svg:last-child{width:4cqw;height:4cqw}.pairing-center h2{font-size:7cqw;letter-spacing:-.3cqw}.pairing-center p{font-size:2.8cqw;margin:3cqh 0}.pairing-code{font-size:8cqw;letter-spacing:1.1cqw;padding:2cqh 5cqw}.pairing-address{font-size:2.8cqw;margin-top:3cqh}.pairing-expiry{font-size:1.9cqw;margin-top:2cqh}.pairing-expiry>svg{width:2.5cqw}.pairing-footer{font-size:1.5cqw;letter-spacing:0}.pairing-footer>span{gap:3px}}@container (min-aspect-ratio:2.7/1){.pairing-center{top:12%;right:10%;bottom:10%;left:35%}.pairing-icon{display:none}.pairing-center h2{font-size:1.8cqw}.pairing-center h2 br{display:none}.pairing-center p{font-size:.8cqw;margin:2cqh 0}.pairing-code{font-size:2.4cqw;letter-spacing:.3cqw;padding:1cqh 2cqw}.pairing-address{font-size:.8cqw}.pairing-expiry{font-size:.5cqw}.pairing-logo{font-size:2.2cqw;top:40%;left:5%}.pairing-footer{font-size:.55cqw}}.notice{display:flex;gap:10px;align-items:flex-start;color:#8c9f99;background:#f2f7f4;border:1px solid #e7eeea;border-radius:6px;padding:12px 13px;font-size:10px;line-height:1.7;margin-top:17px}.notice>svg{flex-shrink:0;margin-top:1px}.notice.mini{font-size:8px;margin-top:0;justify-content:center;padding:7px;background:#f8faf9;border:0}.settings-panel{max-width:760px;padding:32px}.settings-panel>p{font-size:11px;color:#92a0a8;margin-top:15px}.settings-panel .button{margin-top:15px}.pill{display:inline-flex;font-size:8px;padding:5px 7px;background:#f2edf5;color:#a389ad;border-radius:4px;margin-left:10px;vertical-align:middle}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#111b2866;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:520px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;box-shadow:0 25px 90px #0003;border-radius:14px;padding:25px;outline:none}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:20px}.modal-head h2{font-size:19px;letter-spacing:-.4px}.modal>p,.modal>form>p{font-size:12px;color:#8a97a0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:17px;border-top:1px solid #edf0f2}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row .field{margin-top:3px}.pair-explainer{display:flex;align-items:center;gap:18px;padding:17px;background:#f4f7f5;border-radius:8px;color:#8a9e94}.pair-explainer>span{display:grid;place-content:center;border:1px solid #dce8e1;background:#fff;width:54px;height:54px;border-radius:9px;flex-shrink:0}.pair-explainer p{font-size:11px}.field .code-input{font-size:27px;letter-spacing:7px;text-align:center;padding:17px;text-transform:uppercase;color:#355c4c;background:#fafcfb}.field .code-input::placeholder{color:#c6d5cd}.error{color:#a85858;font-size:10px}.selection-list{max-height:280px;overflow:auto;margin:17px 0}.selection-list>label{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4;cursor:pointer;color:#76858c}.selection-list input{accent-color:#4b9e85}.selection-list>label>span{flex:1;font-size:11px}.selection-list>label>span>small{display:block;font-size:9px;color:#a2aeb3;margin-top:3px}.selection-list>label>small{font-size:9px;color:#a5b0b6}.selection-thumb{width:55px;height:35px;border-radius:4px;overflow:hidden;container-type:size}.selection-thumb img,.selection-thumb video{width:100%;height:100%;object-fit:cover}.day-selector{display:flex;gap:7px;margin:15px 0}.day-selector button{flex:1;padding:10px 4px;border:1px solid #dfe6e4;border-radius:5px;font-size:10px;color:#8c9d95}.day-selector button.selected{background:#e7f3ec;border-color:#b8d9c8;color:#4d8b6b}.help-content section{display:flex;gap:15px;margin:25px 0}.help-content section>svg{flex-shrink:0;color:#7aaa97}.help-content section strong{font-size:12px;color:#64756d}.help-content section p{font-size:11px;margin-top:7px;color:#91a19a}.media-preview-modal>div,.media-preview-modal>img,.media-preview-modal>video{aspect-ratio:16/9;width:100%;height:auto}.media-preview-modal>.poster{container-type:size}.media-preview-modal p{text-align:center;color:#97a39c;font-size:11px;margin-top:15px}.toast{position:fixed;left:calc(50% + 119px);bottom:28px;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:10px;padding:15px 17px;background:#233c32;color:#e3f3e7;box-shadow:0 6px 30px #111b2833;border:1px solid #527261;border-radius:9px;font-size:11px;max-width:min(600px,90vw);width:max-content;animation:toast-in .2s ease-out}.toast>svg{color:#9ee1bb;flex-shrink:0}.toast button{color:#a7c5b2;padding:0;margin-left:8px}.empty-visual{width:100%;height:100%;display:grid;place-content:center;background:#f0f2f3;color:#a4b0b5}.sidebar-scrim{display:none}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:28px}}@media(min-width:1550px){.sidebar{width:255px;padding-left:22px;padding-right:22px}.workspace{margin-left:255px}main{padding:40px 50px 0}.topbar{padding:0 50px}.page-head{margin-bottom:34px}.stats-grid{gap:22px;margin-bottom:28px}.stat-card{padding:23px}.stat-top{font-size:12px}.stat-card p{font-size:10px}.overview-grid,.overview-bottom{gap:28px}.screen-preview{height:262px}.portrait-feature .screen-preview{height:296px;max-width:178px}.live-screens{gap:27px;padding:0 28px 27px}.panel-head{padding:25px 28px}.panel-head h2{font-size:16px}.panel-head p{font-size:11px}.screen-caption strong{font-size:12px}.screen-caption div>span{font-size:10px}.timeline{padding:3px 25px 15px}.timeline-item{padding-bottom:25px}.timeline-item strong{font-size:12px}.timeline-item p{font-size:10px}.timeline-item small{font-size:9px}.offline-note strong{font-size:10px}.offline-note p{font-size:9px}.panel-foot{font-size:9px;padding:15px 28px}.upcoming-row{padding:25px 28px}.creative-callout{padding:26px}.creative-callout h2{font-size:20px}.creative-cards{right:10px;transform:scale(1.15) rotate(13deg)}.screen-card-stage{height:215px}.device-frame{max-height:155px}.format-9-16 .device-frame{height:165px;max-height:165px}.format-1-1 .device-frame{height:150px}.playlist-workspace{grid-template-columns:285px minmax(0,1fr)}.playlist-editor-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.playlist-preview{margin:0}.playlist-items{margin-top:0}.studio-workspace{grid-template-columns:330px minmax(0,1fr)}.player-stage{padding:40px 110px}.player-device{max-width:950px!important}.player-stage.portrait-stage .player-device{max-width:280px!important}.player-stage.square-stage .player-device{max-width:450px!important}}@media(max-width:1200px){.sidebar{width:213px;padding-left:12px;padding-right:12px}.workspace{margin-left:213px}.brand{font-size:23px;gap:8px}.workspace-switch{padding:10px 7px;gap:6px}.workspace-switch strong{font-size:10px}.workspace-switch small{font-size:8px}.new-tag{font-size:5px}.sidebar-player{padding:15px 10px}.sidebar-player strong,.sidebar-player p{font-size:9px}main{padding:27px 25px 0}.topbar{padding:0 25px}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(275px,1fr);gap:17px}.overview-bottom{grid-template-columns:1.35fr 1fr;gap:17px}.panel-head{padding:20px 17px}.panel-head h2{font-size:12px}.panel-head h2 .live-label{display:block;margin:8px 0 0}.live-screens{padding:0 17px 20px;gap:12px}.screen-preview{height:185px}.portrait-feature .screen-preview{height:213px}.screen-caption strong{font-size:8px}.screen-caption .badge{display:none}.panel-foot{padding:10px 15px;font-size:7px;gap:5px}.timeline{padding:0 16px 8px}.timeline-item{gap:7px;padding-bottom:20px}.timeline-item strong{font-size:9px}.timeline-item p{font-size:8px}.timeline-icon{width:28px;height:28px}.offline-note{padding:9px;margin:0 13px 16px;gap:5px}.offline-note strong{font-size:8px}.offline-note p{font-size:7px}.stat-card{padding:14px}.stat-top{font-size:10px}.stat-card p{font-size:8px}.stat-number.word{font-size:22px}.creative-cards{right:-45px}.creative-callout{padding:20px 17px}.creative-callout h2{font-size:15px}.upcoming-row{gap:10px;padding:17px}.upcoming-row .badge{display:none}.upcoming-info p{font-size:8px}.toolbar{flex-wrap:wrap}.screen-card-stage{padding:28px 18px}.screen-card-body{padding:14px}.screen-card-body h3{font-size:11px}.screen-card-body>p{font-size:8px}.screens-grid{gap:16px}.playlist-workspace{grid-template-columns:215px minmax(0,1fr);gap:16px}.studio-workspace{grid-template-columns:260px minmax(0,1fr);gap:17px}.studio-editor{padding:19px}.studio-canvas{padding:25px}.canvas-toolbar{flex-direction:column;align-items:flex-start}.player-toolbar{padding:16px}.player-stage{padding:30px 35px}.player-feature{padding:15px;gap:10px}.feature-label{display:none}.player-settings-row{flex-wrap:wrap;gap:10px}.player-settings-row .muted{width:100%;margin-left:0}.toast{left:calc(50% + 106px)}}@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}.overview-bottom{grid-template-columns:1.3fr 1fr}.activity-panel .timeline{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px;padding:0 23px 15px}.activity-panel .timeline-item{padding-bottom:15px}.activity-panel .timeline-item:before{display:none}.timeline-item strong{font-size:11px}.timeline-item p{font-size:9px}.offline-note{margin:0 23px 20px}.offline-note strong{font-size:10px}.offline-note p{font-size:9px}.live-screens{grid-template-columns:1.75fr 1fr;padding:0 23px 24px;gap:28px}.screen-preview{height:245px}.portrait-feature .screen-preview{height:280px;max-width:168px}.screen-caption strong{font-size:11px}.screen-caption .badge{display:inline-flex}.panel-head h2{font-size:14px}.panel-head h2 .live-label{display:inline-flex;margin:0 0 0 7px}.panel-head{padding:22px 23px}.panel-foot{padding:13px 23px;font-size:8px}.stats-grid{gap:10px}.stat-top{font-size:9px}.stat-icon{width:23px;height:23px}.stat-icon svg{width:13px}.stat-number{font-size:28px}.stat-number.word{font-size:20px;line-height:35px}.stat-card p{font-size:7px}.screens-grid,.media-grid{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.page-head h1{font-size:27px}.page-head p{font-size:11px;max-width:430px}.page-actions{flex-direction:column;align-items:flex-end}.page-actions .button{font-size:10px;padding:10px 12px}.page-actions .button>svg{width:13px}.screen-detail-grid{grid-template-columns:1fr}.import-zone{padding:20px;gap:12px;flex-wrap:wrap}.import-formats{margin-left:57px;font-size:7px}.calendar-toolbar{flex-wrap:wrap}.calendar-period{gap:9px}.calendar-period h2{font-size:12px}.calendar-legend{flex-wrap:wrap;gap:12px}.studio-workspace{grid-template-columns:230px minmax(0,1fr);gap:14px}.studio-editor{padding:17px}.studio-editor h2{font-size:12px}.studio-editor .field input{font-size:9px}.studio-canvas{padding:18px}.studio-canvas.format-9-16 .artboard{height:auto;width:100%}.canvas-foot{font-size:7px;flex-wrap:wrap}.canvas-foot>.spacer{display:none}.player-controls{gap:10px;padding:15px}.playing-track strong{font-size:9px}.playing-track>span{font-size:7px}.player-dots{display:none}.connection-toggle{font-size:8px;gap:4px}.player-bottom-grid{gap:12px}.player-feature p{font-size:8px}.feature-icon{width:33px;height:33px}.player-feature strong{font-size:10px}.player-stage.portrait-stage .player-device{max-width:230px!important}.list-layout{grid-template-columns:1fr}.app-footer>span:last-child{display:none}}@media(max-width:800px){.sidebar{width:220px;transform:translate(-100%);transition:transform .2s}.workspace{margin-left:0}.menu-open .sidebar{transform:translate(0)}.menu-open .sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#111b2855;z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu{display:inline-flex;padding:5px;margin-right:4px}.topbar{height:63px;padding:0 23px}.breadcrumb{gap:9px;font-size:10px}.topbar-actions{gap:15px}.demo-label{font-size:6px;letter-spacing:.6px}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:9px}.brand{font-size:25px}.new-tag{font-size:6px}.sidebar-player strong,.sidebar-player p{font-size:10px}.stats-grid{gap:13px}.stat-top{font-size:10px}.stat-icon{width:26px;height:26px}.stat-card p{font-size:8px}.screen-preview{height:258px}.portrait-feature .screen-preview{height:289px;max-width:175px}.toast{left:50%}.player-stage{padding:30px 45px}.player-stage.portrait-stage .player-device{max-width:240px!important}.studio-workspace{grid-template-columns:245px minmax(0,1fr)}.calendar-panel{margin-right:0}}@media(max-width:600px){:root{font-size:13px}main{padding:25px 18px 0}.topbar{height:60px;padding:0 16px}.breadcrumb{font-size:9px;gap:7px}.breadcrumb>span:first-of-type{display:none}.breadcrumb>svg{display:none}.topbar-actions{gap:11px}.demo-label{font-size:5.5px;letter-spacing:.4px}.avatar.small{height:27px;width:27px}.notification-button svg{width:17px}.page-head{display:block;margin-bottom:24px}.page-head h1{font-size:29px;letter-spacing:-.9px}.page-head p{font-size:11px;line-height:1.75;margin-top:9px;max-width:310px}.eyebrow{font-size:7px;letter-spacing:1.35px;margin-bottom:10px}.page-actions{flex-direction:row;align-items:center;margin-top:18px;gap:9px}.page-actions .button{font-size:10px;padding:11px 13px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:19px}.stat-card{padding:16px 15px}.stat-top{font-size:10px}.stat-number{font-size:30px;margin:8px 0}.stat-number.word{font-size:22px;line-height:37px}.stat-card p{font-size:8px;line-height:1.5}.stat-icon{width:25px;height:25px}.stat-icon svg{width:15px}.overview-grid,.overview-bottom{gap:19px;grid-template-columns:1fr}.panel-head{padding:21px 17px}.panel-head h2{font-size:13px}.panel-head p{font-size:9px}.panel-head h2 .live-label{display:block;font-size:5px;margin:7px 0 0;letter-spacing:.4px}.text-button{font-size:9px}.live-screens{padding:0 17px 20px;gap:15px;grid-template-columns:1.6fr 1fr}.screen-preview{height:171px;border-width:4px;border-bottom-width:6px}.portrait-feature .screen-preview{height:200px;max-width:113px;border-width:4px}.screen-caption{margin-top:13px}.screen-caption strong{font-size:8px;white-space:normal}.screen-caption div>span{font-size:7px;gap:2px}.screen-caption div>span svg{width:9px}.screen-caption .badge{display:none}.preview-live{top:6px;left:5px;font-size:4px;padding:3px}.preview-format{font-size:5px;padding:2px 4px;bottom:5px;right:5px}.panel-foot{padding:12px 17px;font-size:7px;gap:4px}.panel-foot>span:last-child{font-size:6px}.panel-foot>svg{width:12px}.stacked-dots{margin-right:0}.activity-panel .timeline{display:block;padding:0 20px 10px}.activity-panel .timeline-item{padding-bottom:24px;gap:11px}.activity-panel .timeline-item:before{display:block}.timeline-item strong{font-size:11px}.timeline-item p{font-size:9px}.timeline-item small{font-size:8px}.timeline-icon{width:29px;height:29px}.offline-note{margin:0 17px 20px;padding:12px;gap:9px}.offline-note strong,.offline-note p{font-size:8px}.overview-bottom{margin-top:19px}.creative-callout{min-height:180px;padding:23px}.creative-callout h2{font-size:20px}.creative-cards{right:2px;transform:scale(1.14) rotate(13deg);bottom:12px}.upcoming-row{padding:18px 17px;gap:11px}.upcoming-info strong{font-size:10px}.upcoming-info p{font-size:8px;max-width:145px}.time-pill strong{font-size:17px}.time-pill span{font-size:5px}.tiny-poster{width:54px;height:39px}.screen-summary{gap:15px;font-size:9px;margin-bottom:22px;flex-wrap:wrap}.screen-summary>span{gap:5px}.screen-summary>span:last-child{font-size:8px}.toolbar{gap:14px;margin-top:17px}.toolbar-right{width:100%;flex-wrap:wrap;gap:8px}.search-box{flex:1;min-width:140px}.toolbar>.search-box{width:100%;flex:auto}.toolbar-right .select-box{flex:1}.select-box select{max-width:none;width:100%;font-size:9px}.toolbar-right>.icon-button{width:35px}.segmented button{font-size:9px;padding:8px 10px}.screens-grid{grid-template-columns:1fr;gap:18px}.screen-card-stage{height:207px;padding:30px 50px}.device-frame{max-height:156px}.format-9-16 .device-frame{height:163px;max-height:163px}.format-1-1 .device-frame{height:152px}.screen-card-body{padding:17px 18px 15px}.screen-card-body h3{font-size:13px}.screen-card-body>p{font-size:10px}.screen-playlist{font-size:11px}.screen-sync{font-size:9px}.device-state{font-size:8px;top:13px;right:13px}.format-tag{font-size:8px;bottom:13px;left:15px}.bottom-hint{font-size:9px;align-items:flex-start;padding:13px;line-height:1.7;gap:8px;flex-wrap:wrap}.bottom-hint>span{flex:1;min-width:200px}.bottom-hint>button{margin-left:26px}.list-layout .screen-card{display:block}.list-layout .screen-card-stage{width:100%;height:207px}.screen-detail-grid{gap:19px}.detail-info{padding:23px}.detail-display{max-width:230px!important}.import-zone{padding:20px 17px;gap:12px}.upload-orbit{width:35px;height:35px;flex-shrink:0}.upload-orbit svg{width:18px}.import-zone>div{flex:1}.import-zone strong{font-size:10px}.import-zone p{font-size:9px}.import-zone p>button{font-size:9px}.import-formats{margin-left:47px;font-size:6px}.media-grid{grid-template-columns:1fr 1fr;gap:13px}.media-thumb{aspect-ratio:4/3}.media-info{padding:13px 10px}.media-info h3{font-size:9px;padding-right:13px}.media-info p{font-size:7px;margin-top:7px;gap:5px}.media-info p svg{width:10px}.media-info p>span{gap:3px}.media-format{font-size:5px;left:7px;bottom:6px;gap:2px;padding:3px 4px}.media-format>svg{width:9px;height:9px}.media-delete{top:6px;right:3px;padding:6px}.media-delete>svg{width:11px}.media-expand{display:none}.playlist-workspace{grid-template-columns:1fr;gap:16px}.playlist-list{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.playlist-choice{min-width:195px;max-width:195px;border-color:#e7ece9;padding:10px;background:#f1f4f3}.playlist-choice.active{border-color:#a4cabb}.playlist-choice-thumb{width:38px;height:38px}.playlist-choice strong{font-size:10px}.playlist-choice small{font-size:8px}.playlist-choice>svg{width:12px}.add-playlist{min-width:150px;height:61px;margin:0;font-size:9px}.tip{display:none}.playlist-editor .panel-head{padding:20px 17px;gap:9px}.playlist-editor .panel-head h2{font-size:18px}.playlist-editor .panel-head p{font-size:9px}.playlist-editor .panel-head .button{font-size:9px;padding:9px 11px}.playlist-editor-body{padding:17px}.playlist-preview{margin-bottom:20px}.playlist-item{gap:7px;padding:9px 6px}.item-thumb{width:43px;height:32px}.item-index,.item-name strong{font-size:8px}.item-name small{font-size:7px}.duration-input{font-size:7px;padding:5px 2px}.duration-input input{width:20px;font-size:8px}.reorder button{height:14px}.remove-item>svg{width:12px}.calendar-toolbar{margin-top:22px;gap:12px}.calendar-period{gap:8px;flex-wrap:wrap}.calendar-period h2{font-size:11px}.calendar-period .button{padding:6px 9px}.calendar-period .text-button{margin:0;font-size:8px}.timezone{font-size:8px}.calendar{min-width:750px}.calendar-panel{margin-right:-18px;border-radius:9px 0 0 9px}.calendar-body{height:455px}.calendar-legend{padding:15px;font-size:7px;gap:12px}.calendar-legend .spacer{display:none}.studio-workspace{grid-template-columns:1fr;gap:20px;display:flex;flex-direction:column-reverse}.studio-canvas-panel{min-height:350px}.canvas-toolbar{flex-direction:row;gap:10px;padding:14px}.canvas-toolbar>span{font-size:7px;gap:4px}.format-picker{gap:0;padding:2px}.format-picker button{padding:6px;font-size:7px;gap:4px}.ratio-icon{width:9px;height:6px}.ratio-9-16{width:6px;height:9px}.ratio-1-1{width:8px;height:8px}.ratio-32-9{width:11px;height:4px}.studio-canvas{min-height:230px;padding:23px}.studio-canvas.format-9-16 .artboard{width:170px;height:auto}.studio-canvas.format-1-1 .artboard{width:235px}.canvas-foot{font-size:7px;padding:14px;gap:5px}.canvas-foot .spacer{display:block}.canvas-foot svg{width:11px}.studio-editor{padding:22px}.studio-editor h2{font-size:15px}.studio-editor .field input{font-size:11px}.template-selector{max-width:280px}.template-selector>button{aspect-ratio:1}.player-toolbar{padding:14px;flex-wrap:wrap;gap:15px}.player-toolbar .format-picker{margin-left:auto}.player-toolbar>div:first-child{gap:8px}.player-mini-brand{font-size:8px;letter-spacing:1px}.player-toolbar .muted{font-size:7px}.player-toolbar-divider{height:10px}.player-stage{padding:24px 19px;min-height:230px}.player-device{border-width:4px;border-bottom-width:6px;border-radius:5px}.player-stage.portrait-stage .player-device{max-width:215px!important}.player-stage.square-stage .player-device{max-width:275px!important}.player-controls{padding:13px 12px;gap:9px;flex-wrap:wrap}.play-toggle{height:27px;width:27px}.play-toggle>svg{width:14px}.playing-track strong{font-size:9px}.playing-track>span{font-size:7px}.connection-toggle{font-size:8px;margin-top:10px;margin-left:36px;width:calc(100% - 36px);padding-top:10px;border-top:1px solid #f0f3f1;gap:7px}.connection-toggle .switch{margin-left:auto}.player-controls .spacer{display:none}.player-bottom-grid{grid-template-columns:1fr;gap:13px;margin:18px 0}.player-feature{padding:17px;gap:13px}.player-feature strong{font-size:11px}.player-feature p{font-size:9px}.feature-icon{width:38px;height:38px}.player-settings-row{padding:14px;gap:13px}.player-settings-row>span:first-child{font-size:9px}.player-settings-row .segmented{width:100%}.player-settings-row .segmented>button{font-size:7px;padding:7px 8px;flex:1;justify-content:center}.compatibility-note{font-size:7px;align-items:flex-start;line-height:1.7}.compatibility-note>svg{flex-shrink:0;width:13px}.custom-format{flex-wrap:wrap;padding:12px;gap:10px;font-size:8px}.custom-format input{width:65px}.custom-format>span{width:100%;text-align:center;font-size:7px}.settings-panel{padding:23px}.settings-panel h2{font-size:15px}.settings-panel p{font-size:10px}.settings-panel dl>div{font-size:10px;gap:12px}.settings-panel dd{max-width:170px;line-height:1.6}.settings-panel .button{font-size:9px;white-space:normal;text-align:left;line-height:1.6}.settings-panel .button>svg{flex-shrink:0}.app-footer{padding:25px 0;font-size:6px;gap:0}.app-footer>span{gap:4px}.footer-divider{margin:0 2px}.modal-backdrop{padding:12px}.modal{padding:22px 18px;border-radius:12px;max-height:94dvh}.modal-head h2{font-size:18px}.modal-head{gap:10px}.modal-actions .button{font-size:9px;padding:10px}.pair-explainer{padding:14px;gap:12px}.pair-explainer p{font-size:10px}.pair-explainer>span{width:44px;height:44px}.pair-explainer>span>svg{width:25px}.field .code-input{font-size:24px;letter-spacing:5px;padding:15px 10px}.selection-list>label{gap:8px}.selection-list>label>span{font-size:10px}.selection-list .badge{font-size:6px}.toast{font-size:10px;line-height:1.6;bottom:20px;padding:13px}.notification-popover{right:15px;top:52px;width:min(315px,90vw)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}