.app-brand-stack{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.side-brand .app-version{display:block;font:500 10px/1.4 Arial,sans-serif;letter-spacing:.04em;color:#64829d;padding-left:3px}.provider-model-name{display:flex;flex-direction:column;gap:4px;text-align:left;min-width:0}.provider-model-name small{font-size:10px;font-weight:400;line-height:1.3;color:#607b94}.provider-choices button{min-height:64px}.dark-mode .app-version,.dark-mode .provider-model-name small{color:#b6cce0}.collapsed .app-brand-stack{display:none}@media(max-width:700px){.collapsed .app-brand-stack{display:flex}.side-brand .app-version{font-size:10px}.provider-choices button{padding:12px;gap:9px}}
/* Readable app typography and a sidebar that follows the workspace. */
.modern-app{font-size:16px}.modern-app .app-shell{align-items:start}.modern-app .app-sidebar{position:sticky;top:0;height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.modern-app .side-bottom{padding-top:28px}.modern-app .app-main{min-height:100dvh}.modern-app .app-content{max-width:1050px;padding-bottom:100px}
.modern-app .side-brand .app-version,.modern-app .provider-model-name small{font-size:12px}.modern-app .app-version{white-space:nowrap}.modern-app .side-nav button,.modern-app .new-chat,.modern-app .project-item{font-size:14px;min-height:44px}.modern-app .sidebar-note,.modern-app .profile small,.modern-app .preview-label,.modern-app .side-label{font-size:12px}.modern-app .profile strong{font-size:14px}.modern-app .sidebar-note{color:#60758b}.modern-app .welcome p{font-size:16px;line-height:1.7}.modern-app .welcome-kicker{font-size:12px}.modern-app .app-topbar{font-size:13px;flex-wrap:wrap}.modern-app .top-actions{flex-wrap:wrap;gap:14px}.modern-app .status,.modern-app .provider-caption{font-size:12px}.modern-app .provider-choices button{font-size:14px;min-height:76px}.modern-app .provider-model-name{overflow-wrap:anywhere}
.modern-app .provider-guide>summary{font-size:14px;min-height:44px}.modern-app .provider-guide p,.modern-app .provider-guide-title{font-size:14px;line-height:1.7}.modern-app .provider-guide-item h3{font-size:17px}.modern-app .provider-guide-actions button{font-size:14px}.modern-app .provider-guide-actions a{font-size:13px}.modern-app .provider-guide .guide-note,.modern-app .provider-guide .guide-status{font-size:13px}.modern-app .composer-heading{font-size:15px}.modern-app .composer label#task-label{font-size:14px;color:#62778c;line-height:1.6}.modern-app .composer textarea{font-size:16px;line-height:1.65;min-height:110px}.modern-app #model-select{font-size:14px;min-height:44px;max-width:100%}.modern-app #model-area{min-width:0;flex-wrap:wrap}.modern-app .context-chip,.modern-app .draft-tag{font-size:12px}.modern-app .send-control{width:44px;height:44px;flex-shrink:0}.modern-app .prompt-examples button{font-size:13px;min-height:44px}.modern-app .tool-card strong{font-size:15px;line-height:1.4}.modern-app .tool-card small{font-size:13px;color:#637b92;line-height:1.6}.modern-app .tool-card{padding:19px 15px;min-height:160px}.modern-app .widgets-heading h2{font-size:23px}.modern-app .widgets-heading>span,.modern-app .app-disclaimer{font-size:12px;line-height:1.7}.modern-app .bottom-tip,.modern-app .bottom-tip button{font-size:14px;line-height:1.6}.modern-app .bottom-tip{flex-wrap:wrap}.modern-app .assistance-fab,.modern-app .assistance-fab span,.modern-app .tour-fab{font-size:14px;min-height:44px}.modern-app .assistance-fab span{display:inline;margin:0}.modern-app .tour-fab{right:156px}.modern-app .account-session,.modern-app #account-message{font-size:14px}.modern-app .account-conversation-panel strong,.modern-app .account-conversation-panel button,.modern-app #account-conversations{font-size:14px}.modern-app .saved-message p{font-size:16px;line-height:1.8}.modern-app .saved-message strong{font-size:13px}.modern-app .widget-dialog p,.modern-app .widget-dialog label,.modern-app .widget-dialog #widget-result{font-size:14px}.modern-app .widget-dialog input,.modern-app .widget-dialog textarea,.modern-app .widget-dialog select{font-size:16px}.modern-app .widget-dialog .widget-privacy{font-size:12px!important}.modern-app .zi-dialog label,.modern-app .zi-dialog button,.modern-app .zi-dialog .zi-caption,.modern-app .zi-toolbar>span{font-size:14px}.modern-app .zi-dialog input,.modern-app .zi-dialog textarea,.modern-app .zi-dialog select,.modern-app .zi-guide-message p{font-size:16px}.modern-app .zi-guide-message strong,.modern-app .zi-eyebrow{font-size:12px}.modern-app.dark-mode .composer label#task-label,.modern-app.dark-mode .tool-card small,.modern-app.dark-mode .sidebar-note{color:#bacde0}.modern-app.dark-mode .side-brand .app-version{color:#456780}
@media(max-width:1050px){.modern-app .app-shell{grid-template-columns:230px minmax(0,1fr)}.modern-app .app-shell.collapsed{grid-template-columns:76px minmax(0,1fr)}.modern-app .provider-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.modern-app .app-shell,.modern-app .app-shell.collapsed{grid-template-columns:1fr}.modern-app .app-sidebar{position:static;height:auto;overflow:visible}.modern-app .app-topbar{gap:12px;padding:16px 20px}.modern-app .app-content{padding-left:20px;padding-right:20px}.modern-app .provider-choices button{padding:12px 10px}.modern-app .tool-grid{gap:12px}.modern-app .tool-card{min-height:150px}.modern-app .tour-fab{right:146px}.modern-app .assistance-fab{right:15px}.modern-app .composer-controls{align-items:flex-end}.modern-app #model-area{max-width:calc(100% - 52px)}.modern-app #model-select{width:100%;font-size:13px}.modern-app .widgets-heading{align-items:flex-start}.modern-app .account-session{flex-wrap:wrap;overflow-wrap:anywhere}}
/* Keep the phone guide focused once a conversation has started. */
@media(max-width:700px){.modern-app .zi-guide:has(.zi-guide-message) .zi-suggestions{display:none}.modern-app .zi-guide .zi-guide-messages{max-height:28dvh;margin:14px 0}.modern-app .zi-guide .zi-caption{font-size:13px;margin:8px 0}.modern-app .zi-guide .zi-actions{margin-top:12px}.modern-app .zi-guide #zi-guide-input{min-height:76px;max-height:150px}.modern-app .zi-guide .zi-header p{font-size:14px}}
.modern-app .mobile-workspace-nav button{font-size:13px;min-height:44px}.modern-app .tour-copy p{font-size:14px}.modern-app .tour-box #tour-progress{font-size:12px}.modern-app .tour-box #tour-close,.modern-app .tour-box .tour-actions .btn{font-size:14px;min-height:44px}
.modern-app .account-conversation-panel{padding:10px 18px}.modern-app .account-conversation-panel>summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:14px;font-weight:600;color:#355777}.modern-app .account-history-toolbar{display:flex;justify-content:flex-end;margin:8px 0}.modern-app #account-conversations{max-height:260px;overflow:auto;overscroll-behavior:contain;padding:3px 3px 12px}.modern-app.dark-mode .account-conversation-panel>summary{color:#d6e9fa}
.modern-app .tool-kind{display:inline-block;margin-top:12px;padding:3px 7px;border-radius:5px;font-size:11px;font-weight:600;background:#e8eff6;color:#536e85}.modern-app .tool-kind.is-live{background:#deefdf;color:#27633c}.modern-app #run-preview{width:auto;min-width:58px;padding:10px 12px;font-size:14px;font-weight:600}.modern-app #model-area{max-width:calc(100% - 70px)}.modern-app.dark-mode .tool-kind{background:#294660;color:#c2d8ec}.modern-app.dark-mode .tool-kind.is-live{background:#244c3c;color:#c3f1d5}
.modern-app .zi-dialog{max-width:calc(100vw - 32px)}@media(max-width:480px){.modern-app .zi-dialog{max-width:calc(100vw - 20px)}}
/* Explicit parent-brand attribution, kept away from conversation controls. */
.modern-app .app-provider-attribution{padding:24px 16px;margin-top:24px;text-align:center;color:var(--muted,#61758a);font-size:13px;line-height:1.6;border-top:1px solid rgba(105,140,170,.18)}
.modern-app .billing-attribution{font-size:13px;line-height:1.6;color:var(--muted,#61758a);margin:20px 0 12px}
/* Shared card rows keep short and wrapped copy on identical baselines. */
.modern-app .tool-card{display:grid;grid-template-rows:30px minmax(42px,auto) minmax(42px,auto) 1fr;align-content:start;gap:9px;min-width:0}
.modern-app .tool-card .tool-symbol{margin:0;align-self:start}.modern-app .tool-card strong,.modern-app .tool-card small{margin:0;align-self:start}
.modern-app .tool-card .tool-kind{align-self:end;justify-self:start;margin:4px 0 0;font-size:12px;line-height:1.5;min-height:24px}
.modern-app .workspace-support{position:fixed;right:23px;bottom:21px;display:flex;gap:8px;align-items:center;z-index:9}
.modern-app .workspace-support .tour-fab,.modern-app .workspace-support .assistance-fab{position:static;margin:0;min-height:44px}
@media(max-width:700px){.modern-app .workspace-support{position:static;justify-content:center;gap:8px}.modern-app .tool-card{grid-template-rows:30px minmax(42px,auto) minmax(42px,auto) 1fr}.modern-app .tool-card:last-child{grid-column:1/-1}}