*{box-sizing:border-box}body{color:#eef7f4;background:#07110f;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{color:#06110e;cursor:pointer;background:#29d3a2;border:0;border-radius:10px;padding:11px 16px;font-weight:800}button:disabled{opacity:.45;cursor:not-allowed}main{grid-template-columns:235px 1fr;min-height:100vh;display:grid}aside{background:#0a1613;border-right:1px solid #19312b;flex-direction:column;gap:28px;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>span{color:#49e6b7;background:#123b31;border-radius:11px;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.brand b{letter-spacing:.08em;font-size:19px}.brand small{color:#74978d;font-size:11px;display:block}.big>span{width:48px;height:48px}.big b{font-size:24px}nav{gap:7px;display:grid}nav a{color:#8ba79f;cursor:pointer;border-radius:9px;padding:10px 12px}nav .active{color:#ebfff9;background:#10231e}.logout{color:#9ab8af;background:0 0;border:1px solid #244139;margin-top:auto}section{width:100%;max-width:1600px;padding:34px 42px;overflow:hidden}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{margin:0 0 5px;font-size:30px}h2{margin:0;font-size:18px}h3{margin:0 0 7px}p{color:#78978e;margin:4px 0}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.cards article,.panel{background:#0d1c18;border:1px solid #19352e;border-radius:14px;padding:20px}.cards small{color:#7c9d94;display:block}.cards strong{margin-top:8px;font-size:32px;display:block}.grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.panelHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.secondary{color:#74e9c4;background:#132b25;border:1px solid #245244}.ghost{color:#72d8b9;background:0 0;border:1px solid #29483f;padding:8px 11px}.wide{width:100%;margin-top:14px}.row{border-top:1px solid #163029;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.row small{color:#6f9188;margin-top:4px;display:block}.empty{color:#6f9188;padding:25px 0}.status{align-items:center;gap:11px;margin-top:16px;display:flex}.status small{color:#6f9188;display:block}.dot,.miniDot{background:#29d3a2;border-radius:50%;width:9px;height:9px;display:inline-block}.miniDot{background:#506a63}.miniDot.on{background:#29d3a2}.notice{color:#9df1d5;background:#0e2820;border:1px solid #275444;border-radius:10px;margin-bottom:14px;padding:11px 14px}.login{place-items:center;min-height:100vh;padding:30px;display:grid}.login form{background:#0d1c18;border:1px solid #19352e;border-radius:18px;gap:12px;width:390px;padding:30px;display:grid}.login .brand{margin-bottom:10px}.login input,.security input,.fleetTools input{color:#fff;background:#081410;border:1px solid #234039;border-radius:10px;padding:12px}.login button{width:100%}.passkey{color:#b7d8cf;background:0 0;border:1px solid #285347}.or{color:#55756c;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;display:flex}.or span{background:#1a332d;flex:1;height:1px}.error{color:#ff9e9e;font-size:13px}.modal{z-index:30;background:#020806d9;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.security{background:#0b1815;border:1px solid #24463d;border-radius:18px;width:min(900px,100%);max-height:90vh;padding:24px;overflow:auto}.securityGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.securityCard{background:#0d211b;border:1px solid #1c4036;border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.securityCard p{min-height:38px}.secret{color:#9ef0d5;overflow-wrap:anywhere;background:#06100d;border:1px solid #1d3a32;border-radius:9px;padding:11px;font-size:12px}.totpInput{letter-spacing:.35em;text-align:center;font-size:22px!important}.fleetStats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.fleetStats>div{background:#0d1c18;border:1px solid #19352e;border-radius:12px;padding:16px 18px}.fleetStats b{font-size:25px;display:block}.fleetStats span{color:#78978e;font-size:12px}.fleetTools{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.fleetTools>input{width:min(390px,40%)}.bulk{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bulk span{color:#78978e;margin-right:5px;font-size:12px}.displayGrid{grid-template-columns:repeat(auto-fill,minmax(365px,1fr));gap:16px;display:grid}.displayCard{background:#0c1a17;border:1px solid #203c35;border-radius:15px;overflow:hidden}.displayCard.online{border-color:#245044}.displayCard.offline{opacity:.76}.screenPreview{background:#030806;height:190px;position:relative;overflow:hidden}.screenPreview img{object-fit:cover;width:100%;height:100%}.screenBlank{text-align:center;background:radial-gradient(circle,#102a23,#050b09 70%);place-content:center;height:100%;display:grid}.screenBlank span{letter-spacing:.16em;color:#2f705d;font-size:25px;font-weight:900}.screenBlank small{color:#58756d;margin-top:7px}.screenPreview label{background:#07110fd9;border-radius:8px;padding:7px 8px;position:absolute;top:12px;left:12px}.screenPreview input{accent-color:#29d3a2}.livePill{color:#9fc4ba;background:#07110fd9;border-radius:20px;padding:6px 9px;font-size:11px;position:absolute;top:12px;right:12px}.online .livePill{color:#66e8c0}.displayBody{padding:16px}.displayTitle{justify-content:space-between;align-items:start;gap:10px;display:flex}.displayTitle h3{font-size:18px}.displayTitle p{font-size:12px}.current{background:#091410;border:1px solid #18322b;border-radius:10px;gap:3px;margin:15px 0;padding:12px;display:grid}.current small,.telemetry small{letter-spacing:.09em;color:#64857c;font-size:9px}.current span,.telemetry span{color:#64857c;font-size:10px}.current b{font-size:13px}.telemetry{grid-template-columns:repeat(3,1fr);gap:13px 10px;display:grid}.telemetry>div{gap:2px;min-width:0;display:grid}.telemetry b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cardActions{border-top:1px solid #183029;gap:8px;margin-top:15px;padding-top:13px;display:flex}.fleetEmpty{text-align:center;color:#83a79d;border:1px dashed #285047;border-radius:14px;padding:70px 20px}.fleetEmpty b{font-size:20px}.fleetEmpty button{margin-top:16px}@media (width<=900px){main{grid-template-columns:1fr}aside{display:none}section{padding:24px}.cards,.fleetStats{grid-template-columns:1fr 1fr}.grid,.securityGrid{grid-template-columns:1fr}.fleetTools{flex-direction:column;align-items:stretch}.fleetTools>input{width:100%}.bulk{justify-content:flex-start}.displayGrid{grid-template-columns:1fr}}.contentForm{gap:14px;display:grid}.contentForm label,.securityCard label{color:#8ba79f;gap:6px;font-size:13px;display:grid}.contentForm input,.contentForm select,.securityCard select,.securityCard input{color:#eefbf7;background:#07110f;border:1px solid #1c493e;border-radius:8px;padding:11px}.row code{text-overflow:ellipsis;white-space:nowrap;color:#8ba79f;max-width:100%;margin-top:5px;display:block;overflow:hidden}.securityCard button{margin-top:12px}aside nav a,aside nav a:link,aside nav a:visited,aside nav a:hover,aside nav a:active{color:#8ba79f!important;text-decoration:none!important}aside nav a.active,aside nav a.active:link,aside nav a.active:visited,aside nav a.active:hover,aside nav a.active:active{color:#eefbf7!important}.deleteConfirm{margin-top:12px}.deleteConfirm input{color:#eefbf7;background:#07110f;border:1px solid #6b3b3b;border-radius:8px;width:100%;padding:11px}.deleteActions{justify-content:flex-end;gap:10px;display:flex}.dangerButton{border-color:#8d4545!important}.dangerZone code{-webkit-user-select:all;user-select:all}.screenPreview{height:260px}.screenZoom{cursor:zoom-in;width:100%;height:100%;display:block;position:relative}.screenZoom img{object-fit:cover;width:100%;height:100%}.zoomHint{color:#9fc4ba;opacity:0;background:#07110fd9;border-radius:999px;padding:6px 9px;font-size:11px;transition:opacity .15s;position:absolute;bottom:12px;left:12px}.screenZoom:hover .zoomHint{opacity:1}.orgWorkspace{grid-template-columns:270px minmax(520px,1fr) 340px;gap:12px;min-height:calc(100vh - 68px);display:grid}.orgTree,.orgCenter,.orgRight{background:#0b1815;border:1px solid #19352e;border-radius:12px;overflow:hidden}.orgTree{padding:14px 10px}.orgTreeHead{justify-content:space-between;align-items:center;padding:4px 8px 12px;display:flex}.orgTreeHead b{color:#eef7f4;display:block}.orgTreeHead small{color:#78978e;margin-top:3px;display:block}.miniBtn{border-radius:8px;width:32px;height:32px;padding:0}.treeRow{color:#a8c4bc;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.treeRow:hover,.treeRow.selected{color:#effff9;background:#10231e}.treeRow span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.treeRow em{color:#8eb6aa;background:#132b25;border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal}.treeRow.group{padding-left:28px}.treeRow.device{padding-left:45px;font-size:13px}.folderGlyph{color:#5bcdae!important;flex:none!important}.onlineDot,.offlineDot{background:#29d3a2;border-radius:50%;flex:none;width:8px;height:8px}.offlineDot{background:#506a63}.orgCenter{padding:14px;overflow:auto}.orgToolbar,.selectedPreviewHead,.rightTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.orgToolbar h1,.selectedPreviewHead h2,.rightTitle h2{color:#eef7f4;margin:0}.orgToolbar p,.selectedPreviewHead p,.rightTitle p{color:#78978e;margin:4px 0 0}.orgFilters{align-items:center;gap:12px;margin:14px 0;display:flex}.orgFilters input{color:#eef7f4;background:#081410;border:1px solid #234039;border-radius:8px;flex:1;padding:10px}.orgFilters span{color:#78978e;font-size:12px}.displayTable{border:1px solid #19352e;border-radius:10px;overflow:hidden}.displayTableHead,.displayTableRow{grid-template-columns:1.35fr 1.15fr .7fr .8fr;align-items:center;gap:12px;display:grid}.displayTableHead{color:#78978e;text-transform:uppercase;letter-spacing:.08em;background:#091410;padding:10px 14px;font-size:11px}.displayTableRow{color:#dcece7;text-align:left;background:0 0;border:0;border-top:1px solid #163029;width:100%;padding:12px 14px}.displayTableRow:hover,.displayTableRow.selected{background:#10231e}.displayTableRow span{min-width:0}.displayTableRow b,.displayTableRow small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.displayTableRow small{color:#78978e;margin-top:3px}.pillOn,.pillOff{color:#49e6b7;background:#0e3328;border-radius:999px;width:max-content;padding:5px 9px;font-size:12px;display:inline-flex}.pillOff{color:#819a92;background:#1a2521}.selectedPreview{background:#091410;border:1px solid #19352e;border-radius:10px;margin-top:14px;padding:12px}.previewFrame{aspect-ratio:16/9;color:#58756d;background:#000;border:1px solid #234039;border-radius:8px;place-items:center;margin-top:12px;display:grid;overflow:hidden}.previewFrame img{object-fit:cover;width:100%;height:100%}.orgRight{padding:0 12px 14px;overflow:auto}.tabs{border-bottom:1px solid #19352e;gap:6px;padding:10px 0;display:flex;overflow-x:auto}.tabs button{color:#78978e;white-space:nowrap;background:0 0;border-radius:7px;padding:9px 10px}.tabs button.active{color:#74e9c4;background:#10231e}.rightTitle{padding:16px 4px}.rightCard{background:#0d1c18;border:1px solid #19352e;border-radius:10px;margin-bottom:12px;padding:13px}.rightCard small{color:#78978e;letter-spacing:.08em}.rightCard h3{color:#eef7f4;margin:8px 0 12px}.rightCard label{color:#8ba79f;gap:6px;font-size:12px;display:grid}.rightCard select{color:#eef7f4;background:#081410;border:1px solid #234039;border-radius:8px;width:100%;padding:10px}.rightCard dl{margin:8px 0 0}.rightCard dl div{border-bottom:1px solid #163029;justify-content:space-between;padding:7px 0;display:flex}.rightCard dt{color:#78978e}.rightCard dd{color:#dcece7;margin:0}.switchCountdown{color:#74e9c4;background:#0e2820;border:1px solid #275444;border-radius:8px;margin:10px 0;padding:9px 10px;font-weight:700}.orgModalBackdrop{z-index:50;background:#020806d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.orgModal{background:#0b1815;border:1px solid #24463d;border-radius:16px;width:min(460px,100%);padding:20px}.orgModal p{margin:6px 0 14px}.orgModal input{color:#fff;background:#081410;border:1px solid #234039;border-radius:10px;width:100%;padding:12px}.orgModal>div{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=1150px){.orgWorkspace{grid-template-columns:220px minmax(0,1fr)}.orgRight{grid-column:1/-1;max-height:none;display:block}.rightTitle{padding-top:12px}}@media (width<=760px){section{padding:14px}.orgWorkspace{flex-direction:column;gap:10px;min-height:0;display:flex}.orgTree{order:1;padding:8px;overflow:auto hidden}.orgTreeHead{z-index:2;background:#0b1815;padding:4px 4px 8px;position:sticky;left:0}.treeBranch{display:contents}.orgTree>.treeRow,.treeBranch>.treeRow{min-width:max-content}.orgTree{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.orgTreeHead{min-width:170px}.treeRow{width:auto;padding:8px 10px}.treeRow.group,.treeRow.device{padding-left:10px}.treeRow em{display:none}.orgCenter{order:2;padding:10px;overflow:visible}.orgRight{order:3;padding:0 10px 10px;overflow:visible}.orgToolbar{align-items:flex-start}.orgToolbar h1{font-size:24px}.orgToolbar button{padding:9px 11px}.orgFilters{margin:10px 0}.orgFilters span,.displayTableHead{display:none}.displayTable{border:0;gap:8px;display:grid}.displayTableRow{border:1px solid #19352e;border-radius:10px;grid-template-columns:1fr auto;padding:11px}.displayTableRow>span:nth-child(2){grid-column:1}.displayTableRow>span:nth-child(3){grid-area:1/2}.displayTableRow>span:nth-child(4){color:#78978e;grid-area:2/2;font-size:11px}.selectedPreview{display:none}.tabs{z-index:3;background:#0b1815;position:sticky;top:0}.rightCard{margin-bottom:9px}.rightTitle{padding:12px 4px}.rightTitle h2{font-size:17px}}.designPage{min-width:0}.designPage>header{margin-bottom:10px}.editorBar{background:#0b1815;border:1px solid #19352e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:9px 10px;display:flex}.editorBar>input{color:#fff;background:#081410;border:1px solid #234039;border-radius:8px;min-width:190px;padding:9px 10px}.modeSwitch{background:#07110e;border:1px solid #234039;border-radius:8px;padding:2px;display:flex}.modeSwitch button{color:#78978e;background:0 0;border:0;padding:7px 10px}.modeSwitch button.active{color:#dff9f1;background:#173b31}.ratioPill{color:#8fb8ad;background:#10231e;border:1px solid #24483f;border-radius:999px;padding:7px 10px;font-size:11px}.historyTools{gap:5px;display:flex}.historyTools button{padding:7px 9px}.gridControls{align-items:center;gap:7px;margin-left:auto;display:flex}.gridControls label{color:#78978e;align-items:center;gap:4px;font-size:11px;display:flex}.gridControls input{color:#fff;background:#081410;border:1px solid #234039;border-radius:7px;width:46px;padding:7px}.gridControls input:disabled{opacity:.55}.lockBtn{color:#9bdcca;background:#10231e;border:1px solid #285347;padding:8px 10px}.lockBtn.locked{color:#63e6be;border-color:#2d6b59}.gridLockNote{color:#78978e;background:#0d211b;border:1px solid #1c4036;border-radius:9px;margin:-3px 0 10px;padding:7px 11px;font-size:10px}.templateDrawer{background:#0b1815;border:1px solid #19352e;border-radius:12px;grid-template-columns:220px repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:10px;padding:10px;display:grid}.templateDrawer>div{align-content:center;display:grid}.templateDrawer>div span{color:#78978e;margin-top:4px;font-size:11px}.templateCard{text-align:left;color:#eef7f4;background:#0d211b;border:1px solid #1c4036;padding:10px}.templateCard b,.templateCard span{display:block}.templateCard span{color:#78978e;margin-top:3px;font-size:10px}.designShell{grid-template-columns:92px minmax(0,1fr);gap:10px;min-height:720px;display:grid}.designShell.hasInspector{grid-template-columns:92px minmax(0,1fr) 250px}.widgetRail,.inspector,.designWorkspace{background:#0b1815;border:1px solid #19352e;border-radius:14px}.widgetRail{flex-direction:column;gap:6px;padding:10px 7px;display:flex;overflow:auto}.widgetRail>b{text-align:center;color:#78978e;margin:3px 0 6px;font-size:11px}.widgetRail button{color:#a9d9cc;background:#10231e;border:1px solid #21483d;place-items:center;gap:2px;min-height:48px;padding:5px;display:grid}.widgetRail button:disabled{opacity:.28}.widgetRail button span{font-size:17px}.widgetRail button small{font-size:8px;line-height:1.1}.designWorkspace{flex-direction:column;min-width:0;display:flex}.canvasWrap{background:radial-gradient(circle at 50% 45%,#10251f 0,#07110f 70%);flex:1;place-items:center;padding:28px;display:grid}.displayCanvas{aspect-ratio:16/9;background:#050907;border:8px solid #1b2925;border-radius:12px;width:min(100%,1180px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #0008}.gridCell{z-index:5;cursor:crosshair;background:#08110e66;border-bottom:1px solid #1f3c34;border-right:1px solid #1f3c34}.gridUnlocked .gridCell{cursor:not-allowed}.gridCell.selecting{background:#1d8065aa;box-shadow:inset 0 0 0 1px #48e6b6}.gridCell.occupied{background:#0a151244}.layoutZone{z-index:3;color:#dff9f1;background:#102a23f2;border:1px solid #2a6655;border-radius:7px;min-width:0;margin:3px;padding:0;display:grid;overflow:hidden}.layoutZone:hover,.layoutZone.active{border-color:#49e6b7;box-shadow:inset 0 0 0 1px #49e6b766}.contentMode .layoutZone{z-index:6;border-color:#17372e;border-radius:0;margin:0}.contentMode .layoutZone:hover,.contentMode .layoutZone.active{border-color:#49e6b7}.addWidget,.genericPreview,.mediaPreview,.clockPreview,.samplePreview{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:8px;display:flex}.addWidget{color:#6fa99a}.clockPreview b{font-size:clamp(18px,2.8vw,48px);line-height:1}.clockPreview span{color:#89b5aa;font-size:clamp(7px,.8vw,13px)}.analogClockWrap{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.analogClock{aspect-ratio:1;border:3px solid #a7e7d5;border-radius:50%;width:min(72%,120px);position:relative;box-shadow:inset 0 0 0 3px #0d211b}.analogClock:before{content:"";background:repeating-conic-gradient(#75cdb3 0deg 1deg,#0000 1deg 30deg);border-radius:50%;position:absolute;inset:7%;-webkit-mask:radial-gradient(circle,#0000 0 78%,#000 79%);mask:radial-gradient(circle,#0000 0 78%,#000 79%)}.analogClock i{transform-origin:50% 100%;border-radius:999px;position:absolute;bottom:50%;left:50%}.hourHand{background:#eafff8;width:4px;height:27%;margin-left:-2px}.minuteHand{background:#8de8cd;width:3px;height:37%;margin-left:-1.5px}.secondHand{background:#54d8af;width:1px;height:41%}.clockPin{background:#eafff8!important;width:8px!important;height:8px!important;margin:-4px!important;bottom:50%!important;left:50%!important}.analogClockWrap>span{color:#89b5aa;font-size:9px}.samplePreview{text-align:left;justify-content:center;align-items:stretch}.samplePreview b{margin-bottom:4px;font-size:clamp(9px,1.2vw,18px)}.samplePreview span{color:#a5c8be;border-bottom:1px solid #ffffff0d;padding:2px 0;font-size:clamp(6px,.75vw,12px)}.menuPreview em{float:right;color:#5ce2bc;font-style:normal}.mediaPreview{background:linear-gradient(135deg,#132923,#08110e)}.mediaPreview>span{color:#5ce2bc;font-size:clamp(18px,3vw,42px)}.mediaPreview small,.genericPreview span{color:#78978e;font-size:9px}.mergeHint{z-index:9;color:#7ff1d0;pointer-events:none;background:#0b1815ef;border:1px solid #49e6b7;border-radius:999px;padding:7px 12px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lockOverlay{z-index:8;pointer-events:none;background:#02080699;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lockOverlay b{font-size:18px}.lockOverlay span{color:#78978e;margin-top:4px}.designerHint{color:#6f9188;border-top:1px solid #19352e;padding:10px 14px;font-size:11px}.inspector{padding:14px;overflow:auto}.toolTitle{gap:3px;margin-bottom:12px;display:grid}.toolTitle small{color:#78978e}.inspectorCard{background:#0d1c18;border:1px solid #19352e;border-radius:10px;gap:5px;margin-bottom:10px;padding:12px;display:grid}.inspectorCard small{color:#64857c;letter-spacing:.08em;font-size:9px}.inspectorCard b{font-size:13px}.inspectorCard span{color:#78978e;font-size:11px;line-height:1.45}.clockStyleControl{border-top:1px solid #18332b;margin-top:10px;padding-top:10px}.clockStyleControl>small{margin-bottom:6px;display:block}.clockStyleControl>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.clockStyleControl button{color:#78978e;background:#0a1713;border:1px solid #234039;padding:7px}.clockStyleControl button.active{color:#dff9f1;background:#173b31;border-color:#39836d}.dangerGhost{color:#ff9e9e;background:0 0;border:1px solid #553536;width:100%}.inspectorReset{width:100%;margin-top:8px}@media (width<=1100px){.designShell.hasInspector{grid-template-columns:82px minmax(0,1fr)}.inspector{grid-column:1/-1}.templateDrawer{grid-template-columns:repeat(2,1fr)}.templateDrawer>div{grid-column:1/-1}}@media (width<=760px){.designShell,.designShell.hasInspector{grid-template-columns:1fr}.widgetRail{flex-direction:row;grid-column:1;overflow-x:auto}.widgetRail>b{display:none}.widgetRail button{min-width:72px}.canvasWrap{padding:8px}.editorBar>input{flex:1}.gridControls{margin-left:0}.templateDrawer{grid-template-columns:1fr}.inspector{grid-column:1}.ratioPill{display:none}}