#image-composer-controls{display:none}body[data-view=images] #image-composer-controls{display:flex;align-items:center;gap:10px;min-width:0}body[data-view=images] #composer-toolbar{gap:8px!important}body[data-view=images] #composer-submit-actions{margin-left:auto}body[data-view=images] #chat-model-catalog-trigger,body[data-view=images] #tool-indicator,body[data-view=images] #tool-indicator-divider{display:none!important}#image-composer-controls button{border:0;cursor:pointer;font:inherit;font-size:14px;color:inherit;white-space:nowrap}.image-media-chip{display:flex;align-items:center;gap:7px;background:#161616;color:#f5f5f5;padding:8px 12px;border-radius:22px;font-size:14px;font-weight:600}.image-media-chip svg{width:20px;height:20px}.image-mode-switch{display:flex;align-items:center;padding:3px;border-radius:24px;background:#303030;color:#aaa}.image-mode-switch button{height:32px;padding:0 13px;border-radius:20px;background:transparent;transition:background .18s ease,color .18s ease}.image-mode-switch button[aria-pressed=true]{background:#151515;color:#f5f5f5}#image-ratio-trigger{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 13px;border-radius:22px;background:#161616;color:#f5f5f5}.image-ratio-mark{display:inline-block;border-radius:3px;background:currentColor;opacity:.7;flex:none}#image-composer-controls button:focus-visible,#image-ratio-menu button:focus-visible{outline:2px solid #71a8ff;outline-offset:2px}#image-ratio-menu{position:fixed;z-index:1100;display:flex;gap:8px;width:354px;max-width:calc(100vw - 16px);padding:0;box-sizing:border-box;color:#f5f5f5;filter:drop-shadow(0 8px 24px #0004);animation:image-ratio-enter .16s ease-out}#image-ratio-menu[hidden]{display:none}.image-ratio-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:160px;flex:none;overflow:hidden;border:1px solid #383838;border-radius:22px;background:#242424}.image-ratio-grid{position:absolute;inset:0 0 54px;background:linear-gradient(to right,transparent 24%,#ffffff0d 24%,#ffffff0d 25%,transparent 25%,transparent 74%,#ffffff0d 74%,#ffffff0d 75%,transparent 75%),linear-gradient(to bottom,transparent 24%,#ffffff0d 24%,#ffffff0d 25%,transparent 25%,transparent 74%,#ffffff0d 74%,#ffffff0d 75%,transparent 75%)}.image-ratio-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:2px solid currentColor;border-radius:3px;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);will-change:width,height}.image-ratio-caption{height:54px;display:flex;align-items:center;font-size:15px;font-weight:600}.image-ratio-options{flex:1;min-width:0;padding:6px;border:1px solid #383838;border-radius:22px;background:#242424}.image-ratio-options button{display:flex;align-items:center;gap:12px;width:100%;height:43px;border:0;border-radius:13px;padding:0 12px;background:transparent;color:inherit;font:inherit;font-size:16px;text-align:left;cursor:pointer}.image-ratio-options button:hover,.image-ratio-options button:focus-visible{background:#3b3b3b}.image-ratio-options button[aria-pressed=true]{background:#343434}.image-ratio-description{color:#aaa}.image-ratio-check{margin-left:auto;visibility:hidden}.image-ratio-options button[aria-pressed=true] .image-ratio-check{visibility:visible}html[data-theme=light] .image-media-chip,html[data-theme=light] #image-ratio-trigger{background:#eee;color:#252525}html[data-theme=light] .image-mode-switch{background:#eee;color:#777}html[data-theme=light] .image-mode-switch button[aria-pressed=true]{background:#fff;color:#252525;box-shadow:0 1px 3px #0001}html[data-theme=light] #image-ratio-menu{color:#252525}html[data-theme=light] .image-ratio-preview,html[data-theme=light] .image-ratio-options{background:#fafafa;border-color:#ddd}html[data-theme=light] .image-ratio-grid{background:linear-gradient(to right,transparent 24%,#0000000d 24%,#0000000d 25%,transparent 25%,transparent 74%,#0000000d 74%,#0000000d 75%,transparent 75%),linear-gradient(to bottom,transparent 24%,#0000000d 24%,#0000000d 25%,transparent 25%,transparent 74%,#0000000d 74%,#0000000d 75%,transparent 75%)}html[data-theme=light] .image-ratio-options button:hover,html[data-theme=light] .image-ratio-options button:focus-visible,html[data-theme=light] .image-ratio-options button[aria-pressed=true]{background:#e9e9e9}html[data-theme=light] .image-ratio-description{color:#777}@keyframes image-ratio-enter{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){body[data-view=images] #composer-toolbar{gap:4px!important}body[data-view=images] #image-composer-controls{gap:5px}.image-media-chip{display:none}.image-mode-switch button{padding:0 9px;font-size:13px!important;height:30px}#image-ratio-trigger{height:36px;padding:0 9px;font-size:13px!important}.image-ratio-mark{max-width:14px;max-height:14px}#image-ratio-menu{width:334px}.image-ratio-preview{width:150px}.image-ratio-options button{gap:8px;padding:0 9px;font-size:15px}}@media(prefers-reduced-motion:reduce){#image-ratio-menu{animation:none}.image-ratio-frame,.image-mode-switch button{transition:none}}
