.tt-shell{--tt-bg: #06080d;--tt-chrome: #0b0f16;--tt-border: rgba(148, 163, 184, .16);--tt-text: #e2e8f0;--tt-dim: #94a3b8;--tt-accent: #5b8def;--tt-rail-w: 76px;--tt-drawer-w: 340px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--tt-bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--tt-text)}.tt-topbar{flex:0 0 auto;height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--tt-chrome);border-bottom:1px solid var(--tt-border)}.tt-brand{display:flex;flex-direction:column;line-height:1.1}.tt-brand-title{font-size:15px;font-weight:800;letter-spacing:.02em}.tt-brand-sub{font-size:11px;color:var(--tt-dim)}.tt-topbar-spacer{flex:1}.tt-identity{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--tt-dim)}.tt-identity-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.tt-identity-dot.is-live{background:#4ade80}.tt-iconbtn{background:transparent;border:1px solid var(--tt-border);color:var(--tt-dim);border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:13px;font-family:inherit}.tt-iconbtn:hover{color:var(--tt-text);border-color:var(--tt-accent)}.tt-body{flex:1;display:flex;min-height:0}.tt-rail{flex:0 0 auto;width:var(--tt-rail-w);display:flex;flex-direction:column;gap:2px;padding:8px 6px;background:var(--tt-chrome);border-right:1px solid var(--tt-border);overflow-y:auto}.tt-rail-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:9px;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--tt-dim);font-family:inherit}.tt-rail-item:hover{background:#94a3b814;color:var(--tt-text)}.tt-rail-item.is-active{background:#5b8def29;border-color:#5b8def80;color:var(--tt-text)}.tt-rail-glyph{font-size:18px;line-height:1}.tt-rail-label{font-size:10px;letter-spacing:.02em}.tt-rail-sep{height:1px;margin:6px 8px;background:var(--tt-border)}.tt-main{position:relative;flex:1;min-width:0}.tt-drawer{position:absolute;left:0;top:0;bottom:0;width:var(--tt-drawer-w);max-width:calc(100vw - var(--tt-rail-w) - 8px);z-index:20;pointer-events:auto;display:flex;flex-direction:column;background:var(--tt-chrome);border-right:1px solid var(--tt-border);box-shadow:14px 0 36px #00000073}.tt-drawer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--tt-border);font-weight:700;font-size:14px}.tt-drawer-close{background:transparent;border:1px solid var(--tt-border);color:var(--tt-dim);border-radius:6px;padding:2px 8px;cursor:pointer;font-family:inherit}.tt-drawer-close:hover{color:var(--tt-text)}.tt-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}