.unified-composer{width:100%;min-width:0}.unified-composer [hidden]{display:none!important}.agent-composer.unified-composer>footer{flex-wrap:nowrap;align-items:center;gap:6px}.composer-direct-controls{flex-wrap:nowrap;flex:auto;align-items:center;gap:2px;min-width:0;display:flex}.agent-composer.unified-composer .canvas-input-references{max-height:150px;overflow-y:auto}.agent-composer.unified-composer>[hidden],.agent-composer.unified-composer footer>[hidden]{display:none}.unified-composer .composer-actions{margin-left:auto}.composer-mode-select .select-control{width:auto}.agent-composer .composer-mode-select .select-control-trigger,.app-home-composer .composer-mode-select .select-control-trigger,.agent-composer .media-generation-trigger,.agent-composer .composer-model-choice .select-control-trigger{background:color-mix(in srgb, var(--color-text-strong) 6%, transparent);min-height:32px;box-shadow:none;color:var(--color-text);border:0;border-radius:999px;font-size:13px;font-weight:500}.agent-composer .composer-mode-select .select-control-trigger,.app-home-composer .composer-mode-select .select-control-trigger{width:auto;padding:0 10px}.agent-composer .media-generation-trigger{max-width:220px;padding:0 10px}.composer-mode-select .select-control-list{min-width:148px;top:auto;bottom:calc(100% + 8px)}.select-control-list.composer-mode-select>button,.select-control-list.composer-mode-select>button[aria-selected=true]{font-size:13px;font-weight:500}.agent-composer .composer-mode-select .select-control-trigger:hover,.app-home-composer .composer-mode-select .select-control-trigger:hover,.agent-composer .composer-mode-select .select-control-trigger[aria-expanded=true],.app-home-composer .composer-mode-select .select-control-trigger[aria-expanded=true],.agent-composer .media-generation-trigger:hover,.agent-composer .media-generation-trigger[aria-expanded=true],.agent-composer .composer-model-choice .select-control-trigger:hover{background:color-mix(in srgb, var(--color-text-strong) 10%, transparent);color:var(--color-text-strong);border:0}.model-selection-menu{min-width:0;position:relative}.model-selection-controls{align-items:center;gap:2px;display:flex}.model-selection-trigger{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);width:auto;max-width:190px;min-height:36px;color:var(--color-text);font:inherit;cursor:pointer;transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.model-selection-trigger.effort{max-width:120px;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.model-selection-trigger:hover,.model-selection-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--color-border-strong) 74%,transparent);background:color-mix(in srgb,var(--color-surface-subtle) 72%,var(--color-surface-raised));color:var(--color-text-strong)}.model-selection-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-selection-trigger svg{stroke-width:1.8px;flex:none;width:14px;height:14px;transition:transform .15s cubic-bezier(.2,.8,.2,1)}.model-selection-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.model-selection-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 18%,transparent);outline:0}.model-selection-popover{z-index:var(--z-popover,1200);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-border-strong) 55%,transparent);background:color-mix(in srgb,var(--color-surface-raised) 97%,transparent);transform-origin:bottom;-webkit-backdrop-filter:blur(18px)saturate(1.08);border-radius:11px;gap:1px;max-height:244px;padding:5px;animation:.14s cubic-bezier(.2,.8,.2,1) both model-selection-enter;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;overflow:auto;box-shadow:0 16px 34px #1120181f,0 3px 10px #11201812,inset 0 1px #ffffff85}.model-selection-popover.model-list{width:max-content;min-width:168px;max-width:min(240px,100vw - 24px)}.model-selection-popover.effort-list{width:120px;left:auto;right:0}.model-selection-popover button{width:100%;height:32px;min-height:32px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:0 8px 0 10px;transition:background-color .1s,color .1s;display:flex}.model-selection-popover button:hover,.model-selection-popover button:focus-visible{background:color-mix(in srgb,var(--color-surface-subtle) 74%,transparent);box-shadow:none;color:var(--color-text-strong);outline:0}.model-selection-popover button[aria-checked=true]{background:color-mix(in srgb,var(--color-primary-softer) 54%,transparent);color:var(--color-text-strong)}.model-selection-popover button>span{align-items:center;min-width:0;display:flex}.model-selection-popover b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:560;line-height:1.2;overflow:hidden}.model-selection-popover button>svg{stroke-width:2px;width:14px;height:14px;color:var(--color-primary);flex:none}.agent-composer .model-selection-trigger{background:0 0;border:0;width:auto;height:32px;min-height:32px}.agent-composer .model-selection-popover button{background:0 0;width:100%;height:36px;min-height:36px}.agent-composer .model-selection-popover button:hover,.agent-composer .model-selection-popover button:focus-visible{background:color-mix(in srgb,var(--color-surface-subtle) 74%,transparent)}.agent-composer .model-selection-popover button[aria-checked=true]{background:color-mix(in srgb,var(--color-primary-softer) 54%,transparent)}@keyframes model-selection-enter{0%{opacity:0;transform:translateY(4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.model-selection-popover{animation:none}.model-selection-trigger svg{transition:none}}@media (width<=620px){.model-selection-trigger{max-width:142px}.model-selection-popover{max-height:220px}}.agent-model-preferences{z-index:var(--z-popover,1200);box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface-raised,#fff);width:min(340px,100vw - 24px);color:var(--color-text,#222);border-radius:20px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5;position:fixed;overflow:auto;box-shadow:0 12px 40px #0000001f}.agent-model-tiers{background:var(--color-surface-subtle,#f4f4f4);border-radius:13px;gap:4px;padding:4px;display:flex}.agent-model-tiers button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:9px}.agent-model-tiers button[aria-pressed=true]{background:var(--color-surface-raised,#fff);box-shadow:0 1px 4px #00000014}.agent-model-preferences p{color:var(--color-text-muted,#666);margin:14px 8px 8px;font-size:13px}.agent-model-facts{gap:8px;margin:8px;padding:0;display:grid}.agent-model-facts>div{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.agent-model-facts dt{color:var(--color-text-muted,#666)}.agent-model-facts dd{justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.agent-model-facts i{gap:3px;display:inline-flex}.agent-model-facts b{background:var(--color-border,#ddd);border-radius:99px;width:14px;height:4px}.agent-model-facts b[data-on]{background:var(--color-text,#222)}.agent-model-preference{border-top:1px solid var(--color-border-subtle,#eee);margin:4px 8px 0}.agent-model-preference summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:42px;list-style:none;display:flex}.agent-model-preference summary::-webkit-details-marker{display:none}.agent-model-preference summary span{color:var(--color-text-muted,#666);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.agent-model-fields{gap:6px;padding:0 0 8px;display:grid}.agent-model-field{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;min-height:46px;display:grid}.agent-model-field>span{padding-top:9px}.agent-model-field .select-control-trigger{min-height:38px}.agent-model-preferences :focus-visible{outline:2px solid var(--color-focus-ring,#555);outline-offset:2px}