.photo-preview{isolation:isolate}.photo-annotation-preview{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.photo-annotate-button{position:absolute;left:9px;bottom:9px;z-index:4;border:0;border-radius:999px;background:rgba(23,32,38,.78);color:#fff;padding:8px 11px;font-size:12px;font-weight:850;box-shadow:0 2px 8px rgba(0,0,0,.22)}.photo-annotate-button[hidden]{display:none!important}.preview-clear{z-index:5}html.annotation-lock,body.annotation-lock{overflow:hidden!important;overscroll-behavior:none!important;height:100%!important;touch-action:none!important}body.annotation-lock{position:fixed!important;left:0;right:0;width:100%;max-width:none!important}.annotation-backdrop{position:fixed;inset:0;z-index:5000;background:#101513;display:none;color:#fff;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}.annotation-backdrop.open{display:block}.annotation-editor{width:min(100%,560px);height:100dvh;max-height:100dvh;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#101513;overflow:hidden;overscroll-behavior:none;touch-action:none}.annotation-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:calc(9px + env(safe-area-inset-top)) 12px 9px;touch-action:manipulation}.annotation-header strong{text-align:center;font-size:16px}.annotation-header button{border:0;border-radius:11px;min-height:40px;padding:0 12px;font-weight:850;touch-action:manipulation}.annotation-cancel{background:rgba(255,255,255,.13);color:#fff}.annotation-save{background:#fff;color:#172026}.annotation-stage-wrap{min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;overflow:hidden;overscroll-behavior:none;touch-action:none}.annotation-stage{position:relative;width:100%;aspect-ratio:var(--photo-aspect);max-height:100%;background:#000;border-radius:15px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14);overscroll-behavior:none;touch-action:none}.annotation-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.annotation-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none!important;overscroll-behavior:none;user-select:none;-webkit-user-select:none;z-index:2}.annotation-toolbar{padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#171d1a;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:9px;overflow:hidden;overscroll-behavior:none;touch-action:none}.annotation-tools,.annotation-colors,.annotation-widths,.annotation-history{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x}.annotation-tools::-webkit-scrollbar,.annotation-colors::-webkit-scrollbar,.annotation-widths::-webkit-scrollbar,.annotation-history::-webkit-scrollbar{display:none}.annotation-tool,.annotation-width,.annotation-history button{flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;min-height:40px;padding:0 12px;font-size:12px;font-weight:850;touch-action:manipulation}.annotation-tool.active,.annotation-width.active{background:#fff;color:#172026;border-color:#fff}.annotation-color{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:3px solid transparent;padding:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);touch-action:manipulation}.annotation-color.active{border-color:#fff}.annotation-color[data-color="#ff3b30"]{background:#ff3b30}.annotation-color[data-color="#ffd60a"]{background:#ffd60a}.annotation-color[data-color="#0a84ff"]{background:#0a84ff}.annotation-color[data-color="#ffffff"]{background:#fff}.annotation-row-label{flex:0 0 auto;display:flex;align-items:center;color:#b7c0bc;font-size:11px;font-weight:800;padding-right:2px}.annotation-text-sheet{position:absolute;z-index:6;left:10px;right:10px;bottom:10px;background:rgba(20,27,24,.97);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;touch-action:manipulation}.annotation-text-sheet[hidden]{display:none}.annotation-text-sheet input{min-width:0;border:0;border-radius:10px;padding:10px;font-size:16px;touch-action:manipulation}.annotation-text-sheet button{border:0;border-radius:10px;padding:0 11px;font-weight:850;touch-action:manipulation}.annotation-text-cancel{background:#343c38;color:#fff}.annotation-text-add{background:#fff;color:#172026}.pin-choice svg,.app-pin-symbol svg,.point-pin-inline svg{display:block;width:21px;height:21px}.pin-choice{color:var(--accent)}.app-pin-symbol{color:var(--accent);display:grid;place-items:center}.point-pin-inline{display:inline-grid;vertical-align:-5px;margin-right:5px;color:var(--accent)}.point-pin-inline+span{vertical-align:middle}.viewer-pin-symbol svg{display:block;width:42px;height:42px}.viewer-pin-symbol{color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.viewer-annotation-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.photo-panel .photo-overlay{z-index:3}.photo-panel .photo-step,.photo-panel .arrow{z-index:4}@media(max-height:720px){.annotation-toolbar{gap:6px;padding-top:7px}.annotation-tool,.annotation-width,.annotation-history button{min-height:36px}.annotation-color{width:34px;height:34px}.annotation-header{padding-bottom:6px}.annotation-stage-wrap{padding-top:4px;padding-bottom:4px}}