.chat-image-open{position:relative;display:block!important;padding:0!important;border:0!important;background:transparent!important;border-radius:8px!important;max-width:100%;cursor:zoom-in!important;overflow:hidden;color:#294f3b!important}.chat-image-open img{margin:0!important;display:block;max-width:100%;max-height:240px;border-radius:6px}.chat-image-open>span{display:block;font-size:11px;line-height:1.5;background:#eaf0e7;padding:5px 8px}.chat-image-open:focus-visible{outline:3px solid #5b9772;outline-offset:3px}.attachment-preview .chat-image-open img{width:64px;height:64px;object-fit:cover}.attachment-preview .chat-image-open>span{font-size:10px;padding:3px}
.image-editor{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1200px,100vw);height:min(900px,100dvh);max-width:100vw;max-height:100dvh;padding:0;border:1px solid #46574e;border-radius:12px;background:#18221e;color:#f2f6f0;overflow:hidden;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;z-index:1000}.image-editor::backdrop{background:#07110de8}.image-editor *{box-sizing:border-box}.image-editor[open]{display:flex;flex-direction:column}.image-editor [hidden]{display:none!important}.image-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#22332a;flex:none}.image-editor h2{font-size:16px;color:#fff;margin:0}.image-editor .image-title{min-width:0}.image-editor .image-name{display:block;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#b4c7ba;margin-top:4px}.image-editor button,.image-editor select,.image-editor textarea,.image-editor input{font:inherit}.image-editor button{min-height:40px;border:1px solid #4a6152;border-radius:7px;padding:8px 11px;background:#2d4135;color:#f4f8f0;cursor:pointer;white-space:nowrap}.image-editor button:hover{background:#425b49}.image-editor button:disabled{opacity:.4;cursor:default}.image-editor button[aria-pressed=true]{background:#c7dab7;color:#203624;border-color:#d8e8ce}.image-editor button:focus-visible,.image-editor input:focus-visible,.image-editor textarea:focus-visible{outline:3px solid #d9bc72;outline-offset:2px}.image-editor .image-toolbar{display:flex;gap:7px;overflow-x:auto;flex:none;padding:9px 12px;align-items:center;border-bottom:1px solid #3d5043;scrollbar-width:thin}.image-editor .image-toolbar .image-divider{width:1px;height:24px;background:#4c6252;flex:none}.image-editor .image-toolbar>*{flex-shrink:0}.image-editor .image-options{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:7px 14px;font-size:12px;flex:none;min-height:46px}.image-editor .image-options label{display:flex;align-items:center;gap:7px;color:#c5d4c8}.image-editor input[type=color]{width:38px;height:32px;border:0;background:none;padding:0}.image-editor input[type=range]{width:95px;accent-color:#c7dab7}.image-editor textarea{width:min(400px,100%);height:60px;resize:none;background:#f7faf5;color:#193226;border-radius:6px;padding:8px;border:1px solid #cad7c9}.image-editor .image-text-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:100%}.image-editor .image-viewport{flex:1;min-height:80px;min-width:0;overflow:hidden;position:relative;touch-action:none;background:repeating-conic-gradient(#242e28 0% 25%,#303a33 0% 50%) 50% / 24px 24px}.image-editor canvas{display:block;position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;touch-action:none;transform-origin:center;cursor:grab}.image-editor canvas[data-mode=pen],.image-editor canvas[data-mode=arrow],.image-editor canvas[data-mode=rect],.image-editor canvas[data-mode=ellipse],.image-editor canvas[data-mode=crop]{cursor:crosshair}.image-editor canvas[data-mode=text]{cursor:text}.image-editor .image-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#d6e5d7;background:#18221eee}.image-editor .image-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 14px;border-top:1px solid #435346;background:#22332a;flex:none}.image-editor .image-help{font-size:12px;line-height:1.6;color:#c3d2c3;min-width:0}.image-editor .image-bottom-actions{display:flex;gap:7px;flex-shrink:0}.image-editor .image-save{background:#c7dab7;color:#203624;font-weight:650;border-color:#d8e8ce}.image-editor .image-dimensions{font-size:11px;color:#adbfaf}.image-editor .image-zoom{display:flex;align-items:center;gap:6px;margin-left:auto}.image-editor .image-zoom output{font-size:12px;min-width:42px;text-align:center}.image-editor .image-error{color:#ffcdba}
@media(max-width:700px){.image-editor{width:100vw;height:100dvh;border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.image-editor header{padding:9px 12px}.image-editor .image-toolbar{padding:7px 9px;flex-wrap:wrap;overflow:visible;gap:5px}.image-editor .image-toolbar .image-divider{display:none}.image-editor .image-toolbar button{font-size:12px;padding:7px 8px;min-height:40px}.image-editor button{min-height:44px;padding:8px 10px}.image-editor .image-options{padding:7px 10px;gap:8px}.image-editor .image-zoom{margin-left:0;flex-wrap:wrap}.image-editor .image-bottom{flex-wrap:wrap;padding:8px 10px;gap:7px}.image-editor .image-help{width:100%;font-size:11px}.image-editor .image-bottom-actions{width:100%;justify-content:flex-end}.image-editor .image-text-options{width:100%}.image-editor .image-text-options textarea{width:100%;height:48px}.image-editor .image-name{max-width:72vw}.image-editor .image-dimensions{display:none}}
@media(max-height:480px){.image-editor .image-options{min-height:36px;padding:4px 10px}.image-editor header{padding:5px 10px}.image-editor .image-name,.image-editor .image-help{display:none}.image-editor .image-toolbar{padding:4px 8px}.image-editor .image-bottom{padding:5px 10px}.image-editor button{min-height:35px;padding:5px 9px}}