:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;color:#e4ecf7;background:#101722;--border:#3b4b63;--muted:#a7b8cd;--accent:#83d0bd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;border:1px solid var(--border);background:#233148;color:inherit;border-radius:7px;padding:8px 12px}button{cursor:pointer}button:hover:not(:disabled){background:#30435e}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:#306658;border-color:#4f9886}.hide{display:none!important}a{color:var(--accent)}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--border);background:#192436}.header>div{display:flex;align-items:center;gap:10px}.brand-mark{font-size:27px;color:var(--accent)}main{padding:18px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.toolbar label{margin-left:8px}.toolbar .muted{margin-left:auto}.muted{color:var(--muted);font-size:13px}.error{color:#ffafa9;white-space:pre-wrap;overflow-wrap:anywhere}.error:empty{display:none}.login{max-width:410px;margin:12vh auto;padding:28px;background:#192436;border:1px solid var(--border);border-radius:14px}.login h1{font-size:25px;line-height:1.2}.login label,.login input{display:block;width:100%}.login input{margin:6px 0 16px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--accent)}.dialog{margin:17px 0;padding:18px;background:#192436;border:1px solid var(--border);border-radius:10px;max-width:780px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog h2{font-size:19px;margin:0 0 15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 15px}.form-grid input,.form-grid select{width:100%;display:block;margin-top:6px}.session-picker{display:flex;gap:8px;margin:6px 0}.session-picker select{flex:1;min-width:0}.grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}.panel{flex:0 0 auto;width:var(--panel-width,min(100%,540px));height:var(--panel-height,55vh);min-width:min(100%,300px);max-width:100%;min-height:260px;max-height:1800px;resize:both;overflow:hidden;display:flex;flex-direction:column;background:#080e18;border:1px solid var(--border);border-radius:9px}.panel.sized{flex:0 0 auto}.panel-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex-shrink:0;padding:8px;background:#1c2b40}.panel-title{flex:1;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-kind{display:block;color:var(--muted);font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.panel-bar button{font-size:12px;padding:5px 8px}.connection{padding:3px 10px;color:var(--muted);font-size:11px;background:#111b29;flex-shrink:0}.connection.failure{color:#ffafa9}.term{flex:1;min-height:0;min-width:0;padding:5px}.detached-note{padding:24px;color:var(--muted)}.detached-note p{margin-top:0}.tabs{display:flex;gap:7px;overflow-x:auto;margin:16px 0;padding:3px 0 7px}.tabs button{white-space:nowrap}.tabs button.active{background:#306658;border-color:#83d0bd}.tabs-mode .panel{width:100%!important;flex:1 1 100%;height:var(--panel-height,calc(100dvh - 190px))}.single-mode .panel{width:100%!important;flex:1 1 100%;height:calc(100dvh - 150px);resize:none}.empty{padding:35px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:9px}body.single-mode main{padding-top:10px}@media(max-width:700px){main{padding:10px}.header{padding:10px}.header strong{font-size:13px}.toolbar{gap:6px}.toolbar .muted{display:none}.form-grid{grid-template-columns:1fr}.panel{width:100%!important;flex:1 1 100%;height:65dvh;resize:vertical}.panel-bar{gap:4px}.panel-bar button{padding:5px 6px}.tabs-mode .panel{height:var(--panel-height,calc(100dvh - 205px))}.login{margin:10vh 16px;padding:23px}.session-picker{flex-wrap:wrap}.session-picker select{width:100%;flex-basis:100%}}
.saved-section{margin:16px 0 20px;padding:12px 14px;background:#192436;border:1px solid var(--border);border-radius:10px}.saved-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.saved-heading h2{font-size:16px;margin:0}.saved-table-wrap{overflow-x:auto}.saved-table{width:100%;border-collapse:collapse;margin-top:8px;text-align:left}.saved-table th,.saved-table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.saved-table thead th{color:var(--muted);font-size:12px;font-weight:500}.saved-table tbody th{font-weight:600}.saved-actions{white-space:nowrap}.saved-actions button{font-size:12px;padding:5px 8px}
.header{align-items:center;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.header-actions button,.button-link{white-space:nowrap}.button-link{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:7px;text-decoration:none;background:#233148;color:inherit}.button-link:hover{background:#30435e}.view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:9px;background:#111b29}.view-switch button{width:38px;height:38px;padding:3px;font-size:20px;line-height:1}.view-switch button[aria-pressed="true"]{background:#306658;border-color:#83d0bd}.saved-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(4,9,16,.78)}.saved-modal-card{width:min(900px,calc(100vw - 24px));max-height:min(90dvh,900px);overflow:auto;padding:16px 18px;background:#192436;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.saved-heading{position:sticky;top:-16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 12px;background:#192436;border-bottom:1px solid var(--border)}.saved-heading h2{font-size:18px;margin:0}.saved-table-wrap{overflow:auto}.saved-table{width:100%;border-collapse:collapse;margin-top:8px;text-align:left}.saved-table th,.saved-table td{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.saved-table thead th{position:sticky;top:50px;background:#192436;color:var(--muted);font-size:12px;font-weight:500}.saved-table tbody th{font-weight:600}.saved-actions{white-space:nowrap}.saved-actions button{font-size:12px;padding:5px 8px}@media(max-width:800px){.header{gap:8px;padding:10px 12px}.header-actions{width:100%;justify-content:flex-start;gap:5px}.header-actions button,.button-link{padding:7px 9px}.view-switch button{width:36px;height:36px}.header-actions #panel-count{margin-left:auto}.header-actions #logout{margin-left:0}}@media(max-width:430px){.header-actions{gap:4px}.header-actions button,.button-link{font-size:13px;padding:6px 7px}.header-actions #new{flex:1}.wide-label{display:none}.saved-modal{padding:8px}.saved-modal-card{width:100%;max-height:94dvh;padding:12px}.saved-table th,.saved-table td{padding:6px;font-size:12px}.saved-actions{white-space:normal}.saved-actions button{font-size:11px;padding:5px}}
.saved-modal-card{width:min(1200px,96vw);height:min(88dvh,1000px);max-height:94dvh;display:flex;flex-direction:column;overflow:hidden}.saved-heading{top:0;flex:0 0 auto}.saved-modal-card #saved-content{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.saved-table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.saved-table{margin-top:0}.saved-table thead th{position:sticky;top:0;z-index:1}@media(max-width:430px){.saved-modal-card{width:100%;height:90dvh;max-height:94dvh;min-height:80dvh;padding:12px}.saved-table-wrap{overflow:auto}}

.add-modal{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;padding:16px;background:rgba(4,9,16,.78)}.add-modal-card{width:min(680px,calc(100vw - 24px));max-height:min(90dvh,760px);overflow:auto;padding:18px;background:#192436;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.add-modal .dialog-heading{position:sticky;top:-18px;z-index:1;padding:4px 0 12px;background:#192436;border-bottom:1px solid var(--border)}.add-modal .dialog-heading h2{margin:0}.add-modal #panel-form{padding-top:10px}@media(max-width:430px){.add-modal{padding:8px}.add-modal-card{width:100%;max-height:94dvh;padding:14px}.add-modal .dialog-heading{top:-14px}}

.panel-bar button.locked{background:#7a3e36;border-color:#bd7267;color:#fff}.panel-bar button[aria-pressed="false"]{background:#233148}
.timeout-field{display:block;margin:12px 0}.timeout-field input{display:block;width:min(260px,100%);margin-top:6px}.form-actions{display:flex;justify-content:flex-end;margin-top:14px}