.comment-context{display:grid;gap:10px;margin:0 0 16px;color:#263b32}.comment-context:empty{display:none}.comment-context>strong{font-size:15px}.comment-context>small{font-size:13px;line-height:1.5;color:#637167}.comment-location{position:relative;overflow:hidden;border:1px solid #d8dfd4;border-radius:10px;background:#f6f7f4;min-height:100px}.comment-location[role=button]{cursor:crosshair}.comment-location canvas{display:block;width:100%;height:auto}.comment-location-pin{position:absolute;display:grid;place-items:center;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:#ddff48;color:#183324;border:2px solid white;box-shadow:0 0 0 2px #304737,0 2px 8px #0003;font:bold 20px/1 sans-serif;pointer-events:none}.comment-read-dialog{width:min(620px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box;border:1px solid #dce3d8;border-radius:18px;padding:28px;color:#263b32;background:white}.comment-read-dialog::backdrop{background:#15291c66}.comment-read-dialog h2{font-size:24px;margin:0 0 20px}.comment-read-text{white-space:pre-wrap;line-height:1.6}.comment-read-dialog button{min-height:44px}.review-marking .review-fold-stage{outline:3px solid #839b4d;outline-offset:4px}.review-marking .review-fold-hint{font-weight:700;color:#344b20}@media(max-width:600px){.comment-read-dialog{padding:20px}.comment-context{gap:8px}.comment-location-pin{width:26px;height:26px}.comment-context>small{font-size:12px}}
#comment-dialog:has(.comment-context){width:min(620px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box}#comment-dialog:has(.comment-context) form{gap:12px;margin-top:12px}#comment-dialog:has(.comment-context) textarea{min-height:90px}#comment-dialog:has(.comment-context) .comment-context{margin-bottom:0}@media(max-width:600px){#comment-dialog:has(.comment-context){padding:20px}#comment-dialog:has(.comment-context) h2{font-size:22px;margin-bottom:12px}}
@media(min-width:760px){#comment-dialog:has(.comment-context:not(:empty)),#flow-dialog:has(.comment-context:not(:empty)){width:min(960px,calc(100vw - 48px))}#comment-dialog:has(.comment-context:not(:empty)) form,#flow-dialog:has(.comment-context:not(:empty)) form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:28px;align-items:start}#comment-dialog:has(.comment-context:not(:empty)) form>*,#flow-dialog:has(.comment-context:not(:empty)) form>*{grid-column:2}#comment-dialog form>.comment-context:not(:empty),#flow-dialog form>.comment-context:not(:empty){grid-column:1;grid-row:1/9;align-self:start;margin:0}.comment-context .comment-location{min-height:0}}
@media(min-width:760px){#flow-dialog form>.comment-context:not(:empty){grid-row:1/span 3}#comment-dialog form>.comment-context:not(:empty){grid-row:1/span 5}}
.comment-location{overflow:visible}.comment-location canvas{border-radius:10px}