.stage.sideBySide #beforeImage{inset:0 auto 0 0;width:50%;height:100%;clip-path:none!important}
.stage.sideBySide #afterImage,.stage.sideBySide #localPreviewCanvas{inset:0 0 0 50%;width:50%;height:100%;object-fit:contain}
.stage.sideBySide:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#b5cbd8;pointer-events:none;z-index:4}
.stage.sideBySide #leftLabel{left:25%;right:auto;transform:translateX(-50%)}
.stage.sideBySide #rightLabel{left:75%;right:auto;transform:translateX(-50%)}
#feedbackOverlay{position:absolute;z-index:8;pointer-events:none}
#feedbackOverlay.placing{pointer-events:auto;cursor:crosshair}
#feedbackOverlay .feedbackPin{position:absolute;transform:translate(-50%,-100%);width:30px;height:34px;min-width:0;padding:0;border:2px solid white;border-radius:50% 50% 50% 4px;background:#20a0cf;color:white;font-weight:750;box-shadow:0 2px 7px #15394f55;pointer-events:auto;cursor:grab;touch-action:none;line-height:30px}
#feedbackOverlay .feedbackPin.selected{background:#f8b747;color:#203e50;z-index:1}
#pinPanel{border-bottom:1px solid #d9e5ec;padding-bottom:16px;margin-bottom:16px}
#pinPanel h3{font-size:15px;margin:8px 0}#pinStatus{font-size:12px;color:#57758a;overflow-wrap:anywhere;min-height:18px}
.pinComment{border:1px solid #d6e5ee;border-radius:9px;padding:10px;margin:10px 0;background:#fff}.pinComment.selected{border-color:#1fa3d3}
.pinComment label{display:block;font-weight:700;margin-bottom:5px}.pinComment textarea{display:block;width:100%;resize:vertical;min-height:68px;padding:8px;border:1px solid #c9dbe6;border-radius:6px}
.pinComment small{display:block;color:#718797;margin-top:5px}.pinComment button,#pinUndo,#pinReload{font-size:12px;padding:5px 8px;margin-top:6px}
.dashboardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dashboardHeader h2{margin:0}
.dashboardModes{display:flex;gap:6px}.dashboardModes button[aria-pressed=true]{background:#e8f5fc;border-color:#20a4d3;color:#08769e}
.projectList{display:grid;gap:7px}.projectListHeader,.projectListRow{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(130px,1fr) 32px;align-items:center;gap:16px;text-align:left}
.projectListHeader{padding:4px 15px;color:#728a99;font-size:12px}
.projectListRow{width:100%;min-width:0;padding:13px 15px;border:1px solid #d8e4eb;border-left:4px solid #20a4d3;border-radius:9px;background:#fff;color:#203e50}
.projectListRow:hover{background:#f0f8fc;border-color:#20a4d3}.projectListAddress{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectListStyle,.projectListProgress{min-width:0;color:#668294;font-size:12px}.projectListProgress progress{display:block;width:100%;height:5px;margin-top:5px}
.group-preparing .projectListRow{border-left-color:#8195a4}.group-wm .projectListRow{border-left-color:#f4b747}.group-delivery .projectListRow{border-left-color:#9985be}.group-final .projectListRow{border-left-color:#61a67f}
@media(max-width:750px){.projectListHeader{display:none}.projectListRow{grid-template-columns:minmax(0,1fr) 30px;gap:5px}.projectListAddress{grid-column:1}.projectListStyle,.projectListProgress{grid-column:1}.projectListOpen{grid-column:2;grid-row:1/4}.dashboardModes button{padding:7px 10px}.stage.sideBySide .imageLabel{font-size:9px;padding:4px}}
/* Separate vector feedback layer; never applied to image pixels. */
.feedbackStageWrap{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:start;min-width:0}.feedbackStageWrap>.stage{width:100%;min-width:0}
#feedbackTools{display:flex;flex-direction:column;gap:5px;position:sticky;top:12px;align-self:start;padding-top:5px}
#feedbackTools button{width:38px;min-width:0;height:38px;padding:3px;font-size:23px;line-height:1;border-radius:7px;background:#fff;color:#214657;border:1px solid #d5e3ec}
#feedbackTools button.active{background:#e7f5fb;border-color:#20a0cf;color:#08759a}#feedbackTools button:disabled{opacity:.45}#feedbackBrushSize{width:36px;writing-mode:vertical-lr;direction:rtl;height:95px;margin:8px 0;accent-color:#20a0cf}
.feedbackAreas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#feedbackOverlay.placing{touch-action:none}
#pinPanel{position:relative;padding-bottom:5px;margin-bottom:8px}#pinPanel h3{margin:4px 0}#pinPanel #feedbackHelp{margin:0;border:0;background:none}#feedbackHelp>summary{position:absolute;right:0;top:0;list-style:none;cursor:pointer;font-size:20px;color:#577c90;padding:0 4px}#feedbackHelp p{font-size:12px;line-height:1.5}#pinInstructions,#pinHint{margin:8px 0}#pinStatus:empty{display:none}.pinComment{padding:8px;margin:6px 0}.pinComment textarea{min-height:52px}.pinComment small{font-size:10px}#generalFeedback{margin-top:10px}#generalFeedback summary{cursor:pointer;font-size:13px;color:#587488}#generalFeedback textarea{min-height:60px}
#customizeMenu{width:auto;align-self:flex-end;margin:0 0 8px auto;padding:5px 9px;font-size:12px;color:#587488;background:transparent;border:1px solid #dae5eb}.panelGrip{float:right;margin-left:8px;color:#8aa0ae;cursor:grab;user-select:none;font-size:17px}.menuOrderRow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e3ebf0}.menuOrderRow span{flex:1}.menuOrderRow button{padding:4px 12px}#menuOrderDialog{max-width:520px;width:calc(100% - 30px)}#menuOrderDialog>button{margin:16px 8px 0 0}
@media(max-width:650px){.feedbackStageWrap{grid-template-columns:minmax(0,1fr) 30px;gap:5px}#feedbackTools button{width:29px;height:32px;font-size:20px}#feedbackBrushSize{width:27px}}
#feedbackTools svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.panelGrip{touch-action:none}.menuDropTarget{outline:2px solid #20a0cf;outline-offset:2px}
.feedbackEmpty{font-size:12px;color:#6a8392;margin:8px 0}.feedbackHint{font-size:12px;color:#6a8392}

#feedbackScopes{display:flex;gap:6px;margin:8px 0 10px;flex-wrap:wrap}#feedbackScopes button{font-size:11px;padding:6px 8px}#feedbackScopes button[aria-pressed=true]{background:#e6f4fb;border-color:#20a4d3;color:#126f94}#generalFeedback textarea:read-only{background:#f5f8fa;color:#6d8290}