:root{--green:#087f5b;--green2:#12a678;--deep:#073b2d;--ink:#15241f;--muted:#70817b;--bg:#f4f7f6;--line:#e4ece8;--card:#fff;--shadow:0 12px 35px rgba(18,55,45,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#063b2e 0%,#075b45 100%);color:#fff;box-shadow:8px 0 30px rgba(2,45,34,.12);display:flex;flex-direction:column}.brand-wrap{height:82px;display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0;flex:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#16b67f,#0a7658);font-weight:900;letter-spacing:-1px}.brand strong{display:block;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block;color:#a9d9ca;margin-top:3px;font-size:11px}.sidebar-toggle{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:9px;width:34px;height:34px}.nav{padding:16px 12px;overflow:auto}.nav-link{display:flex;align-items:center;gap:12px;color:#cfece2;text-decoration:none;padding:11px 13px;border-radius:11px;margin:3px 0;font-size:13px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link:focus{background:rgba(255,255,255,.09);color:#fff}.nav-link[href="dashboard.php"]{background:rgba(255,255,255,.12);color:#fff}.nav-ico{width:23px;text-align:center;font-weight:800;font-size:15px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer a{display:block;color:#cfece2;text-decoration:none;padding:12px;border-radius:10px}.sidebar-footer a:hover{background:rgba(255,255,255,.08);color:#fff}.main{margin-left:260px;min-height:100vh}.top{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.top strong{font-size:18px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:800;margin-bottom:3px}.top-actions{display:flex;align-items:center;gap:14px}.institution{font-size:12px;color:#71807b}.institution b{color:#a8b8b2}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#31463f;text-decoration:none;font-size:17px}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff5ed;color:var(--green);font-weight:900}.content{padding:30px}.alert-modern{border:0;border-radius:12px;box-shadow:var(--shadow)}.dashboard-hero{display:flex;justify-content:space-between;gap:25px;padding:30px;border-radius:20px;background:linear-gradient(135deg,#063f30,#0a6d50);color:#fff;box-shadow:0 18px 40px rgba(4,68,50,.18);position:relative;overflow:hidden}.dashboard-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-180px;background:rgba(255,255,255,.07)}.dashboard-hero h1{font-size:27px;margin:13px 0 8px;letter-spacing:-.7px}.dashboard-hero p{margin:0;color:#cce9df;max-width:700px;font-size:13px}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e0f6ed;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1px}.dashboard-hero .pill{background:rgba(255,255,255,.12);color:#d8fff1}.hero-actions{display:flex;align-items:center;gap:9px;z-index:1}.btn-primary-modern{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.dashboard-hero .btn-primary-modern{background:#fff;color:var(--deep);border-color:#fff}.btn-ghost-modern{background:#fff;border:1px solid var(--line);color:#294039;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.dashboard-hero .btn-ghost-modern{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:var(--shadow)}.kpi-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e7f7f1;color:var(--green);font-weight:900;font-size:19px}.kpi-card small{display:block;font-size:9px;letter-spacing:1.2px;color:#7b8b85;font-weight:900}.kpi-card b{display:block;font-size:27px;line-height:1.05;margin:4px 0}.kpi-card span{font-size:10px;color:#8b9994}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.panel-modern{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:20px}.panel-modern.compact{min-height:160px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:17px}.panel-head h3{font-size:16px;margin:0 0 4px}.panel-head p{margin:0;color:#85928e;font-size:11px}.panel-head>a{font-size:11px;font-weight:800;color:var(--green);text-decoration:none}.tv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.tv-card{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfdfc}.tv-top{display:flex;align-items:center;gap:7px;font-size:11px}.status-dot,.health-dot{width:8px;height:8px;border-radius:50%;background:#1db77f;display:inline-block}.status-dot.offline,.health-dot.danger{background:#e25b5b}.mode-badge{margin-left:auto;padding:3px 6px;border-radius:5px;background:#edf6f2;color:#557168;font-size:8px;font-weight:900}.tv-name{font-size:12px;font-weight:800;margin:9px 0 3px}.tv-meta{font-size:10px;color:#85928e}.tv-card>a{display:inline-block;margin-top:8px;color:var(--green);font-size:10px;font-weight:800;text-decoration:none}.agenda-list{display:flex;flex-direction:column;gap:8px}.agenda-item{display:flex;gap:11px;padding:9px;border:1px solid var(--line);border-radius:11px}.date-box{width:40px;height:40px;border-radius:10px;background:#e8f7f1;color:var(--green);display:grid;place-items:center;align-content:center;line-height:1}.date-box b{font-size:14px}.date-box small{font-size:8px;text-transform:uppercase}.agenda-item strong{display:block;font-size:11px}.agenda-item span{display:block;color:#84918d;font-size:9px;margin-top:4px}.empty-state{padding:25px;text-align:center;color:#87938f;font-size:11px}.health{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.health>div{border:1px solid var(--line);padding:12px;border-radius:11px}.health strong{display:block;font-size:10px;margin:7px 0 2px}.health em{font-style:normal;color:#80908a;font-size:9px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions a{padding:12px;border:1px dashed #cfe0da;border-radius:10px;color:#416057;text-decoration:none;font-size:10px;font-weight:800;background:#fbfdfc}.settings-head,.studio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.settings-head h1,.studio-head h1{margin:10px 0 5px;font-size:25px;letter-spacing:-.5px}.settings-head p,.studio-head p{margin:0;color:#82908b;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:11px;font-weight:800;color:#4d6159}.form-grid .wide{grid-column:1/-1}.form-control{border:1px solid #dce7e2;border-radius:9px;padding:9px 11px;font-size:12px;margin-top:6px;box-shadow:none}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.upload-card{border:1px dashed #cbdcd6;border-radius:13px;padding:13px}.upload-preview{height:80px;border-radius:9px;background:#f3f7f5;display:grid;place-items:center;margin-bottom:9px}.upload-preview img{max-width:90%;max-height:65px}.upload-card strong{display:block;font-size:11px}.upload-card small{display:block;color:#89958f;font-size:9px;margin:3px 0 8px}.upload-card input{font-size:9px;width:100%}.studio-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.studio-tab{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;text-decoration:none;color:#63736d;font-size:10px;font-weight:800;white-space:nowrap}.studio-tab span{color:var(--green);margin-right:6px}.studio-tab.active{border-color:#8ed4bd;background:#eaf8f3;color:var(--green)}.studio-layout{display:grid;grid-template-columns:235px 1fr;gap:15px}.studio-sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);align-self:start}.palette-head h3{margin:0;font-size:14px}.palette-head small{font-size:9px;color:#899690}.palette{margin-top:13px;display:flex;flex-direction:column;gap:7px}.palette-item{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);background:#fbfdfc;border-radius:10px;padding:9px;cursor:grab;color:#29433a}.palette-item:hover{border-color:#9ddac6;background:#f2fbf7}.palette-item b{display:block;font-size:10px}.palette-item small{display:block;color:#91a09a;font-size:8px}.component-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e5f6f0;color:var(--green);font-weight:900}.plus{margin-left:auto;color:#8aa09a}.studio-tip{margin-top:13px;padding:10px;border-radius:10px;background:#f3f8f6}.studio-tip b{font-size:9px}.studio-tip p{font-size:8px;color:#80918b;line-height:1.5;margin:4px 0 0}.studio-main{min-width:0}.canvas-toolbar{background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;padding:13px 15px;display:flex;justify-content:space-between;align-items:center}.canvas-toolbar strong{display:block;font-size:12px}.canvas-toolbar span{font-size:9px;color:#8a9792}.preview-shell{background:#dfe8e4;padding:18px;border:1px solid var(--line);border-top:0}.live-preview{background:#07120f;border-radius:11px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.16);aspect-ratio:16/9;display:flex;flex-direction:column}.preview-header{height:10%;min-height:28px;background:#fff;color:#15332a;display:flex;align-items:center;justify-content:space-between;padding:0 2%;font-size:1.1vw}.preview-logo{width:28px;height:28px;border-radius:7px;background:#0a7d5a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:9px}.canvas{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);gap:5px;padding:5px;height:78%;background:linear-gradient(135deg,#11251e,#0a1713)}.canvas:before{content:"";position:absolute;inset:5px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:8.333% 16.666%;pointer-events:none}.layout-block{position:relative;grid-column:calc(var(--x) + 1) / span var(--w);grid-row:calc(var(--y) + 1) / span var(--h);background:#f8fbfa;border:2px solid #4fc29b;border-radius:8px;overflow:hidden;z-index:2;touch-action:none;cursor:move;box-shadow:0 5px 14px rgba(0,0,0,.14)}.layout-block.dragging{opacity:.8;transform:scale(1.01);z-index:20}.layout-block.resizing{opacity:.85}.block-title{height:20%;min-height:17px;padding:3px 5px;background:#e8f7f1;color:#17664e;font-size:7px;font-weight:900;display:flex;align-items:center;gap:3px}.drag-grip{font-size:10px;cursor:grab}.remove-block{margin-left:auto;border:0;background:transparent;color:#a04b4b;font-weight:900;line-height:1;padding:0 3px}.block-content{height:80%;display:grid;place-items:center;color:#82918b}.fake-video{width:70%;height:65%;border-radius:5px;background:#19352c;display:grid;place-items:center;color:#8be0c3;font-size:20px}.fake-image{width:70%;height:62%;border-radius:5px;background:linear-gradient(135deg,#d9eee7,#edf6f2);display:grid;place-items:center;color:#6f8b82;font-size:8px;font-weight:900}.fake-lines{width:82%;display:flex;flex-direction:column;gap:5px}.fake-lines i{height:4px;background:#d9e8e3;border-radius:5px}.fake-lines i:nth-child(1){width:85%}.fake-lines i:nth-child(2){width:96%}.fake-lines i:nth-child(3){width:70%}.fake-lines i:nth-child(4){width:90%}.fake-bars{height:75%;width:75%;display:flex;align-items:end;gap:5px}.fake-bars i{flex:1;background:#2da980;border-radius:3px 3px 0 0}.fake-text{display:flex;flex-direction:column;gap:5px;font-size:8px;padding:12px}.fake-text span{color:#91a09a;font-size:7px}.resize-handle{position:absolute;right:1px;bottom:0;color:#0c7657;font-size:11px;cursor:nwse-resize}.preview-ticker{height:12%;background:#087f5b;color:#fff;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:8px;padding:0 10px}.layout-form{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:15px}.layout-meta{display:grid;grid-template-columns:1.1fr 1.5fr .7fr auto;gap:10px;align-items:end}.layout-meta label{font-size:10px;font-weight:800;color:#50645b}.canvas-actions .btn{font-size:10px}.sidebar-collapsed .sidebar{width:74px}.sidebar-collapsed .brand span:not(.brand-mark),.sidebar-collapsed .nav-link span:not(.nav-ico),.sidebar-collapsed .sidebar-footer span{display:none}.sidebar-collapsed .main{margin-left:74px}@media(max-width:1100px){.institution{display:none}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:1fr}.studio-sidebar{order:2}.layout-meta{grid-template-columns:1fr 1fr}.layout-meta .btn{grid-column:1/-1}.logo-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:74px}.brand span:not(.brand-mark),.nav-link span:not(.nav-ico),.sidebar-footer span{display:none}.main{margin-left:74px}.content{padding:16px}.top{padding:0 16px}.user-chip>span:last-child{display:none}.dashboard-hero{flex-direction:column}.hero-actions{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr}.tv-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.logo-grid{grid-template-columns:1fr}}
.brand-mark img{max-width:27px;max-height:27px;object-fit:contain}.nav-link.active{background:rgba(255,255,255,.12);color:#fff}
.preview-media-name{width:90%;padding:7px;border-radius:6px;background:#17382e;color:#bcebd9;font-size:8px;text-align:center}.preview-media-name small{display:block}.studio-preview-img{width:100%;height:100%;object-fit:cover}.preview-agenda{width:88%;display:flex;flex-direction:column;gap:4px}.preview-agenda>div{display:grid;grid-template-columns:25px 1fr;gap:5px;padding:3px 0;border-bottom:1px solid #dce9e4;font-size:7px}.preview-agenda b{color:#0a7d5a}.preview-agenda span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fake-video small{display:block;font-size:7px}.fake-bars i{min-width:4px}

/* Sidebar navigation refinement v2.1 */
.sidebar .nav{padding:14px 12px 18px;scrollbar-width:thin;}
.nav-section{margin:0 0 12px;padding:0 2px;}
.nav-section:last-child{margin-bottom:0;}
.nav-label{padding:7px 11px 5px;color:rgba(196,235,222,.55);font-size:8px;line-height:1;font-weight:900;letter-spacing:1.35px;}
.nav-link{position:relative;margin:2px 0;padding:10px 12px;min-height:39px;border:1px solid transparent;}
.nav-link.active{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.06);box-shadow:inset 3px 0 0 #55d3ad;}
.nav-link.active:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#69dfbb;box-shadow:0 0 0 3px rgba(105,223,187,.10);}
.nav-ico{width:22px;min-width:22px;color:#9bdcc9;font-size:14px;}
.nav-link.active .nav-ico{color:#fff;}
.sidebar-footer{padding:10px 12px 14px;background:rgba(0,0,0,.08);}
.sidebar-footer:before{content:"SYSTEM";display:block;padding:2px 11px 7px;color:rgba(196,235,222,.55);font-size:8px;font-weight:900;letter-spacing:1.35px;}
.footer-link{display:flex;align-items:center;gap:12px;color:#cfece2;text-decoration:none;padding:10px 12px;border-radius:10px;margin:2px 0;font-size:12px;font-weight:650;border:1px solid transparent;}
.footer-link:hover,.footer-link.active{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.06);}
.footer-link.active{box-shadow:inset 3px 0 0 #55d3ad;}
.footer-ico{width:22px;min-width:22px;text-align:center;color:#9bdcc9;font-size:14px;}
.logout-link{color:#b8d8cf;}
.logout-link:hover{color:#fff;background:rgba(255,255,255,.06);}
.sidebar-toggle{cursor:pointer;}
.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer:before{display:none}
.sidebar-collapsed .nav-section{margin-bottom:7px;}
.sidebar-collapsed .nav-link,.sidebar-collapsed .footer-link{justify-content:center;padding-left:9px;padding-right:9px;}
.sidebar-collapsed .nav-link.active:after{right:5px;}
@media(max-width:760px){.nav-label,.sidebar-footer:before{display:none}.nav-section{margin-bottom:6px}.sidebar-footer{padding-bottom:10px}}

.status-dot.stale{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.10)}.tv-last{font-size:9px;color:#8b9893;margin-top:4px;font-weight:700}.tv-card .status-dot{display:inline-block}
/* Layout Studio 2.0 */
.studio-bottom{display:grid;grid-template-columns:1fr 280px;gap:12px;align-items:start}.inspector{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:15px;position:sticky;top:95px}.inspector-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:14px}.inspector-head h3{font-size:14px;margin:3px 0 0}.selected-badge{font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px;background:#e8f7f1;color:var(--green)}.inspector-empty{font-size:10px;line-height:1.6;color:#87948f;background:#f5f9f7;border-radius:10px;padding:12px}.inspector-fields label{font-size:9px;font-weight:800;color:#53665e;display:block;margin-bottom:9px}.inspector-fields .form-control{margin-top:5px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-row,.check-stack label{display:flex!important;align-items:center;gap:6px;font-weight:700!important}.check-row input,.check-stack input{accent-color:var(--green)}.check-stack{background:#f5f9f7;border-radius:10px;padding:9px;margin:3px 0 10px}.check-stack label{margin-bottom:6px!important}.check-stack label:last-child{margin-bottom:0!important}.color-input{height:35px;padding:4px!important}.btn-danger-soft{width:100%;border:1px solid #f0d2d2;background:#fff4f4;color:#b54e4e;border-radius:9px;padding:9px;font-size:10px;font-weight:800}.component-count{font-size:9px;font-weight:900;background:#e8f7f1;color:var(--green);padding:5px 7px;border-radius:999px}.layout-block.selected{border-color:#fff;outline:2px solid #54caa2;box-shadow:0 0 0 4px rgba(84,202,162,.14),0 8px 18px rgba(0,0,0,.2)}.layout-block.dragging{cursor:grabbing;opacity:.82;transform:scale(1.015);box-shadow:0 14px 30px rgba(0,0,0,.3);z-index:50}.layout-block[data-drag-valid="0"]{outline:2px dashed #ff8a8a!important;opacity:.72}.canvas.drop-ready{outline:2px dashed #20a87d;outline-offset:-3px}.canvas.drop-ready:after{content:"Lepaskan di posisi ini";position:absolute;inset:8px;display:grid;place-items:center;border:2px dashed rgba(32,168,125,.35);color:#9de4c8;font-size:11px;font-weight:800;letter-spacing:.05em;pointer-events:none;z-index:60}.layout-block{background:var(--block-bg,#f8fbfa)}.block-title{background:var(--block-accent,#e8f7f1)}@media(max-width:1200px){.studio-bottom{grid-template-columns:1fr}.inspector{position:static}}@media(max-width:760px){.studio-bottom{grid-template-columns:1fr}.prop-grid{grid-template-columns:1fr 1fr}}
.nav-live-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.12),0 0 12px rgba(255,107,107,.8)}.nav-link.active .nav-live-dot{background:#ff8a8a}.sidebar-collapsed .nav-live-dot{display:none}
/* v3.3 modern content + fleet additions */
.content-tabs{display:flex;gap:8px;margin-bottom:14px}.content-tabs a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:#64756e;font-size:10px;font-weight:800}.content-tabs a.active,.content-tabs a:hover{background:#e9f8f2;color:var(--green);border-color:#9ad8c4}.media-pick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-height:190px;overflow:auto}.media-pick{border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;background:#fff}.media-pick:has(input:checked){border-color:#53bd9b;background:#eefaf6}.media-pick input{position:absolute;opacity:0}.media-pick img{width:100%;height:75px;object-fit:cover;border-radius:7px;display:block}.media-pick span{display:block;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.embed-thumb{width:150px;height:80px;border-radius:8px;background:linear-gradient(135deg,#151515,#383838);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.count-badge{display:inline-flex;vertical-align:middle;margin-left:6px;padding:4px 7px;border-radius:999px;background:#e9f8f2;color:var(--green);font-size:9px}.tv-fleet td{vertical-align:top}.carousel-picks{display:grid;grid-template-columns:34px 55px 28px;gap:4px;align-items:center;max-width:130px}.carousel-picks label{font-size:9px;white-space:nowrap}.carousel-picks .dur{width:55px;padding:4px;border:1px solid #dce7e2;border-radius:6px;font-size:9px}.carousel-picks small{font-size:8px;color:#899690}.tv-config{display:contents}.studio-component-icon{font-size:30px;color:var(--green);line-height:1}.layout-block.selected{outline:2px solid #18a779;outline-offset:2px}.conditional{display:none}.studio-layout{grid-template-columns:220px minmax(0,1fr)}
@media(max-width:1100px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{position:static}.palette{display:grid;grid-template-columns:repeat(3,1fr)}.media-pick-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}