:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102934;color:#dceae7;font-family:system-ui,"Trebuchet MS",sans-serif}
body{display:flex;flex-direction:column}
.shell-head{flex:0 0 45px;display:flex;gap:15px;align-items:center;justify-content:space-between;background:#152f38;border-bottom:1px solid #35535b;padding:3px 13px}
.shell-head strong{font-size:15px;white-space:nowrap}
.shell-head em{color:#f2ce6b}
.shell-head a{font-size:13px;color:#b5d5d0;text-decoration:none}
.build{color:#95b1af;font-size:11px}
#install{border:1px solid #749c92;background:#254b51;color:#f0f4e6;border-radius:7px;padding:5px 10px;font-size:12px;white-space:nowrap;cursor:pointer}
#install:hover{background:#386a68}
.workspace{flex:1;min-height:0}
.workspace iframe{display:block;width:100%;height:100%;border:0;background:#102934}
.install-hint{position:absolute;z-index:20;top:53px;right:14px;max-width:310px;padding:14px 18px;background:#f8efd5;color:#23383e;border-radius:8px;box-shadow:0 4px 22px #0005;font-size:13px}
@media(display-mode:standalone){.shell-head{display:none}}
@media(max-width:480px){.shell-head{gap:5px;padding:4px 8px}.shell-head strong{font-size:12px}.back span,.build{display:none}#install{padding:5px 8px;font-size:11px}}.switch-release{color:#cbe3db;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;border-bottom:1px dashed #a4c8b9}
.switch-release:hover{color:#f6d58e}
.alpha-release{font-size:12px;white-space:nowrap;color:#eac5aa}
.alpha-release b{background:#ec9672;color:#192e34;border-radius:5px;padding:3px 6px;margin-right:5px}
.alpha-mode .shell-head{background:#3b2931}
.alpha-mode .shell-head em{color:#f3b797}
.alpha-mode #refresh-alpha{border:1px solid #e3a38b;color:#fff0db;background:#784f50;border-radius:6px;padding:5px 10px;font-size:12px;white-space:nowrap}
.alpha-mode #refresh-alpha:disabled{opacity:.6}
.release-hint{flex:0 0 auto;padding:5px 12px;font-size:11px;color:#f6d8c0;background:#352b32;text-align:center}
.release-hint a{color:#f7ce80;margin-left:8px}
@media(max-width:600px){.shell-head{gap:7px}.alpha-release{font-size:10px}.alpha-mode .shell-head strong{display:none}.release-hint{font-size:10px;line-height:1.3}}