:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e5edf7;background:#0b1422;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #34465c;background:#192a3f;color:#e5edf7;border-radius:8px;padding:9px 13px}button:hover{background:#2a3e56}button:disabled{opacity:.45;cursor:default}.primary{background:#24b39b;border-color:#24b39b;color:#061c1b;font-weight:700}.primary:hover{background:#44ceb6}input,select{display:block;width:100%;border:1px solid #415169;background:#102033;color:#fff;padding:12px;border-radius:8px;margin-top:7px}label{display:block;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65d9c1;outline-offset:2px}.auth{width:min(430px,calc(100% - 40px));margin:12vh auto;padding:32px;border:1px solid #2b3b51;background:#111f31;border-radius:18px}.mark{color:#59d4b9;letter-spacing:3px;font-size:12px;font-weight:700}h1{font-size:30px;letter-spacing:-1px}p{color:#9cacc1;line-height:1.6}form{display:grid;gap:18px}.auth button{width:100%;margin-top:5px}.message{color:#f4c68d;overflow-wrap:anywhere;font-size:14px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#111f31;border-bottom:1px solid #293b51}header strong{letter-spacing:2px;font-size:14px}header strong span{color:#59d4b9}small{display:block;margin-top:4px;color:#9cacc1}.identity{min-width:160px}nav,.account,.session-actions{display:flex;gap:8px;flex-wrap:wrap}.session-bar{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#13273a;font-size:13px}.session-bar strong{margin-right:15px}#presence{color:#a9bbce}.indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ad6ad;margin-right:9px}.notice{margin:0;padding:8px 20px;background:#102033;font-size:12px}.notice.error{color:#ffcf9a}#screen{width:100%;height:calc(100dvh - 170px);min-height:280px;background:#080e18;overflow:hidden}#screen>div{background:#080e18!important}#connection{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);padding:9px 14px;background:#142b40ef;border:1px solid #37516a;border-radius:8px;color:#d1e5f5;font-size:12px;pointer-events:none}#requests{padding:9px 20px;background:#20394a}#requests button{margin-left:12px}dialog{color:#e5edf7;background:#111f31;border:1px solid #40556e;border-radius:14px;width:min(1050px,calc(100vw - 28px));max-height:90dvh;padding:24px}dialog::backdrop{background:#030a15ba}.dialog-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:23px}#create-user{grid-template-columns:2fr 1fr auto;align-items:end;margin:24px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:12px 8px;border-bottom:1px solid #2b3e53}td select{padding:7px;margin:0;min-width:130px}td button{font-size:12px;padding:7px;margin:3px}#temporary{background:#173f3c;border:1px solid #378777;padding:16px;border-radius:10px;margin:16px 0}#temporary-value{font-family:monospace;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere}.danger{color:#ffb6af}[hidden]{display:none!important}@media(max-width:760px){header{padding:10px 12px;flex-wrap:wrap;gap:10px}.identity{flex:1}.account{font-size:12px}nav{width:100%;order:3}nav button{flex:1}.session-bar{align-items:flex-start;flex-direction:column;padding:10px 12px;gap:8px}.session-actions{width:100%}.session-actions button{flex:1;font-size:12px}.notice{padding:7px 12px}#screen{height:calc(100dvh - 260px)}#create-user{grid-template-columns:1fr}dialog{padding:16px}.auth{margin:7vh auto;padding:24px}}

.captcha-row{display:flex;align-items:center;gap:8px}.captcha-row img{width:min(260px,75%);height:88px;border-radius:8px;background:#edf4f9}.captcha-row button{width:auto;margin:0;font-size:12px}#audit-filter{display:flex;margin:15px 0}#audit-filter input{margin:0}#file-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #34465c;padding:14px 0}#file-list a{color:#6de0c6;white-space:nowrap}#file-list span{overflow-wrap:anywhere}#audit-list td{white-space:nowrap}header nav{flex-wrap:wrap}header{flex-wrap:wrap}@media(min-width:1000px){header nav{flex:1;justify-content:center}}

nav button{display:flex;align-items:center;justify-content:center;gap:7px}nav button img{width:27px;height:27px;object-fit:contain;border-radius:6px}#files-button.new-file{border-color:#61dbb9;color:#61dbb9}

/* The shared canvas consumes all remaining space at every viewport size. */
#workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden}#screen{height:auto;min-height:0;flex:1;width:100%}header{padding:7px 12px;gap:10px;flex:0 0 auto}header button{padding:6px 10px;font-size:12px}.identity{min-width:130px}header strong{font-size:12px}header small{font-size:11px}nav button img{width:22px;height:22px}.session-bar{padding:5px 12px;min-height:32px;flex:0 0 auto;font-size:12px}.session-actions button{padding:5px 9px;font-size:11px}.notice{display:none}.notice.error{display:block;padding:5px 12px;font-size:12px}.toolbar-collapsed header{height:40px;min-height:40px;flex-wrap:nowrap}.toolbar-collapsed .identity small,.toolbar-collapsed .account{display:none}.toolbar-collapsed nav{width:auto;order:initial;flex:1;justify-content:flex-start;flex-wrap:nowrap}.toolbar-collapsed nav button{display:none}.toolbar-collapsed nav #show-browser,.toolbar-collapsed nav #show-maps{display:flex;padding:3px 7px;flex:0 0 auto}.toolbar-collapsed nav #show-browser span,.toolbar-collapsed nav #show-maps span{display:none}.toolbar-collapsed .session-bar{padding:3px 12px;min-height:28px}.toolbar-collapsed .session-actions{width:auto}.toolbar-collapsed .session-actions button{padding:3px 7px;font-size:10px}.toolbar-collapsed #mode{font-size:11px}.toolbar-collapsed #presence{font-size:10px}.toolbar-collapsed .session-bar strong{margin-right:8px}#toggle-toolbar{white-space:nowrap}#screen:fullscreen{width:100vw;height:100dvh;min-height:100dvh}@media(max-width:760px){#screen{height:auto;min-height:0}.toolbar-collapsed .session-bar{flex-direction:row;align-items:center;gap:5px}.toolbar-collapsed #presence{display:none}.toolbar-collapsed .identity{min-width:0}.toolbar-collapsed .identity strong{font-size:10px;letter-spacing:1px}.toolbar-collapsed .session-actions button{font-size:10px}.toolbar-collapsed #fullscreen{display:none}.toolbar-collapsed .session-bar strong{margin-right:2px}.toolbar-collapsed header{gap:7px}.toolbar-collapsed .session-actions{justify-content:flex-end}.toolbar-collapsed .session-actions button{flex:0 1 auto}header nav{gap:5px}}

.page-zoom{display:inline-flex;gap:2px;align-items:center}.page-zoom button{padding:4px 7px!important}.toolbar-collapsed .page-zoom button{font-size:10px}@media(max-width:550px){.page-zoom #zoom-reset{display:none}}