.chatinput-aspect-ratio-menu{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.chatinput-aspect-ratio-button{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:3px 7px;color:#111827;background:rgba(0,0,0,.04)}.chatinput-aspect-ratio-button--active,.chatinput-aspect-ratio-button:hover{background:rgba(0,0,0,.08)}.chatinput-aspect-ratio-value{display:inline-block;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;font-weight:600;color:currentColor}.chatinput-aspect-ratio-icon{transform:translateY(.5px)}.chatinput-aspect-ratio-popover{position:absolute;left:0;bottom:calc(100% + 10px);z-index:13000;width:min(280px,calc(100vw - 32px));max-height:320px;overflow-y:auto;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.18);color:#111827}.chatinput-aspect-ratio-popover__title{padding:2px 4px 9px;font-size:13px;font-weight:700;color:#374151}.chatinput-aspect-ratio-options{display:flex;flex-direction:column;gap:6px}.chatinput-aspect-ratio-option{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:42px;border:1px solid transparent;border-radius:10px;padding:7px 8px;background:#f7f7f7;color:#111827;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.chatinput-aspect-ratio-option--active,.chatinput-aspect-ratio-option:hover{border-color:#d8d8d8;background:#eeeeee}.chatinput-aspect-ratio-option__mark{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:28px;border-radius:7px;background:#fff;border:1px solid #d6d6d6;font-size:12px;font-weight:700;color:#374151}.chatinput-aspect-ratio-option__label{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.2}.dark-mode .chatinput-aspect-ratio-button,body.dark-mode .chatinput-aspect-ratio-button{color:#fff;background:rgba(255,255,255,.08)}.dark-mode .chatinput-aspect-ratio-button--active,.dark-mode .chatinput-aspect-ratio-button:hover,body.dark-mode .chatinput-aspect-ratio-button--active,body.dark-mode .chatinput-aspect-ratio-button:hover{background:rgba(255,255,255,.14)}.dark-mode .chatinput-aspect-ratio-popover,body.dark-mode .chatinput-aspect-ratio-popover{border-color:#343942;background:#1f232b;color:#f9fafb;box-shadow:0 18px 48px rgba(0,0,0,.42)}.dark-mode .chatinput-aspect-ratio-popover__title,body.dark-mode .chatinput-aspect-ratio-popover__title{color:#f3f4f6}.dark-mode .chatinput-aspect-ratio-option,body.dark-mode .chatinput-aspect-ratio-option{background:#2a2f38;color:#f9fafb}.dark-mode .chatinput-aspect-ratio-option--active,.dark-mode .chatinput-aspect-ratio-option:hover,body.dark-mode .chatinput-aspect-ratio-option--active,body.dark-mode .chatinput-aspect-ratio-option:hover{border-color:#4b5563;background:#374151}.dark-mode .chatinput-aspect-ratio-option__mark,body.dark-mode .chatinput-aspect-ratio-option__mark{border-color:#4b5563;background:#111827;color:#f9fafb}@media (max-width:768px){.chatinput-aspect-ratio-value{display:none}.chatinput-aspect-ratio-button{padding:2px;background:transparent}}@media (max-width:420px){.chatinput-aspect-ratio-popover{left:-44px;width:min(270px,calc(100vw - 24px))}}