.screen-viewer{margin:0;width:100vw;height:100vh;overflow:hidden;background:#05080d;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif}.screen-viewer :is(.dashboard,body:has(>main.blocks)){width:min(100vw,calc(100vh * 16 / 9))}.screen-viewer .dashboard[data-orientation=portrait]{width:min(100vw,calc(100vh * 9 / 16))}:is(.dashboard,body:has(>main.blocks)){position:relative;isolation:isolate;aspect-ratio:var(--canvas-ratio,16 / 9);width:100%;container-type:inline-size;background-color:var(--background);background-size:cover;background-position:center;color:var(--foreground);font-family:Arial,Helvetica,sans-serif;overflow:hidden}:is(.dashboard,body:has(>main.blocks)),:is(.dashboard,body:has(>main.blocks)) *{box-sizing:border-box}:is(.dashboard,body:has(>main.blocks))::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--shade,0));z-index:-1}.dashboard-header{position:absolute;left:3%;right:3%;top:3%;height:11%;display:flex;align-items:center;justify-content:space-between;gap:2cqw;border-bottom:.15cqw solid var(--accent);padding-bottom:1cqw}:is(.dashboard,body:has(>main.blocks)) .identity{min-width:0;overflow:hidden}:is(.dashboard,body:has(>main.blocks)) .eyebrow{font-size:1.1cqw;letter-spacing:.1em;text-transform:uppercase;opacity:.8}:is(.dashboard,body:has(>main.blocks)) h1{font-size:2.7cqw;line-height:1.1;margin:.3cqw 0;overflow-wrap:anywhere;max-height:6cqw;overflow:hidden}:is(.dashboard,body:has(>main.blocks)) .clock{display:flex;flex-direction:column;text-align:right;white-space:nowrap;gap:.3cqw}:is(.dashboard,body:has(>main.blocks)) .clock time{font-size:3cqw;font-weight:bold;font-variant-numeric:tabular-nums}:is(.dashboard,body:has(>main.blocks)) .clock span{font-size:1cqw}:is(.dashboard,body:has(>main.blocks)) .blocks{position:absolute;inset:17% 3% 8%;margin:0;padding:0;max-width:none;display:block;overflow:hidden}:is(.dashboard,body:has(>main.blocks)) .block{position:absolute;display:flex;flex-direction:column;overflow:hidden;padding:1.1cqw;gap:.7cqw;min-width:0;min-height:0;border:.08cqw solid rgba(255,255,255,.16)}:is(.dashboard,body:has(>main.blocks)) .block h2{font-size:calc(var(--tile-font,1.75cqw) * 1.25);line-height:1.15;margin:0;overflow-wrap:anywhere;color:var(--tile-accent);max-height:45%;overflow:hidden;flex-shrink:0}:is(.dashboard,body:has(>main.blocks)) .block-content{display:flex;min-height:0;flex:1;gap:.8cqw;flex-direction:column}:is(.dashboard,body:has(>main.blocks)) .layout-split .block-content{flex-direction:row}:is(.dashboard,body:has(>main.blocks)) .layout-split .block-content>*{width:50%}:is(.dashboard,body:has(>main.blocks)) .copy{font-size:var(--tile-font,1.75cqw);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden;min-height:0;flex:1}:is(.dashboard,body:has(>main.blocks)) figure{margin:0;min-height:0;min-width:0;flex:1;display:flex}:is(.dashboard,body:has(>main.blocks)) figure img{width:100%;height:100%;object-fit:contain;min-height:0}.dashboard-footer{position:absolute;bottom:2%;left:3%;right:3%;height:4%;display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-size:1.3cqw;overflow:hidden;white-space:pre-wrap}:is(.dashboard,body:has(>main.blocks)) .preview-label{font-size:.9cqw;border:.1cqw solid var(--accent);padding:.3cqw .7cqw;border-radius:2cqw;white-space:nowrap}.dashboard[data-orientation=portrait] .dashboard-header{height:9%;top:2%}.dashboard[data-orientation=portrait] .blocks{top:13%;bottom:6%}.dashboard[data-orientation=portrait] .dashboard-footer{height:3%}.dashboard[data-orientation=portrait] h1{font-size:3.6cqw}.dashboard[data-orientation=portrait] .clock span{font-size:1.6cqw}.dashboard[data-orientation=portrait] .layout-split .block-content{flex-direction:column}.dashboard[data-orientation=portrait] .layout-split .block-content>*{width:100%}
.dashboard-editing .block{touch-action:none;cursor:move;user-select:none}.dashboard-editing .block.is-selected{outline:.3cqw solid #66d9ff;outline-offset:-.3cqw}.dashboard-editing .block:focus-visible{outline:.3cqw solid #fff;outline-offset:-.3cqw}.dashboard-editing .tile-resize{position:absolute;bottom:0;right:0;width:clamp(20px,2.5cqw,34px);height:clamp(20px,2.5cqw,34px);padding:0;border:0;border-radius:4px 0 0 0;background:#80b6fc;color:#071524;font-size:clamp(16px,1.6cqw,24px);cursor:nwse-resize;touch-action:none;line-height:1;z-index:2}.dashboard-editing .image-placeholder{display:grid;place-items:center;min-height:0;flex:1;border:.1cqw dashed #80b6fc;font-size:1.3cqw;opacity:.8}

html:has(>body>main.blocks){height:100vh;display:grid;place-items:center;background:#05080d}


:is(.dashboard,body:has(>main.blocks)){--canvas-ratio:16 / 9;--background:#102d25;--foreground:#eaf2ff;--accent:#80b6fc;--shade:0.0}#tile-b428eb1d64ad40438c12aea11324e91f{left:0.0%;top:0.0%;width:28.1%;height:91.2%;background:rgba(18,34,55,0.95);color:#eaf2ff;--tile-accent:#80b6fc;--tile-font:1.75cqw;border-radius:1.0cqw}#tile-6ed8182ccdde46f584cf46b2c89431dd{left:50.0%;top:0.0%;width:48.5%;height:98.0%;background:rgba(18,34,55,0.95);color:#eaf2ff;--tile-accent:#80b6fc;--tile-font:1.75cqw;border-radius:1.0cqw}body:has(>main.blocks){width:min(100vw,calc(100vh * 16 / 9));height:auto;margin:auto;padding:0;display:block}:is(.dashboard,body:has(>main.blocks)){--foreground:#f0f7e9;--accent:#c4d98d}