.screen-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.screen-grid aside,.screen-main{min-width:0}.screen-grid h2{font-size:17px;margin:18px 0 10px}.screen-grid select{width:100%;min-height:48px;border:1px solid #424654;border-radius:8px;background:#16181e;color:#eff0f6;padding:10px;font:inherit}.screen-grid select:focus-visible{outline:2px solid #b4a5ff;outline-offset:0}.screen-grid #screens{display:grid;gap:8px}.screen-grid #screens button{width:100%;text-align:left;border:1px solid #2b2e39;border-radius:8px;background:#20232c;color:#eff0f6;padding:10px;overflow-wrap:anywhere}.screen-grid #screens button[aria-current=true]{border-color:#b4a5ff;background:#2c263e}.screen-grid #screens small{display:block;color:#b0b2c1;margin-top:4px}.screen-main #screen-status{min-height:20px;margin:0 0 10px}.screen-main #screen-viewport{height:calc(100dvh - 180px);min-height:320px;overflow:auto;background:#fff;border-radius:8px}.screen-main iframe{display:block;border:0;width:100%;height:100%;pointer-events:none}@media(max-width:780px){.screen-grid{grid-template-columns:1fr}.screen-main #screen-viewport{height:55dvh}}@media(prefers-color-scheme:light){.screen-grid select{background:#f6f7fb;color:#232332;border-color:#b9bfce}.screen-grid #screens button{background:#f8f9fc;color:#232332;border-color:#dde0e8}.screen-grid #screens button[aria-current=true]{background:#eeebfc;border-color:#6550b8}.screen-grid #screens small{color:#596073}}