:root{--hub-bg: #0e1116;--hub-panel: #161b22;--hub-panel-2: #1c2330;--hub-border: #2a3240;--hub-text: #e6edf3;--hub-text-dim: #8b97a7;--hub-accent: #3385ff;--hub-platform-hover: #222b3a;--hub-platform-active: #233048}.hub--light{--hub-bg: #ffffff;--hub-panel: #f5f6f8;--hub-panel-2: #eceef1;--hub-border: #d7dbe0;--hub-text: #1c2330;--hub-text-dim: #6b7686;--hub-accent: #3385ff;--hub-platform-hover: #e4e7ec;--hub-platform-active: #dbe7ff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--hub-bg);color:var(--hub-text)}.hub{display:flex;flex-direction:column;height:100vh;width:100vw}.hub-bar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--hub-panel);border-bottom:1px solid var(--hub-border)}.hub-brand{display:inline-flex;align-items:center;flex-shrink:0}.hub-brand--text{height:32px;padding:0 10px;border-radius:8px;background:var(--primary, var(--hub-accent));font-weight:700;font-size:12px;color:var(--primary-foreground, #fff);white-space:nowrap}.hub-brand__logo{display:block;height:32px;max-width:150px;width:auto;object-fit:contain}.hub-spacer{flex:1}.hub-server{position:relative}.hub-server__btn{display:flex;align-items:center;gap:8px;background:var(--hub-panel-2);border:1px solid var(--hub-border);border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--hub-text);white-space:nowrap;font:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.hub-server__btn:hover,.hub-server__btn.is-open{background:var(--hub-platform-hover);border-color:var(--primary, var(--hub-accent))}.hub-server__chevron{display:grid;place-items:center;color:var(--hub-text-dim)}.hub-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:180px;padding:6px;background:var(--hub-panel);border:1px solid var(--hub-border);border-radius:12px;box-shadow:0 12px 32px #00000059}.hub-menu--right{left:auto;right:0}.hub-menu__list{display:flex;flex-direction:column;gap:4px;max-height:min(60vh,420px);overflow-y:auto}.hub-platform{display:flex;align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--hub-text);white-space:nowrap;font:inherit;text-align:left;transition:background .15s,border-color .15s}.hub-platform:hover{background:var(--hub-platform-hover)}.hub-platform.is-active{background:var(--hub-platform-active);border-color:var(--primary, var(--accent, var(--hub-accent)))}.hub-platform__name{font-size:14px;font-weight:500}.hub-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.hub-select{appearance:none;background-color:var(--hub-panel-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b97a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:14px;border:1px solid var(--hub-border);color:var(--hub-text);font-size:14px;font-weight:500;padding:7px 32px 7px 9px;border-radius:9px;cursor:pointer;max-width:150px}.hub--light .hub-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7686' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.hub-select:hover{border-color:var(--primary, var(--hub-accent))}.hub-seg{display:inline-flex;background:var(--hub-panel-2);border:1px solid var(--hub-border);border-radius:9px;padding:2px}.hub-seg__btn{display:grid;place-items:center;border:0;background:transparent;color:var(--hub-text-dim);font:inherit;font-size:12px;padding:6px 11px;border-radius:7px;cursor:pointer}.hub-seg__btn.is-active{background:var(--primary, var(--hub-accent));color:var(--primary-foreground, #fff)}.hub-icon-btn{width:34px;height:34px;display:grid;place-items:center;background:var(--hub-panel-2);border:1px solid var(--hub-border);color:var(--hub-text);border-radius:9px;cursor:pointer;text-decoration:none;font-size:15px}.hub-icon-btn:hover{background:var(--hub-platform-hover);border-color:var(--primary, var(--hub-accent))}.hub-lang{position:relative}@media(min-width:769px){.hub-mobile-only{display:none}}@media(max-width:768px){.hub-desktop-only{display:none}.hub-bar{gap:8px;padding:0 10px}.hub-brand__logo{max-width:96px}.hub-select{max-width:110px}}.hub-content{position:relative;flex:1;min-width:0;background:#fff}.hub-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.hub-frame[hidden]{display:none}.hub-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--hub-text-dim);background:var(--hub-bg)}