: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--left{flex-direction:row}.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:28px;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:28px;max-width:132px;width:auto;object-fit:contain}.hub-spacer{flex:1}.hub-platforms{display:flex;align-items:center;gap:8px;overflow-x:auto}.hub-platform{display:flex;align-items:center;gap:9px;background:var(--hub-panel-2);border:1px solid var(--hub-border);border-radius:10px;padding:6px 12px 6px 7px;cursor:pointer;color:var(--hub-text);white-space:nowrap;font:inherit;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-pficon{width:22px;height:22px;border-radius:6px;object-fit:contain;flex-shrink:0;background:transparent}.hub--light .hub-pficon{background:#fff}.hub-pficon--text{display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:var(--primary, var(--accent, var(--hub-accent)))}.hub-platform__name{font-size:13px;font-weight:600}.hub-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.hub-select{background:var(--hub-panel-2);border:1px solid var(--hub-border);color:var(--hub-text);font-size:12px;padding:7px 9px;border-radius:9px;cursor:pointer;max-width:150px}.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{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--left .hub-bar{flex-direction:column;align-items:center;width:max-content;flex:0 0 auto;height:100%;gap:10px;padding:10px 8px;border-bottom:0;border-right:1px solid var(--hub-border);overflow-y:auto}.hub--left .hub-brand{align-self:center}.hub--left .hub-brand__logo{max-width:108px}.hub--left .hub-platforms{flex-direction:column;align-items:center;overflow-x:visible;gap:4px;width:max-content}.hub--left .hub-platform{justify-content:flex-start;width:max-content;padding:5px 8px 5px 6px;gap:7px}.hub--left .hub-platform__name{font-size:12px}.hub--left .hub-controls{flex-direction:column;align-items:center;gap:6px;margin-top:auto;width:max-content}.hub--left .hub-controls .hub-seg,.hub--left .hub-controls .hub-select{width:max-content;min-width:0;max-width:none}.hub--left .hub-seg__btn{flex:0 0 auto}.hub--left .hub-icon-btn{width:max-content}.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)}