*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#081b16;color:#eff9f0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow:hidden}.screens{width:100vw;height:100dvh;display:grid;grid-template-columns:minmax(0,var(--left-share)) minmax(0,1fr);gap:8px;padding:8px}.screen{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #315f4b;border-radius:14px;background:#102f25;box-shadow:0 4px 22px #0005}.screen-header{flex:none;display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:750;letter-spacing:.3px;background:#183d2f;border-bottom:1px solid #36604c}.indicator{width:7px;height:7px;background:#a4edaf;border-radius:50%}.screen iframe{display:block;width:100%;height:100%;min-height:0;flex:1;border:0;background:#eff4eb}.screen-left{grid-column:1}.screen-right{grid-column:2}body[data-layout=left] .screens,body[data-layout=right] .screens{display:block}body[data-layout=left] .screen-left,body[data-layout=right] .screen-right{height:100%}body[data-layout=left] .screen-right,body[data-layout=right] .screen-left{display:none}@media(max-width:750px){.screens{gap:4px;padding:4px}.screen-header{padding:5px;font-size:11px}.screen{border-radius:6px}}