.completion-photo-editor { box-sizing:border-box; width:min(760px,calc(100vw - 24px)); max-height:94vh; max-height:94dvh; overflow:auto; padding:0; border:1px solid #dce3ed; border-radius:18px; color:#10243e; background:#fff; box-shadow:0 20px 70px #07121f50; }
.completion-photo-editor::backdrop { background:#07121fc4; }
.completion-photo-editor-header { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; background:#fff; border-bottom:1px solid #e2e8f0; }
.completion-photo-editor-header h2 { margin:0; font-size:1.1rem; }
.completion-photo-editor-customer,.completion-photo-editor-help,.completion-photo-editor-status { margin:12px 18px; overflow-wrap:anywhere; font-size:.85rem; line-height:1.65; color:#596b80; }
.completion-photo-editor-customer:empty,.completion-photo-editor-status:empty,.completion-photo-editor-help:empty { display:none; }
.completion-photo-editor-status[role="alert"] { color:#a03526; font-weight:700; }
.completion-photo-editor-preview { margin:14px 18px; padding:12px; border:1px solid #dce3ed; border-radius:12px; background:#f7f9fc; }
.completion-photo-editor-preview h3 { margin:0 0 10px; font-size:.88rem; }
.completion-photo-editor-preview img { display:block; max-width:100%; max-height:36vh; max-height:36dvh; margin:auto; object-fit:contain; border-radius:8px; }
.completion-photo-editor-preview[hidden],.completion-photo-editor-preview img[hidden] { display:none; }
.completion-photo-editor-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:16px 18px; }
.completion-photo-editor-choice { position:relative; display:flex; align-items:center; justify-content:center; min-height:48px; border:1px solid #c7d2e1; border-radius:11px; color:#10243e; background:#fff; font-size:.88rem; font-weight:800; cursor:pointer; }
.completion-photo-editor-choice input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); }
.completion-photo-editor-choice:focus-within,.completion-photo-editor-cancel:focus-visible,.completion-photo-editor-save:focus-visible { outline:3px solid #fa741d; outline-offset:3px; }
.completion-photo-editor-choice:has(input:disabled) { opacity:.5; cursor:default; }
.completion-photo-editor-cancel,.completion-photo-editor-save { min-height:44px; padding:10px 16px; border:1px solid #c7d2e1; border-radius:10px; color:#10243e; background:#fff; font:inherit; font-weight:800; cursor:pointer; }
.completion-photo-editor-footer { position:sticky; bottom:0; padding:12px 18px max(16px,env(safe-area-inset-bottom)); background:#fff; border-top:1px solid #e2e8f0; }
.completion-photo-editor-save { width:100%; border-color:#f47718; color:white; background:#f47718; }
.completion-photo-editor button:disabled { opacity:.5; cursor:default; }
.completion-photo-edit-action { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:7px 10px; border:1px solid #c7d2e1; border-radius:9px; color:#10243e; background:#fff; font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }
.completion-photo-edit-action:focus-visible { outline:3px solid #f47718; outline-offset:2px; }
@media(max-width:600px) { .completion-photo-editor { width:calc(100vw - 16px); max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); border-radius:14px; } .completion-photo-editor-header { padding:max(12px,env(safe-area-inset-top)) 12px 12px; } .completion-photo-editor-choices { margin:12px; } .completion-photo-editor-preview { margin:12px; } }