#personal-model-picker{display:inline-flex;align-items:center;flex:none;position:relative;min-width:0;width:min(230px,100%);max-width:100%}
.model-trigger{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:7px;width:100%;max-width:230px;min-width:0;min-height:38px;padding:4px 9px;border:1px solid rgba(var(--acc-rgb),.35);border-radius:9px;background:rgba(var(--acc-rgb),.1);color:var(--acc-lift);font:600 11px/1.25 var(--f);cursor:pointer;text-align:left;box-sizing:border-box}
.model-trigger-name{grid-column:1;min-width:0;overflow-wrap:anywhere}.model-trigger-group{grid-column:1;color:var(--dim);font-size:10px;white-space:normal}.model-trigger::after{content:'⌄';grid-column:2;grid-row:1 / span 2;font-size:13px;color:var(--acc-lift)}.model-trigger:hover:not(:disabled){border-color:var(--acc-lift)}
.model-popup{position:fixed;z-index:1000;box-sizing:border-box;overflow:auto;padding:14px;border:1px solid var(--hair2);border-radius:14px;background:var(--core2);color:var(--ink);box-shadow:0 14px 44px #0008;font:13px/1.45 var(--f);scrollbar-width:thin;scrollbar-color:var(--hair2) var(--core2);overscroll-behavior:contain}.model-popup[hidden]{display:none}
.model-popup-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.model-close{min-width:44px;min-height:44px;border:0;background:none;color:var(--dim);font:inherit;cursor:pointer;padding:5px}
.model-retry{min-height:44px;padding:8px 12px;margin-top:12px;border:1px solid var(--hair2);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.model-retry[hidden]{display:none}
.model-search{box-sizing:border-box;width:100%;min-height:44px;padding:8px 11px;background:var(--bg);border:1px solid var(--hair2);border-radius:8px;color:var(--ink);font:inherit;caret-color:var(--acc-lift)}.model-search::placeholder{color:var(--dim);opacity:1}
.model-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}.model-group{min-width:0}.model-group h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ink)}.model-group+.model-group{border-left:1px solid var(--hair2);padding-left:14px}.model-count{color:var(--dim);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.model-option{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:44px;padding:9px 8px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.model-option:hover:not(:disabled){background:var(--bg)}.model-option[aria-pressed=true]{border-color:var(--acc-lift);background:var(--bg)}.model-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.model-name{overflow-wrap:anywhere;font-weight:500}.model-provider,.model-empty,.model-note{color:var(--dim);font-size:12px}.model-badge{display:inline-block;margin-left:5px;color:var(--acc-lift);font-size:12px;font-weight:500}.model-selected{color:var(--acc-lift);font-size:12px}.model-note{margin:12px 0 0}.model-empty{padding:8px 0}
.model-trigger:focus-visible,.model-popup button:focus-visible,.model-search:focus-visible{outline:2px solid var(--acc-lift);outline-offset:2px}.model-trigger:disabled,.model-option:disabled{opacity:.55;cursor:default}.model-popup ::selection{background:var(--acc);color:white}
.model-picker-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.model-picker-status.is-error{position:absolute;bottom:calc(100% + 8px);right:0;z-index:1001;width:max-content;max-width:min(300px,80vw);height:auto;padding:8px 10px;border:1px solid var(--hair2);border-radius:8px;background:var(--core2);color:var(--ink);font:12px/1.4 var(--f);clip-path:none;white-space:normal}
/* «Быстро» | «Вдумчиво» | «Сильнейший ИИ»: three equal columns in one row; stacked on phones. */
.model-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:0}.model-name{overflow-wrap:normal}
.model-group,.model-group+.model-group{padding:0 12px}.model-group h3{white-space:nowrap}
.model-group.is-top h3{color:#b18cff}.model-group.is-top .model-quota-line{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.model-groups{grid-template-columns:minmax(0,1fr)}.model-group{padding:0}.model-group+.model-group{border-left:0;border-top:1px solid var(--hair2);padding:12px 0 0}.model-trigger{max-width:min(190px,100%);min-height:40px}}
.model-quota-line{margin:-4px 0 8px;color:var(--acc-lift);font-size:12px;font-weight:500}.model-quota-line.is-exhausted{color:#f0a35e}.model-quota-line.is-unknown{color:var(--dim)}
.model-quota{color:var(--acc-lift);font:500 11px/1.3 var(--f);white-space:nowrap;padding:0 8px}.model-quota[hidden]{display:none}.model-quota.is-exhausted{color:#f0a35e}.model-quota.is-unknown{color:var(--dim)}
.model-option.is-placeholder{opacity:.5;cursor:default;user-select:none}.model-option.is-placeholder:hover{background:transparent}
#personal-model-picker:has(>.model-quota:not([hidden])),.ui-redesign-a .dock #personal-model-picker:has(>.model-quota:not([hidden])){flex-direction:column;align-items:flex-start;max-width:none}
.top-quota-warn{flex:1 0 100%;min-width:0;padding:2px 0 6px;color:#f0a35e;font:500 12px/1.4 var(--f)}
.model-switch-note{margin-top:8px;color:var(--dim);font:400 12px/1.4 var(--f)}
/* Phones: the trigger shows only the short model name so the input keeps most of the row; the full
   «name · group» stays its accessible label and is shown in the popup and under each answer. */
@media(max-width:480px){
  .dock #personal-model-picker{width:auto;flex:none}
  .dock #personal-model-picker .model-trigger{width:auto;min-width:0;max-width:64px;min-height:34px;padding:0 7px;grid-template-columns:1fr;justify-items:center}
  .dock #personal-model-picker .model-trigger-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .dock #personal-model-picker .model-trigger::after{content:attr(data-short);grid-column:1;grid-row:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px/1.2 var(--f)}
}
/* Automation feed: no model choice here — a quiet note in the picker's place. */
.feed-model-hint{align-self:center;max-width:170px;color:var(--dim);font:400 11px/1.3 var(--f)}
