form.commentbox[data-comment-key]{flex-wrap:wrap;align-items:center}form.commentbox[data-comment-key]>input[name=body]{flex:1;min-width:140px}.comment-media-tools{flex:0 0 100%;width:100%;min-width:0;margin-top:5px}.comment-attachment-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.comment-attachment-controls button{font-size:12px!important;line-height:1.3;border-radius:18px!important;padding:7px 11px!important;min-height:32px;background:#edf3e8!important;color:#214431!important;border:1px solid #d9e5d2!important}.comment-attachment-controls input[hidden]{display:none!important}.comment-emoji-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;max-width:340px;padding:10px;margin-top:8px;background:#f2f6ee;border:1px solid #d1ddc7;border-radius:12px}.comment-emoji-picker button{font-size:23px!important;min-width:0;min-height:36px;padding:3px!important;background:transparent!important}.comment-pending-photo{display:flex;gap:10px;align-items:center;margin:10px 0;padding:10px;border-radius:10px;background:#eff4eb;overflow:hidden}.comment-pending-photo>img{width:72px;height:72px;object-fit:contain;border-radius:8px}.comment-pending-photo>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.comment-pending-photo small{display:block;color:#52694e}.comment-pending-photo>button{font-size:12px}.comment-upload-error{color:#8c2d19;font-size:13px;line-height:1.5;margin:8px 0}.comment-upload-status,.comment-beta-note{font-size:12px;color:#476340;display:block;margin:6px 0}.comment-attachment{margin:10px 0;max-width:360px}.comment-attachment a{display:block;width:fit-content;max-width:100%}.comment-photo{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#edf2e9}.comment-reply-form .comment-media-tools{margin-top:0}@media(max-width:600px){.comment-emoji-picker{grid-template-columns:repeat(8,minmax(0,1fr))}.comment-pending-photo>img{width:56px;height:56px}.comment-photo{max-height:260px}.comment-controls{gap:10px;flex-wrap:wrap}}

.comment-preview-open{position:relative;flex:0 0 88px;display:block;padding:0!important;background:transparent!important;border:0!important;cursor:zoom-in}.comment-preview-open img{display:block;width:88px;height:100px;object-fit:contain;border-radius:8px}.comment-preview-open span{display:block;font-size:11px;padding:4px;color:#214431;text-decoration:underline}.comment-pending-photo>.comment-preview-open{font-size:12px}.comment-attachment [data-comment-image]{cursor:zoom-in}.comment-image-viewer{box-sizing:border-box;width:calc(100vw - 24px);max-width:1100px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:#fbfcf8;color:#193b2b;overflow:hidden}.comment-image-viewer::backdrop{background:#071a12e8}.comment-image-viewer[open]{display:flex;flex-direction:column}.comment-image-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #dfe5dc;background:#fbfcf8}.comment-image-header>div{display:flex;align-items:center;gap:12px}.comment-image-zoom{padding:9px 12px!important;border:1px solid #bdcdb6!important;border-radius:20px;background:#edf3e8!important;color:#193b2b!important;min-height:44px}.comment-image-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#e8ede6}.comment-image-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.comment-image-viewer.is-zoomed .comment-image-stage{display:block}.comment-image-viewer.is-zoomed .comment-image-stage img{width:var(--comment-zoom-width,1200px);max-width:none;max-height:none;object-fit:initial}.comment-image-help{flex:0 0 auto;padding:10px 16px;margin:0;font-size:12px;line-height:1.4}.comment-preview-open:focus-visible,.comment-image-zoom:focus-visible{outline:3px solid #214431;outline-offset:2px}@media(max-width:600px){.comment-image-viewer{width:calc(100vw - 12px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.comment-image-header{padding:8px 10px}.comment-image-header>span{font-size:13px}}