*{box-sizing:border-box}html,body{margin:0}body{font-family:"Segoe UI",Arial,sans-serif;color:#eaf1f3;background:#0c1522;--accent:#93e5ca;--accent-rgb:147,229,202;--coral:#f0a78f;--muted:#8999ab;--line:rgba(191,215,224,.11)}body[data-accent=blue]{--accent:#a6c9ff;--accent-rgb:166,201,255}body[data-accent=amber]{--accent:#f1cd8c;--accent-rgb:241,205,140}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--accent)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;position:relative;width:46px;height:46px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:15px;font-weight:700;font-size:30px;line-height:1;color:var(--accent);background:rgba(var(--accent-rgb),.045)}.brand-mark>span{color:var(--coral);font-size:32px;margin-top:9px;margin-left:-1px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.25);flex-shrink:0}.tiny-tag{font-size:9px;font-weight:700;letter-spacing:1.3px;color:var(--accent);white-space:nowrap}.weather-stale{color:#d9b688!important}.section-number{font-size:10px;letter-spacing:1px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.23);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-.25px}.panel-title-group{display:flex;align-items:center;gap:9px}.panel{background:linear-gradient(125deg,#152432,#12202e);border:1px solid var(--line);border-radius:20px;overflow:hidden}.data-empty{font-size:14px;color:#94a8b8;margin:auto;line-height:1.65;max-width:390px;text-align:center}.display-page{overflow:hidden;background:#0b1421}.dashboard{width:100vw;height:100vh;min-height:520px;padding:25px 33px 15px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 0%,rgba(30,67,73,.16),transparent 53%),#0c1522}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;padding-bottom:18px;flex-shrink:0}.screen-brand{display:flex;align-items:center;gap:14px;min-width:0}.screen-brand h1{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:7px 0 0;max-width:740px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-brand .eyebrow{max-width:660px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-right{display:flex;align-items:center;gap:23px}.header-clock{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.clock-line{display:flex;align-items:baseline;gap:8px}.clock-line time{font-size:47px;line-height:.95;font-weight:350;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}.clock-suffix{font-size:12px;font-weight:500;letter-spacing:1px;color:var(--accent)}.date-line{font-size:12px;color:#a8b8c6;display:flex;gap:8px;margin-top:8px}.time-zone{font-size:9px;color:var(--muted);align-self:center;letter-spacing:1px}.edit-link{font-size:11px;border:1px solid var(--line);border-radius:9px;padding:10px 11px;color:#b4c4cd;white-space:nowrap}.edit-link span{color:var(--accent);margin-left:7px}.tv-mode .edit-link{display:none}.screen-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,.92fr);gap:15px}.soci-panel{grid-column:1;grid-row:1;padding:19px 21px 14px;display:flex;flex-direction:column}.soci-subheading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8096a8;margin:7px 0 13px}.soci-subheading p{margin:0}.soci-subheading>span{color:#b3c3cd}.page-bubbles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px 12px;flex:1;min-height:0}.page-bubbles>.data-empty{grid-column:1/-1;grid-row:1/-1}.page-bubble{display:flex;align-items:center;gap:9px;min-width:0;padding:5px 2px}.page-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #49675c;background:#233b37;color:#b5e6c9;position:relative;font-size:12px;font-weight:600;flex-shrink:0;box-shadow:0 0 0 4px rgba(103,165,133,.035)}.page-bubble.warning .page-avatar{border-color:#665644;color:#ecc68f;background:#383329}.page-bubble.muted .page-avatar{border-color:#435160;color:#9eaebd;background:#26313e}.page-health-dot{position:absolute;width:9px;height:9px;bottom:-1px;right:1px;border-radius:50%;background:#84dba8;border:2px solid #152432}.page-bubble.warning .page-health-dot{background:#d8b174}.page-bubble.muted .page-health-dot{background:#8390a0}.page-detail{min-width:0}.page-detail h3{font-size:11px;line-height:1.25;font-weight:600;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:29px;overflow-wrap:anywhere}.page-platform{font-size:9px;color:#7e94a7;margin:0 0 3px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-queue{font-size:10px;font-weight:500;color:#a8d9bf;margin:0}.warning .page-queue{color:#d9b480}.muted .page-queue{color:#899baa}.soci-footer{padding-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;color:#8b9daf;letter-spacing:.3px}.status-legend{display:flex;gap:13px}.status-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;display:inline-block;border-radius:50%;flex-shrink:0}.legend-dot.healthy{background:#84dba8}.legend-dot.warning{background:#d8b174}.legend-dot.muted{background:#8390a0}.weather-panel{grid-column:2;grid-row:1;padding:19px 20px 12px;position:relative}.weather-panel .panel-heading h2{font-size:15px}.weather-panel .tiny-tag{font-size:8px;letter-spacing:.9px}.weather-main{display:flex;justify-content:space-between;align-items:center;height:96px}.temperature{display:flex;line-height:1;align-items:flex-start;font-weight:350;letter-spacing:-3px}.temperature>span:first-child{font-size:62px}.degree{font-size:34px;margin-top:4px;letter-spacing:-1px;color:var(--accent)}.weather-condition{font-size:12px;margin:4px 0 0;color:#c0d0d8}.weather-art{width:106px;height:92px;position:relative;margin-right:3px;opacity:.88}.sun-orbit{position:absolute;left:16px;top:5px;width:65px;height:65px;border:1px dashed rgba(234,193,130,.26);border-radius:50%}.sun-disc{position:absolute;left:27px;top:16px;width:43px;height:43px;border-radius:50%;background:#e6bb75;box-shadow:0 0 36px rgba(230,187,117,.10)}.cloud{position:absolute;background:#9bb9c0;border-radius:14px;box-shadow:0 5px 20px rgba(5,20,27,.1)}.cloud-one{width:70px;height:24px;top:47px;left:23px}.cloud-one:before{content:"";position:absolute;border-radius:50%;width:33px;height:33px;left:13px;top:-17px;background:inherit}.cloud-one:after{content:"";position:absolute;border-radius:50%;width:26px;height:26px;left:37px;top:-10px;background:inherit}.cloud-two{width:45px;height:14px;top:68px;left:7px;background:#6d939d}.spark{position:absolute;font-size:13px;color:#8eb1b5}.spark-one{left:3px;top:28px}.spark-two{right:0;top:18px;font-size:9px}.weather-details{display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.7px;color:#7f94a7;padding-bottom:11px;border-bottom:1px solid var(--line)}.weather-details strong{display:block;font-size:12px;color:#c1d0d9;font-weight:500;margin-top:4px;letter-spacing:0}.forecast-row{display:flex;gap:9px;justify-content:space-between;padding-top:9px}.forecast-row>div{display:flex;align-items:center;gap:6px}.forecast-row span{font-size:8px;color:#8ea2b3;text-transform:uppercase}.forecast-row strong{font-size:12px;font-weight:500;color:#d2dfe6}.weather-observed{font-size:8px;color:#6f889b;margin:8px 0 0}.videos-panel{grid-column:1;grid-row:2;padding:17px 21px 13px;display:flex;flex-direction:column}.ranking-note{font-size:10px;color:#839caf;margin:6px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-list{display:flex;flex:1;flex-direction:column;min-height:0}.video-row{display:flex;align-items:center;gap:12px;flex:1;min-height:0;border-bottom:1px solid rgba(191,215,224,.065)}.video-row:last-child{border-bottom:0}.video-rank{font-size:10px;font-weight:600;color:#637f93;font-variant-numeric:tabular-nums}.video-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:3px 0}.video-title{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d0dce3}.video-meta{font-size:8px;color:#7c95a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-metric{display:flex;align-items:baseline;gap:5px;flex-shrink:0}.video-metric strong{font-size:16px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.video-metric>span{font-size:7px;color:#758ea2;letter-spacing:.5px}.notifications-panel{grid-column:2;grid-row:2;padding:18px 20px 11px;display:flex;flex-direction:column;background:linear-gradient(135deg,#1d2934,#192330)}.notification-icon{color:var(--coral);font-size:20px}.notifications-panel .panel-heading h2{font-size:16px}.notifications-panel .tiny-tag{font-size:8px;color:#bba391;letter-spacing:.7px}.notification-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;padding-top:12px;overflow:hidden}.notification{border-left:2px solid #658fb6;padding:1px 0 1px 10px}.notification.success{border-color:#82bba0}.notification.warning{border-color:#d6a57c}.notification-heading{display:flex;align-items:center;gap:5px}.notification-heading>.legend-dot{display:none}.notification h3{font-size:11px;font-weight:600;line-height:1.25;margin:0;color:#dce5ea}.notification p{font-size:9px;line-height:1.4;color:#97adbc;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification time{font-size:7px;color:#758e9f;display:block;margin-top:4px}.notification-footer{display:flex;align-items:center;gap:6px;padding-top:7px;font-size:7px;letter-spacing:1px;color:#8094a2}.notification-footer .status-dot{width:4px;height:4px;box-shadow:none;background:#bba391}.notification-empty{margin:auto;text-align:center;padding:8px 15px;color:#8fa4b4}.quiet-symbol{display:inline-flex;justify-content:center;align-items:center;width:35px;height:35px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:50%;color:var(--accent);font-size:17px;margin-bottom:6px}.notification-empty h3{font-size:17px;font-weight:500;color:#bfcfd8;margin:2px 0 7px}.notification-empty p{font-size:11px;line-height:1.5;margin:0;max-width:230px}.screen-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-shrink:0;min-height:44px;padding-top:8px;font-size:10px;color:#839bab}.screen-footer>div{display:flex;align-items:center;gap:9px;max-width:56%;min-width:0}.footer-spark{font-size:16px;color:var(--coral)}#display-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-focus{display:flex;align-items:center;gap:8px;font-size:9px;min-width:0;max-width:45%}.footer-focus>span:first-child{color:#678191;font-size:6px;letter-spacing:1px;flex-shrink:0}#display-focus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8ea3b2}
.page-bubbles{grid-template-columns:repeat(3,minmax(0,1fr))}.page-bubble{gap:12px}.page-avatar{width:42px;height:42px;font-size:14px}.page-detail h3{font-size:14px;max-height:35px}.page-platform{font-size:11px}.page-queue{font-size:12px}.ranking-note{font-size:11px;line-height:1.35;white-space:normal;text-overflow:clip;margin-bottom:3px}.ranking-period{font-size:9px;line-height:1.35;color:#7793a8;margin:0 0 5px}.ranking-period:empty{display:none}
/* The editor is intentionally a different, quieter workspace around the TV. */
.editor-page{background:radial-gradient(ellipse at 12% 10%,rgba(35,73,74,.15),transparent 42%),#0c1522;min-height:100vh}.editor-header{height:100px;max-width:1500px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.editor-brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:600;letter-spacing:-.8px}.editor-brand .brand-mark{width:37px;height:37px;border-radius:12px;font-size:25px}.editor-brand .brand-mark>span{font-size:26px;margin-top:8px}.brand-period{color:var(--accent)}.editor-nav{display:flex;align-items:center;gap:27px}.independent-label{font-size:8px;letter-spacing:1.5px;color:#9aafba;display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:600;border-radius:9px;padding:13px 17px;border:1px solid transparent;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-outline{border-color:rgba(191,215,224,.2);color:#cbd9e0}.button-outline:hover{background:#172633}.button-outline>span{color:var(--accent)}.editor-main{max-width:1500px;padding:52px 5% 65px;margin:auto}.editor-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:46px}.editor-intro .eyebrow{font-size:9px;letter-spacing:2px}.editor-intro h1{font-size:51px;font-weight:400;line-height:1.06;letter-spacing:-2px;margin:17px 0 17px}.editor-intro h1>span{color:var(--accent)}.editor-intro>div>p{font-size:13px;line-height:1.7;color:#8fa5b6;margin:0}.intro-note{display:flex;align-items:center;gap:15px;margin-right:6%;transform:rotate(-3deg)}.intro-note>span{font-size:52px;line-height:1;color:var(--coral);font-weight:350}.intro-note>p{font-size:13px!important;line-height:1.6!important;color:#b1c0c9!important}.editor-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);gap:45px;align-items:start}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:15px}.workspace-heading h2{font-size:14px;font-weight:500;margin:0;display:flex;align-items:center;gap:8px}.preview-caption{font-size:8px;letter-spacing:1.1px;color:#657f92;white-space:nowrap}.preview-shell{position:relative;padding-bottom:18px}.preview-frame{width:100%;aspect-ratio:16/9;border:8px solid #24313d;border-radius:17px;overflow:hidden;background:#0b1421;box-shadow:0 24px 60px rgba(0,0,0,.2),0 0 0 1px #31404c;position:relative}.preview-frame iframe{position:absolute;border:0;inset:0;width:1280px;height:720px;transform-origin:top left;pointer-events:none}.preview-stand{position:absolute;bottom:0;left:35%;width:30%;height:16px;background:linear-gradient(#1f2c38,#263542);clip-path:polygon(30% 0,70% 0,75% 70%,100% 90%,100% 100%,0 100%,0 90%,25% 70%)}.preview-note{display:flex;gap:10px;margin-top:12px;color:#7891a4}.preview-note>span{font-size:25px;line-height:1.4;color:var(--accent)}.preview-note>p{font-size:11px;line-height:1.7;margin:3px 0 0}.demo-explainer{border-top:1px solid var(--line);padding-top:24px;margin-top:31px;display:flex;gap:19px}.demo-label{display:inline-block;padding:6px 8px;height:fit-content;border-radius:5px;color:#d4ab91;background:rgba(240,167,143,.06);border:1px solid rgba(240,167,143,.17);font-size:7px;letter-spacing:1px;white-space:nowrap}.demo-explainer h3{font-size:13px;font-weight:500;margin:0 0 9px;color:#c3d1d9}.demo-explainer p{font-size:11px;line-height:1.8;color:#7e98aa;margin:0;max-width:500px}.settings-panel{background:linear-gradient(125deg,#152330,#12202d);border:1px solid var(--line);border-radius:18px;padding:25px 26px 22px;margin-top:-13px}.settings-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:23px;margin-bottom:22px;border-bottom:1px solid var(--line)}.settings-heading .section-number{margin-top:1px}.settings-heading h2{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:0 0 5px}.settings-heading p{font-size:11px;color:#839bae;margin:0}#settings-form>label{font-size:11px;color:#bbccd7;font-weight:500;display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}#settings-form>label:first-child{margin-top:0}#settings-form>label>span{color:#587389;font-size:8px;font-weight:400}#settings-form>input,#settings-form>textarea{display:block;width:100%;background:#0e1b28;border:1px solid #293e4f;border-radius:8px;color:#d6e2e9;padding:11px 12px;font-size:12px;line-height:1.5;resize:vertical;transition:border-color .15s}#settings-form>textarea{min-height:65px;max-height:160px}#settings-form>input:focus,#settings-form>textarea:focus{border-color:var(--accent);outline:1px solid rgba(var(--accent-rgb),.15);outline-offset:1px}#settings-form input::placeholder,#settings-form textarea::placeholder{color:#4e6b80}.field-help{font-size:9px;color:#678297;line-height:1.5;margin:6px 0 -2px}.theme-picker{padding:0;border:0;margin:20px 0 0}.theme-picker legend{font-size:11px;color:#bbccd7;font-weight:500;margin-bottom:10px;padding:0}.theme-options{display:flex;gap:8px}.theme-option{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#8fa6b6;padding:10px 7px;border:1px solid #2a3d4d;border-radius:8px;cursor:pointer;position:relative}.theme-option:has(input:checked){border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.035);color:#d7e3e8}.theme-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.theme-option:focus-within{outline:2px solid var(--accent);outline-offset:3px}.theme-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.swatch-mint{background:#93e5ca}.swatch-blue{background:#a6c9ff}.swatch-amber{background:#f1cd8c}.theme-check{display:none;color:var(--accent);font-size:9px}.theme-option:has(input:checked) .theme-check{display:block}.save-bar{border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.button-primary{background:var(--accent);color:#102b29;width:100%;justify-content:space-between;padding:13px 16px;border-color:rgba(var(--accent-rgb),.3)}.button-primary:hover{filter:brightness(1.06)}.button-primary:disabled{opacity:.45;cursor:wait;transform:none}.save-bar>p{font-size:10px;color:#759589;margin:11px 0 0;min-height:16px;line-height:1.6}.save-bar>p.is-error{color:#efb29a}.editor-footer{max-width:1350px;margin:0 auto;padding:24px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#58758a;letter-spacing:1.2px}.editor-footer>span>span{color:var(--accent);margin:0 8px}.editor-footer>a{font-size:11px;letter-spacing:0;color:#93acbc}
@media(min-width:1500px){.dashboard{padding:35px 45px 20px}.screen-header{min-height:110px;padding-bottom:24px}.screen-brand h1{font-size:33px}.screen-brand .eyebrow{font-size:12px}.clock-line time{font-size:62px}.date-line{font-size:15px}.screen-grid{gap:20px}.soci-panel,.weather-panel,.videos-panel,.notifications-panel{padding:24px 28px 18px}.panel-heading h2{font-size:22px}.tiny-tag{font-size:11px}.soci-subheading{font-size:13px;margin:11px 0 17px}.page-bubble{gap:12px}.page-avatar{width:52px;height:52px;font-size:16px}.page-detail h3{font-size:15px;max-height:38px}.page-platform{font-size:11px;margin-top:4px}.page-queue{font-size:13px;margin-top:4px}.soci-footer{font-size:11px;padding-top:17px}.weather-panel .panel-heading h2{font-size:20px}.weather-panel .tiny-tag{font-size:10px}.weather-main{height:130px}.temperature>span:first-child{font-size:84px}.degree{font-size:45px}.weather-condition{font-size:16px}.weather-art{transform:scale(1.35);margin-right:20px}.weather-details{font-size:10px;padding-bottom:15px}.weather-details strong{font-size:17px}.forecast-row{padding-top:14px}.forecast-row span{font-size:11px}.forecast-row strong{font-size:16px}.weather-observed{font-size:10px;margin-top:13px}.ranking-note{font-size:13px;margin:10px 0}.video-title{font-size:15px}.video-meta{font-size:11px}.video-rank{font-size:13px}.video-metric strong{font-size:21px}.video-metric>span{font-size:9px}.notifications-panel .panel-heading h2{font-size:21px}.notifications-panel .tiny-tag{font-size:10px}.notification-list{gap:13px;padding-top:18px}.notification h3{font-size:15px}.notification p{font-size:12px}.notification time{font-size:10px}.notification-footer{font-size:9px}.screen-footer{min-height:58px;font-size:13px}.footer-focus{font-size:11px}.footer-focus>span:first-child{font-size:8px}}
@media(max-height:650px) and (min-width:900px){.dashboard{padding:17px 25px 8px}.screen-header{min-height:70px;padding-bottom:12px}.screen-grid{gap:11px}.soci-panel,.weather-panel,.videos-panel,.notifications-panel{padding-top:13px;padding-bottom:10px}.soci-subheading{margin-bottom:7px}.soci-footer{padding-top:7px}.page-bubbles{gap:4px 8px}.page-avatar{width:32px;height:32px;font-size:10px}.page-detail h3{font-size:10px;max-height:25px}.page-platform{font-size:8px;margin:2px 0}.page-queue{font-size:9px}.weather-main{height:73px}.temperature>span:first-child{font-size:48px}.weather-art{transform:scale(.8);transform-origin:right center}.forecast-row{padding-top:6px}.weather-observed{margin-top:5px}.notification-list{padding-top:8px;gap:6px}.notification p{-webkit-line-clamp:1}.notification time{display:none}.screen-footer{min-height:34px}}
@media(max-width:1050px){.editor-workspace{gap:28px;grid-template-columns:minmax(0,1fr) 330px}.settings-panel{padding:22px}.editor-intro{margin-bottom:40px}.editor-intro h1{font-size:45px}.independent-label{display:none}.intro-note{margin-right:2%}.editor-footer{margin:0 5%}.preview-caption{font-size:7px}}
@media(max-width:800px){.editor-header{height:80px;padding:0 6%}.editor-brand{font-size:21px}.button-outline{font-size:10px;padding:11px 12px;gap:13px}.editor-main{padding:35px 6% 40px}.editor-intro h1{font-size:44px}.editor-intro{margin-bottom:34px}.intro-note{display:none}.editor-workspace{display:flex;flex-direction:column;gap:34px}.preview-section,.settings-panel{width:100%}.settings-panel{margin-top:0;padding:24px}.preview-note{margin-top:9px}.demo-explainer{margin-top:23px;padding-top:20px}.editor-footer{margin:0 6%;gap:20px;line-height:1.7}.preview-frame{border-width:6px;border-radius:13px}.theme-option{padding:12px}.save-bar>p{font-size:11px}}
@media(max-width:700px){.display-page:not(.tv-mode){overflow:auto}.display-page:not(.tv-mode) .dashboard{height:auto;min-height:100vh;padding:21px 18px}.display-page:not(.tv-mode) .screen-header{align-items:flex-start;gap:14px;padding-bottom:21px}.display-page:not(.tv-mode) .screen-brand{gap:10px}.display-page:not(.tv-mode) .screen-brand .brand-mark{width:33px;height:33px;border-radius:11px;font-size:23px}.display-page:not(.tv-mode) .screen-brand .eyebrow{max-width:180px;font-size:7px;letter-spacing:1px}.display-page:not(.tv-mode) .screen-brand h1{font-size:17px;max-width:180px;margin-top:6px}.display-page:not(.tv-mode) .header-right{gap:0}.display-page:not(.tv-mode) .header-clock .clock-line time{font-size:29px;letter-spacing:-1px}.display-page:not(.tv-mode) .clock-suffix{font-size:8px}.display-page:not(.tv-mode) .date-line{font-size:8px;gap:4px;margin-top:7px}.display-page:not(.tv-mode) .edit-link{display:none}.display-page:not(.tv-mode) .screen-grid{display:flex;flex-direction:column;gap:15px}.display-page:not(.tv-mode) .soci-panel{min-height:320px;padding:20px 17px}.display-page:not(.tv-mode) .page-bubbles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0}.display-page:not(.tv-mode) .soci-subheading{font-size:8px;gap:4px}.display-page:not(.tv-mode) .weather-panel{min-height:250px;order:3}.display-page:not(.tv-mode) .videos-panel{min-height:270px;order:2}.display-page:not(.tv-mode) .notifications-panel{min-height:270px;order:4}.display-page:not(.tv-mode) .video-title{font-size:12px}.display-page:not(.tv-mode) .video-meta{font-size:9px}.display-page:not(.tv-mode) .notification-list{min-height:150px}.display-page:not(.tv-mode) .notification h3{font-size:13px}.display-page:not(.tv-mode) .notification p{font-size:11px}.display-page:not(.tv-mode) .screen-footer{flex-direction:column;align-items:flex-start;gap:12px;padding-top:20px}.display-page:not(.tv-mode) .screen-footer>div,.display-page:not(.tv-mode) .footer-focus{max-width:100%}}
.account-roster{margin-top:54px;padding-top:35px;border-top:1px solid var(--line)}.roster-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.roster-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.roster-heading h2{font-size:27px;font-weight:400;letter-spacing:-.6px;margin:12px 0 9px}.roster-heading p{font-size:12px;color:#829aac;margin:0}.roster-count{font-size:9px;letter-spacing:1px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2);padding:11px 14px;border-radius:7px;white-space:nowrap}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.roster-grid>.data-empty{grid-column:1/-1;padding:30px}.roster-card{background:#12202d;border:1px solid var(--line);border-radius:11px;padding:15px;display:flex;align-items:center;gap:11px;min-width:0}.roster-card.warning .page-avatar{border-color:#665644;color:#ecc68f;background:#383329}.roster-card.muted .page-avatar{border-color:#435160;color:#9eaebd;background:#26313e}.roster-card.warning .page-health-dot{background:#d8b174}.roster-card.muted .page-health-dot{background:#8390a0}.roster-detail{flex:1;min-width:0}.roster-detail h3{font-size:11px;font-weight:500;line-height:1.4;color:#ccdbe3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-detail p{font-size:9px;color:#718ca1;margin:5px 0 0;text-transform:capitalize}.roster-queue{font-size:9px;color:#95c9aa;white-space:nowrap}.roster-card.warning .roster-queue{color:#d4b17d}.roster-card.muted .roster-queue{color:#8b9eae}.roster-note{font-size:10px;color:#6e899d;margin:17px 0 0;line-height:1.6}@media(max-width:1100px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.account-roster{margin-top:35px;padding-top:28px}.roster-heading{align-items:flex-start;flex-direction:column;gap:17px}.roster-heading h2{font-size:25px}.roster-count{font-size:8px;padding:9px 12px}.roster-grid{grid-template-columns:1fr}.roster-card{padding:13px}.roster-detail h3{font-size:12px}.roster-queue{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}