.shared-composer-slot{width:100%;max-width:760px;margin:0 auto;text-align:left}.shared-composer{width:100%;background:var(--raise);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-composer);box-shadow:0 12px 36px color-mix(in srgb,var(--bg) 33%,transparent);overflow:visible;font-family:var(--font-barlow),Barlow,ui-sans-serif,sans-serif}.shared-composer:has(.composer-prompt:focus-visible){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.shared-composer [hidden]{display:none!important}.shared-composer[data-composer-docked]{position:fixed;z-index:var(--layer-composer);bottom:24px;left:50%;transform:translateX(-50%);max-width:760px;width:calc(100% - 40px)}[data-composer-workspace] .shared-composer[data-composer-docked]{left:calc(var(--app-sidebar-width,216px) + (100% - var(--app-sidebar-width,216px))/2);width:calc(100% - var(--app-sidebar-width,216px) - 76px);max-width:880px}.shared-composer[data-composer-collapsed]{max-width:600px!important}.composer-expanded{padding:16px 18px}.composer-heading{display:flex;align-items:center;justify-content:space-between;color:var(--ink-2);font-size:12px;margin-bottom:2px}.composer-collapse{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px}.composer-collapse:hover{background:var(--surface)}.shared-composer .composer-prompt{display:block;width:100%;min-height:88px;max-height:150px;resize:vertical;background:transparent;border:0;border-radius:8px;padding:8px 2px 14px;line-height:1.6;font:inherit;font-size:16px;color:var(--ink);box-shadow:none}.shared-composer .composer-prompt::placeholder{color:var(--ink-3)}.shared-composer .composer-prompt:focus-visible{outline:none}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--control-gap);margin-top:var(--control-gap)}.composer-choices{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.composer-pill{border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-control);padding:8px 10px;min-height:var(--control-height);font-size:13px;white-space:nowrap;max-width:100%;color:var(--ink-2)}button.composer-pill:hover{border-color:var(--ink-3);color:var(--ink)}.composer-pill svg{flex-shrink:0}.composer-model{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.composer-model-name{overflow:hidden;text-overflow:ellipsis;max-width:210px}.composer-model-mark{width:16px;height:16px;flex-shrink:0;background:linear-gradient(150deg,var(--ink-2),var(--ink-3));clip-path:polygon(50% 0,64% 34%,100% 50%,64% 65%,50% 100%,35% 65%,0 50%,35% 34%)}.composer-submit{display:flex;align-items:center;gap:10px;flex-shrink:0}.composer-cost{display:flex;align-items:center;gap:4px;color:var(--ink-2);font-size:13px;white-space:nowrap}.composer-cost svg{color:var(--accent)}.composer-generate{border:0;width:var(--control-height);height:var(--control-height);border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.composer-generate:disabled{opacity:.45;cursor:not-allowed}.composer-mode-option:focus-visible,.shared-composer button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.composer-compact{padding:10px 14px;min-height:64px;display:flex;align-items:center}.composer-expand{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;text-align:left;color:var(--ink-2)}.composer-expand span{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.composer-expand svg{flex-shrink:0}.composer-error{font-size:12px;line-height:1.5;color:var(--bad);margin:0 0 9px;overflow-wrap:anywhere}.composer-mode-option{width:100%;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 10px;border-radius:9px;text-align:left;font-size:14px}.composer-mode-option span{flex:1}.composer-mode-option[aria-pressed=true]{background:var(--surface);color:var(--accent)}.composer-mode-option:hover{background:var(--surface)}.shared-composer [data-image-upload-slots]{display:flex;gap:8px;padding:3px 0 7px}.shared-composer [data-upload-slot]{border-radius:10px;border-style:dashed;background:var(--surface);padding:5px;max-width:230px;flex:1}.shared-composer [data-upload-slot]>label{min-height:48px}.shared-composer [data-upload-slot]>label>span:first-child{width:48px;height:36px;border-radius:6px}.shared-composer [data-upload-slot]:focus-within{outline:2px solid var(--accent);outline-offset:2px}.shared-composer [data-remove-image]{min-height:44px;min-width:44px;width:auto;padding:2px 8px;position:absolute;top:0;right:0;background:var(--surface);border-radius:8px;font-size:11px}.composer-dialog{position:fixed;display:flex;flex-direction:column;max-height:80dvh;border:1px solid var(--line);border-radius:var(--radius-overlay);background:var(--raise);padding:16px;margin:0;color:var(--ink);box-shadow:0 22px 80px color-mix(in srgb,var(--bg) 53%,transparent);width:420px;max-width:calc(100% - 32px);left:50%;top:50%;transform:translate(-50%,-50%)}.composer-dialog[data-anchored]{width:340px;max-height:min(560px,70dvh);transform:none}@media(max-width:1023px){.composer-model-name{max-width:160px}.composer-pill{font-size:12px;padding:7px 9px}.shared-composer{border-radius:18px}.shared-composer[data-composer-docked]{width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom))}[data-composer-workspace] .shared-composer[data-composer-docked]{left:50%;width:calc(100% - 24px);bottom:calc(74px + env(safe-area-inset-bottom))}.composer-expanded{padding:11px}.composer-toolbar{align-items:flex-end;gap:6px}.composer-choices{flex:1;gap:5px}.composer-pill{font-size:12px;padding:6px 8px;min-height:var(--control-height)}.composer-model-name{max-width:145px}.composer-submit{flex-direction:column;gap:6px}.composer-cost{font-size:11px}.composer-generate{width:44px;height:44px}.shared-composer .composer-prompt{font-size:16px;min-height:80px;max-height:120px}.composer-heading{font-size:11px}.composer-compact{min-height:60px;padding:8px 12px}.composer-dialog,.composer-dialog[data-anchored]{left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;width:100%;max-width:100%;max-height:85dvh;border-radius:20px 20px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.shared-composer *{transition:none!important;animation:none!important}}.composer-source{margin-bottom:4px}.composer-source-chip{display:inline-flex;align-items:center;gap:9px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:5px;cursor:pointer;list-style:none;font-size:12px}.composer-source-chip::-webkit-details-marker{display:none}.composer-source-chip>video{width:48px;height:33px;object-fit:cover;border-radius:5px}.composer-source-chip small{display:block;color:var(--ink-3);font-size:11px;margin-top:2px}.composer-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:var(--control-height);padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-field);background:var(--surface)}.composer-search:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.composer-search input{display:block;min-width:0;width:100%;min-height:var(--control-height);background:transparent;border:0;border-radius:0;outline:none;box-shadow:none;color:var(--ink);font-size:16px}.composer-search input::placeholder{color:var(--ink-3)}.composer-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-bottom:16px}.composer-dialog-close{display:flex;align-items:center;justify-content:center;min-width:var(--control-height);min-height:var(--control-height);border:0;border-radius:var(--radius-field);color:var(--ink-2);background:transparent;flex-shrink:0}.composer-dialog-close:hover{background:var(--surface);color:var(--ink)}.composer-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;margin:-4px}.composer-dialog [data-model-options]>button,.composer-dialog fieldset button{border-radius:var(--radius-field)}