.hub-center{background:var(--v2-background-bg-base);flex:1;justify-content:center;align-items:center;display:flex}.hub-login{width:100%;min-height:0;padding:max(48px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--v2-background-bg-base);color:var(--v2-text-text-base);flex:1;display:flex;overflow:auto;& .hub-login-content{flex-direction:column;gap:16px;width:min(100%,360px);margin:auto;display:flex}& .hub-login-brand{width:160px;margin-block-end:16px;margin-inline:auto}& header{text-align:center;margin-block-end:16px}& h1{margin-block-end:8px;font-size:20px;font-weight:530;line-height:28px}& header p{font-size:13px;line-height:var(--line-height-base);color:var(--v2-text-text-muted)}& form{flex-direction:column;gap:20px;display:flex}& [data-component=text-input-v2]{width:100%;height:44px}& [data-slot=text-input-v2-input]{font-size:16px;line-height:24px}& [data-component=button-v2]{width:100%;min-height:44px}}.hub-field{flex-direction:column;gap:8px;display:flex;& label{font-size:13px;line-height:var(--line-height-compact);color:var(--v2-text-text-base);font-weight:530}& [data-component=text-input-v2],& [data-component=select-v2]{width:100%}}.hub-field-label{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.hub-hint{font-size:12px;line-height:var(--line-height-compact);color:var(--v2-text-text-muted)}.hub-error{font-size:13px;line-height:var(--line-height-base);color:var(--v2-state-fg-danger)}.hub-link{font-size:13px;line-height:var(--line-height-compact);color:var(--v2-text-text-accent);flex-shrink:0;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.hub-link:hover{color:var(--v2-text-text-accent-hover)}.hub-shell{background:var(--v2-background-bg-base);min-height:0;color:var(--v2-text-text-base);flex-direction:column;flex:1;display:flex}.hub-topbar{height:48px;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));box-sizing:content-box;border-bottom:.5px solid var(--v2-border-border-base);background:var(--v2-background-bg-deep);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding-block-start:env(safe-area-inset-top);display:flex}.hub-topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.hub-topbar-mark{flex-shrink:0;width:12px;height:15px}.hub-topbar-title{font-size:13px;font-weight:530;line-height:var(--line-height-compact)}.hub-scroll{flex:1;min-height:0;overflow-y:auto}.hub-content{width:min(100%,760px);padding:40px max(16px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:40px;margin-inline:auto;display:flex}.hub-section{flex-direction:column;gap:16px;display:flex}.hub-section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hub-section-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.hub-section-title{font-size:15px;font-weight:640;line-height:var(--line-height-base);align-items:center;gap:8px;display:flex}.hub-section-status{font-size:12px;font-weight:440;line-height:var(--line-height-compact);color:var(--v2-text-text-muted);align-items:center;gap:6px;display:inline-flex}.hub-section-description{max-width:560px;font-size:12px;line-height:var(--line-height-compact);color:var(--v2-text-text-muted)}.hub-section-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.hub-list{background-color:var(--v2-background-bg-layer-01);box-shadow:inset 0 0 0 .5px var(--v2-border-border-muted);border-radius:8px;padding-inline:16px}.hub-list-placeholder{justify-content:center;align-items:center;min-height:96px;display:flex}.hub-row{justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.hub-row+.hub-row{border-top:.5px solid var(--v2-border-border-base)}.hub-row-lead{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.hub-row-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hub-row-name>bdi{text-overflow:ellipsis;min-width:0;overflow:hidden}.hub-row-name{min-width:0;font-size:13px;font-weight:530;line-height:var(--line-height-compact);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.hub-row-meta{min-width:0;font-size:12px;line-height:var(--line-height-compact);color:var(--v2-text-text-muted);white-space:nowrap;align-items:center;gap:6px;display:flex;& code{font-family:var(--font-family-mono);font-size:12px}}.hub-row-url{text-overflow:ellipsis;min-width:0;overflow:hidden}.hub-row-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.hub-status{background:var(--v2-icon-icon-faint);border-radius:999px;flex-shrink:0;width:8px;height:8px}.hub-status[data-online]{background:var(--icon-success-base);box-shadow:0 0 0 3px color-mix(in srgb, var(--icon-success-base) 20%, transparent)}.hub-provider-icon{width:20px;height:20px;color:var(--v2-icon-icon-base);flex-shrink:0}.hub-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex;& [data-component=button-v2]{margin-block-start:8px}}.hub-empty-title{font-size:13px;font-weight:530;line-height:var(--line-height-compact)}.hub-empty-description{max-width:360px;font-size:12px;line-height:var(--line-height-compact);color:var(--v2-text-text-muted)}.hub-dialog-body{padding:4px 16px 8px}.hub-stack{flex-direction:column;gap:20px;display:flex}.hub-stack-tight{flex-direction:column;gap:4px;display:flex}.hub-step{flex-direction:column;gap:8px;display:flex;& [data-component=text-input-v2]{width:100%}}.hub-step-title{font-size:13px;font-weight:530;line-height:var(--line-height-compact);color:var(--v2-text-text-base);align-items:flex-start;gap:8px;display:flex}.hub-step-number{background:var(--v2-background-bg-layer-02);width:18px;height:18px;font-size:11px;line-height:var(--line-height-tight);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hub-code-block{background:var(--v2-background-bg-layer-01);box-shadow:inset 0 0 0 .5px var(--v2-border-border-muted);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.hub-code-row{align-items:center;gap:4px;display:flex}.hub-code{font-family:var(--font-family-mono);letter-spacing:.12em;user-select:all;font-size:28px;font-weight:500;line-height:36px}.hub-code-block[data-expired] .hub-code{color:var(--v2-text-text-faint);text-decoration:line-through}.hub-code-expiry{font-size:12px;line-height:var(--line-height-compact);color:var(--v2-text-text-muted);font-variant-numeric:tabular-nums}.hub-command{background:var(--v2-background-bg-layer-01);box-shadow:inset 0 0 0 .5px var(--v2-border-border-muted);border-radius:6px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex;& code{min-width:0;font-family:var(--font-family-mono);letter-spacing:-.04px;font-size:13px;font-weight:440;line-height:var(--line-height-base);white-space:nowrap;user-select:all;scrollbar-width:none;flex:1;overflow-x:auto}}.hub-success{align-items:flex-start;gap:10px;display:flex}.hub-picked{background:var(--v2-background-bg-layer-01);box-shadow:inset 0 0 0 .5px var(--v2-border-border-muted);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}[data-component=dialog-v2][data-fit]:has(.hub-provider-dialog) [data-slot=dialog-container]{width:min(100vw - 24px,480px);max-height:calc(100dvh - 24px)}[data-component=dialog-v2][data-fit]:has(.hub-skill-dialog) [data-slot=dialog-container]{width:min(100vw - 24px,640px);max-height:calc(100dvh - 24px)}[data-component=dialog-v2][data-fit] [data-slot=dialog-container] .hub-skill-dialog [data-slot=dialog-body]{flex:none}[data-component=dialog-v2][data-fit]:has(.hub-picker) [data-slot=dialog-container]{height:min(100dvh - 24px,560px)}.hub-picker{min-height:0;padding-inline:10px;& [data-component=search-list]{--search-list-surface:var(--v2-background-bg-layer-01)}}.hub-picker-header-icon{width:16px;height:16px;color:var(--v2-icon-icon-muted);flex-shrink:0}.hub-picker-more-icon{color:var(--v2-icon-icon-muted);flex-shrink:0}.hub-picker-row{text-align:start;align-items:center;gap:10px;width:100%;padding-block:6px;display:flex}.hub-picker-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hub-picker [data-component=search-list] [data-slot=search-list-row]{height:44px}.hub-picker-name{min-width:0;font-size:13px;line-height:var(--line-height-compact);color:var(--v2-text-text-base);white-space:nowrap;align-items:baseline;gap:6px;display:flex;& code{text-overflow:ellipsis;min-width:0;font-family:var(--font-family-mono);color:var(--v2-text-text-muted);font-size:12px;overflow:hidden}}.hub-picker-label{text-overflow:ellipsis;flex-shrink:0;min-width:0;max-width:100%;overflow:hidden}.hub-picker-url{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:var(--line-height-compact);color:var(--v2-text-text-faint);overflow:hidden}@media (width<=540px){.hub-content{gap:32px;padding-block-start:24px}.hub-section-header{flex-direction:column;align-items:stretch}.hub-section-actions{justify-content:flex-start}.hub-section-header>[data-component=button-v2]{align-self:flex-start}.hub-row-meta code{text-overflow:ellipsis;max-width:40vw;overflow:hidden}}.hub-topbar-actions{align-items:center;gap:8px;display:flex}.hub-chat-link{color:var(--v2-text-text-muted);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;text-decoration:none;display:inline-flex;&:hover{background:var(--v2-background-bg-hover,var(--v2-background-bg-layer-1));color:var(--v2-text-text-base)}}.hub-chat{background:var(--v2-background-bg-deep);min-height:0;color:var(--v2-text-text-base);flex:1;display:flex;position:relative}.hub-chat-scrim{display:none}.hub-chat-sidebar{width:260px;min-height:0;padding:max(12px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:8px;display:flex}.hub-chat-brand{align-items:center;gap:8px;padding:0 0 4px 8px;display:flex}.hub-chat-fold{margin-inline-start:auto}.hub-chat[data-folded] .hub-chat-sidebar{display:none}.hub-chat[data-folded] .hub-chat-main{margin-inline-start:8px}.hub-chat-search{background:var(--v2-background-bg-layer-1);color:var(--v2-text-text-muted);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex;& input{min-width:0;color:var(--v2-text-text-base);background:0 0;border:0;outline:0;flex:1;&::placeholder{color:var(--v2-text-text-faint)}&::-webkit-search-cancel-button{appearance:none}}&:focus-within{box-shadow:0 0 0 1px var(--v2-border-border-focus,var(--v2-text-text-muted))}}.hub-chat-new{justify-content:flex-start}.hub-chat-sessions{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.hub-chat-none{color:var(--v2-text-text-faint);padding:8px}.hub-chat-session{border-radius:6px;align-items:center;display:flex;position:relative;& a{min-width:0;color:var(--v2-text-text-muted);flex:1;padding:6px 32px 6px 8px;text-decoration:none}& button{opacity:0;position:absolute;inset-inline-end:4px}&:hover,&:focus-within,&[data-active]{background:var(--v2-background-bg-layer-1);& a{color:var(--v2-text-text-base)}}&:hover button,&:focus-within button{opacity:1}}.hub-chat-session-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hub-chat-footer{justify-content:space-between;align-items:center;display:flex}.hub-chat-main{min-width:0;min-height:0;margin:8px 8px max(8px, env(safe-area-inset-bottom)) 0;background:var(--v2-background-bg-base);box-shadow:var(--v2-elevation-raised);border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden}.hub-chat-header{flex:none;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex;& h1{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:530;overflow:hidden}}.hub-chat-menu{display:none}.hub-chat-notice{width:min(100%,720px);color:var(--v2-text-text-muted);margin:0 auto 8px;padding:0 16px;& a{color:var(--v2-text-text-base);text-decoration:underline}}.hub-chat-scroll{flex:1;min-height:0;overflow-y:auto}.hub-chat-timeline{width:min(100%,768px);margin-inline:auto;padding:16px 24px}.hub-chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex;& h2{font-size:20px;font-weight:530;line-height:28px}& p{max-width:44ch;color:var(--v2-text-text-muted)}}.hub-chat-composer{flex:none;width:min(100%,768px);margin-inline:auto;padding:0 24px 16px}.hub-chat-form{background:var(--v2-background-bg-layer-1);box-shadow:var(--v2-elevation-raised);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;& textarea{resize:none;width:100%;min-height:24px;max-height:200px;color:var(--v2-text-text-base);field-sizing:content;background:0 0;border:0;outline:0;padding:0;&::placeholder{color:var(--v2-text-text-faint)}}}.hub-chat-form-row{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex;&>:last-child{margin-inline-start:auto}}.hub-chat-model{flex:0 auto;width:auto;min-width:0;max-width:min(200px,60%)}.hub-chat-input{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex;& textarea{flex:160px;width:auto}}.hub-chat-badges{flex-wrap:wrap;gap:6px;min-width:0;display:inline-flex}.hub-chat-badge{background:var(--v2-background-bg-base);max-width:220px;color:var(--v2-text-text-base);border-radius:6px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex;& button{color:var(--v2-text-text-muted);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}}.hub-chat-badge-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-chat-machines{min-width:200px;max-width:calc(100vw - 32px)}.hub-chat-machine-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hub-chat-machine-state{color:var(--v2-text-text-faint);margin-inline-start:auto;padding-inline-start:16px}.hub-chat-picker-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.hub-chat-picker-row{width:100%;color:var(--v2-text-text-base);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex;&:hover,&:focus-visible{background:var(--v2-background-bg-layer-1)}}.hub-chat-picker-text{flex-direction:column;min-width:0;display:flex}.hub-chat-picker-path,.hub-chat-picker-current{color:var(--v2-text-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-chat-picker-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex;& [data-component=button-v2]{white-space:nowrap;flex:none}}.hub-chat-picker-new{align-items:center;gap:8px;display:flex;&>:first-child{flex:1}}.hub-chat-picker-empty{color:var(--v2-text-text-faint);padding:8px}.hub-chat-picker-error{color:var(--v2-text-text-critical,var(--v2-text-text-muted))}@media (width<=768px){.hub-chat-sidebar{z-index:20;background:var(--v2-background-bg-deep);transition:transform .2s;position:absolute;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.hub-chat-main{border-radius:0;margin:0}.hub-chat-menu{display:inline-flex}.hub-chat-fold,.hub-chat-unfold{display:none}.hub-chat[data-folded] .hub-chat-sidebar{display:flex}.hub-chat[data-folded] .hub-chat-main{margin:0}.hub-chat-timeline,.hub-chat-composer{padding-inline:12px}.hub-chat[data-drawer]{& .hub-chat-sidebar{transform:none}& .hub-chat-scrim{z-index:10;background:#0006;border:0;display:block;position:absolute;inset:0}}}@media (prefers-reduced-motion:reduce){.hub-chat-sidebar{transition:none}}.hub-settings{flex:1;min-height:0}.hub-settings-page[hidden]{display:none}.hub-settings-signout{align-self:flex-start;margin-block-start:8px}.hub-content [data-component=button-v2]{white-space:nowrap;flex:none}.hub-content .hub-section-header{flex-wrap:wrap}.hub-content .hub-section-heading{flex:280px}.hub-content .hub-section-actions{flex-wrap:wrap;flex:none;max-width:100%}.hub-settings .hub-content{width:100%;max-width:none;padding:48px 0 80px}
