:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#11151b;color:#e9eef6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{cursor:pointer}button{background:#222c38;color:#e9eef6;border:1px solid #3c4a5b;border-radius:6px;padding:7px 11px}button:hover,button[aria-pressed=true]{background:#34475d}button:disabled{opacity:.5;cursor:wait}a{color:#98c7ff;text-decoration:none;font-size:12px}header{height:56px;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #35404d}nav{display:flex;gap:5px;margin-left:auto}#body{height:calc(100dvh - 56px);display:flex}main{min-width:0;flex:1;display:flex;gap:1px;background:#35404d}.pane{min-width:0;flex:1;display:flex;flex-direction:column;background:#151b23}.pane-title{height:35px;padding:7px 10px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.pane-title small{font-size:11px;color:#a2aebb;margin-left:7px}iframe{border:0;width:100%;flex:1;background:#fff}main[data-layout=t3] .chrome,main[data-layout=chrome] .t3{display:none}aside{width:300px;flex-shrink:0;padding:16px;overflow:auto;border-left:1px solid #35404d}.quota-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:16px;margin:0}.caption,#quota-state{font-size:12px;color:#9cabbc;line-height:1.5}.card{border-top:1px solid #35404d;padding:13px 0}.card h3{font-size:14px;margin:0 0 8px}.card p{font-size:12px;color:#adbacb;margin:5px 0;overflow-wrap:anywhere}.window{margin:9px 0}.window-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:5px}progress{width:100%;height:8px;accent-color:#64c3a5}.unknown{color:#edc779!important}.badge{font-size:10px;color:#a3cafa;margin-left:7px}.pairing{min-height:100dvh;display:grid;place-items:center}.pairing form{width:min(420px,90vw);padding:28px;background:#19212c;border:1px solid #35404d;border-radius:10px}.pairing p{font-size:14px;line-height:1.5;color:#adbacb}.pairing label{display:block;font-size:13px;margin-top:20px}.pairing input{display:block;width:100%;padding:10px;margin:8px 0 15px;background:#101720;color:white;border:1px solid #526378;border-radius:5px}#login-error{color:#ffb7aa}body [hidden]{display:none!important}@media(max-width:1050px){main[data-layout=split]{flex-direction:column}.pane{min-height:0}aside{width:260px}}@media(max-width:700px){header{gap:5px;padding:7px;font-size:12px}button{padding:6px;font-size:12px}aside{position:absolute;right:0;top:56px;bottom:0;background:#11151b;width:min(300px,90vw);z-index:2}nav{margin-left:0}.pane-title a{font-size:10px}}

#panes{gap:0}#panes[data-layout=split] .t3{flex:var(--split-ratio,50) 1 0}#panes[data-layout=split] .chrome{flex:calc(100 - var(--split-ratio,50)) 1 0}#splitter{flex:0 0 10px;cursor:col-resize;touch-action:none;background:#263342;position:relative}#splitter::after{content:"";position:absolute;background:#8194ab;border-radius:2px;width:2px;height:36px;left:4px;top:calc(50% - 18px)}#splitter:hover,#splitter:focus-visible,#panes.resizing #splitter{background:#456384;outline:none}#panes:not([data-layout=split]) #splitter{display:none}#panes.resizing{user-select:none}#panes.resizing iframe{pointer-events:none}@media(max-width:1050px){#splitter{cursor:row-resize}#splitter::after{width:36px;height:2px;left:calc(50% - 18px);top:4px}}


#update-panel{position:absolute;right:12px;top:56px;z-index:10;width:min(400px,calc(100vw - 24px));padding:18px;background:#19212c;border:1px solid #526378;border-radius:8px;box-shadow:0 12px 40px #0008}#update-panel p{font-size:13px;line-height:1.5}#panes[data-layout=t3] .t3 .pane-title{display:none}
header nav{margin-left:auto;gap:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border-color:transparent;background:transparent}.icon-button[aria-expanded=true]{background:#34475d;border-color:#526378}.icon-button:focus-visible{outline:2px solid #98c7ff;outline-offset:2px}@media(max-width:480px){header{gap:4px}header strong{font-size:10px}header nav{gap:2px}.icon-button{width:30px;height:34px;padding:5px}}
