:root{--shell-width: min(1600px, calc(100vw - 24px) );--shell-bg: #050b09;--shell-panel: #0a1410;--shell-panel-alt: #10201a;--shell-line: #17362d;--shell-line-strong: #2c5c4c;--shell-text: #d7f0e4;--shell-muted: #6b8f7f;--shell-accent: #8fd6b4;--shell-danger: #e08a78}.shell-root{min-height:100vh;background:var(--shell-bg);color:var(--shell-text);padding-bottom:24px}.shell-title-bar{width:var(--shell-width);margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--shell-line);border-top:none;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#0d1a15,#081210);position:relative;z-index:40}.shell-brand{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.shell-brand-mark{color:var(--shell-accent);font-size:14px}.shell-brand-name{font-size:15px;font-weight:700;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis}.shell-bar-right{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.shell-online{color:var(--shell-muted);font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-wrap{position:relative}.user-menu-button{width:30px;height:30px;display:inline-grid;place-items:center;background:var(--shell-panel-alt);color:var(--shell-text);border:1px solid var(--shell-line-strong);border-radius:4px;cursor:pointer;font-size:15px;line-height:1}.user-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;padding:6px;background:#0c1713;border:1px solid var(--shell-line-strong);border-radius:6px;box-shadow:0 12px 32px #0000008c;z-index:60}.user-menu-section{display:flex;flex-direction:column;gap:2px;padding:4px 2px;border-bottom:1px solid var(--shell-line)}.user-menu-section:last-child{border-bottom:none}.user-menu-label{color:var(--shell-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 4px}.layout-choice-row{display:flex;gap:4px;padding:2px 4px}.layout-choice{flex:1;background:#06110d;color:var(--shell-text);border:1px solid var(--shell-line);border-radius:3px;padding:4px 0;font-size:11px;cursor:pointer}.layout-choice.active{border-color:var(--shell-accent);color:var(--shell-accent);background:#0f241c}.user-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px 6px;background:transparent;border:none;border-radius:3px;color:var(--shell-text);font-size:12px;text-align:left;cursor:pointer}.user-menu-item:hover,.user-menu-item:focus-visible{background:#122b23;outline:none}.user-menu-state{font-size:10px;color:var(--shell-muted);letter-spacing:.06em}.user-menu-state.is-hidden{color:var(--shell-accent)}.mobile-tabs{width:var(--shell-width);margin:8px auto 0;box-sizing:border-box;display:flex;gap:4px;overflow-x:auto}.mobile-tab{background:#06110d;color:var(--shell-muted);border:1px solid var(--shell-line);border-radius:3px;padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.mobile-tab.active{color:var(--shell-accent);border-color:var(--shell-accent)}.shell{width:var(--shell-width);margin:12px auto 0;box-sizing:border-box;display:grid;gap:12px;align-items:start}.shell[data-layout="3"]{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,1.1fr)}.shell[data-layout="2"]{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr)}.shell[data-layout=phone]{grid-template-columns:minmax(0,1fr)}.shell-col{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%}.telemetry-bar{min-width:0}.panel{border:1px solid var(--shell-line);background:var(--shell-panel);border-radius:5px;overflow:hidden;min-width:0;max-width:100%}.panel-title{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--shell-panel-alt);border-bottom:1px solid var(--shell-line);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none}.panel-title:focus-visible{outline:1px solid var(--shell-accent);outline-offset:-1px}.panel.is-collapsed .panel-title{border-bottom:none}.panel-collapse-icon{color:var(--shell-muted);font-size:9px;width:10px}.panel-collapse-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-collapse-right{margin-left:auto;display:flex;align-items:center;gap:6px}.panel-badge{min-width:16px;height:16px;padding:0 5px;display:inline-grid;place-items:center;border-radius:8px;background:var(--shell-accent);color:#06110d;font-size:10px;font-weight:700}.panel-body{padding:10px;min-width:0;max-width:100%;overflow:auto;scrollbar-gutter:stable}.panel-body>section{margin:0;border:none;padding:0;background:transparent}.toast-stack{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:200;pointer-events:none}.toast{padding:7px 14px;border-radius:4px;font-size:12px;border:1px solid var(--shell-line-strong);background:#0c1713;color:var(--shell-text);box-shadow:0 8px 24px #00000080}.toast-success{border-color:var(--shell-accent);color:var(--shell-accent)}.toast-error{border-color:var(--shell-danger);color:var(--shell-danger)}.connection-banner{width:var(--shell-width);margin:8px auto 0;box-sizing:border-box;padding:6px 12px;border:1px solid var(--shell-danger);border-radius:4px;background:#241210;color:var(--shell-danger);font-size:12px;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;z-index:150;padding:20px}.modal{width:min(560px,100%);max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:var(--shell-panel);border:1px solid var(--shell-line-strong);border-radius:6px;overflow:hidden}.modal-header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--shell-panel-alt);border-bottom:1px solid var(--shell-line)}.modal-title{margin:0;font-size:14px}.modal-close{margin-left:auto;background:transparent;border:none;color:var(--shell-muted);font-size:20px;line-height:1;cursor:pointer}.modal-body{padding:12px;overflow:auto}.modal-footer{padding:10px 12px;border-top:1px solid var(--shell-line);display:flex;justify-content:flex-end;gap:8px}.loading-overlay{display:flex;align-items:center;justify-content:center;gap:10px;min-height:320px;color:var(--shell-muted);font-size:12px}.spinner{width:18px;height:18px;border:2px solid var(--shell-line-strong);border-top-color:var(--shell-accent);border-radius:50%;animation:shell-spin .9s linear infinite}@keyframes shell-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.shell[data-layout="3"]{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.shell[data-layout="3"] .shell-col-right{grid-column:1 / -1}}