:root{font-family:Arial,Helvetica,sans-serif;color:#232b29;background:#f7f8f7;font-synthesis:none;text-rendering:optimizeLegibility;--green: #185c48;--green-light: #e7f0eb;--border: #e3e7e4;--muted: #77817b;letter-spacing:0;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;letter-spacing:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button,input,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #318970}input:focus,select:focus{outline:2px solid #3d9278;outline-offset:1px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}h1{font-size:27px;font-weight:600;line-height:1.3}h2{font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}.muted{color:var(--muted)}.full{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 15px;border:1px solid transparent;border-radius:5px;font-weight:500;font-size:13px;line-height:1.35;text-align:center}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#124b3a}.button.secondary{background:#fff;border-color:#d7ddd9}.button.secondary:hover:not(:disabled){background:#f1f5f2}.button.plain{background:transparent;color:#717a75}.button .spinner{width:17px;height:17px}.icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:transparent;border:0;border-radius:5px;padding:7px;color:#69756d}.icon:hover:not(:disabled),.icon.selected{background:#e7eee9;color:var(--green)}.icon svg{width:20px;height:20px}.icon.small{width:28px;height:28px;padding:6px}.icon.small svg{width:16px;height:16px}.danger:hover:not(:disabled){color:#b0443a;background:#fff0ec}.text-button{border:0;background:transparent;padding:5px 0;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--green);text-align:left}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;min-width:0}.field input,.field select{width:100%;min-width:0;border:1px solid #d3dcd5;border-radius:4px;padding:11px 12px;background:#fff;color:#25372c;font-size:14px;min-height:42px}.field input::placeholder{color:#9aa39d}.state-dot{width:6px;height:6px;border-radius:50%;background:#4c9272;flex-shrink:0}.state-dot.pending{background:#c19134}.spinner{width:22px;height:22px;border:2px solid #b1c7bc;border-top-color:#286349;border-radius:50%;display:inline-block;animation:spin 1s linear infinite;flex-shrink:0}.rotating{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:12px;border:1px solid #ebc8bc;background:#fff2ed;color:#93432f;border-radius:4px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.error .button{margin-top:10px}.notice{font-size:12px;line-height:1.5;background:#edf4ef;border-radius:4px;padding:10px;color:#417351}.notice.warning{background:#fff5df;color:#856321}.notice.warning .button{margin-top:10px}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--green)}.app-shell{min-height:100dvh}.app-header{height:65px;position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:12px}.brand,.login-brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:var(--green)}.brand strong,.login-brand>span:first-of-type{font-family:Georgia,serif;font-weight:400;font-size:22px}.brand>span:last-child{font-size:13px;color:#5b655f}.brand-rule{width:1px;height:21px;background:#d9dfda;margin:0 5px}.header-right{display:flex;align-items:center;gap:12px}.workspace-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#849087;margin-right:16px}.username{font-size:12px}.user-avatar{height:28px;width:28px;border-radius:50%;background:#eee6e4;color:#855d5a;display:flex;align-items:center;justify-content:center;font-size:11px}.sidebar{position:fixed;top:65px;bottom:0;width:241px;background:#fff;border-right:1px solid var(--border);padding:30px 16px 0;display:flex;flex-direction:column;z-index:15}.sidebar-heading{font-size:10px;color:#879289;padding:0 13px;margin-bottom:15px;font-weight:600}.status-nav{display:flex;flex-direction:column;gap:4px}.status-nav button{display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:39px;width:100%;border:0;border-radius:4px;background:transparent;text-align:left;color:#6c766f;font-size:12px}.status-nav button>span{flex:1}.status-nav button small{font-size:11px;font-variant-numeric:tabular-nums;color:#869187}.status-nav button.active{background:var(--green-light);color:var(--green);font-weight:600}.status-nav button:hover:not(.active){background:#f5f7f5}.status-nav button.nav-review:not(.active)>svg{color:#b5934b}.status-nav button.nav-in_progress:not(.active)>svg{color:#6187a9}.folder-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.folder-tree{overflow:auto;min-height:80px;flex:1;margin:0 -6px}.folder-row{display:flex;align-items:center;min-height:34px;border-radius:4px;padding-right:8px}.folder-row.active{color:var(--green);background:var(--green-light)}.folder-row:hover{background:#f0f4f1}.folder-expand{border:0;background:transparent;padding:0;width:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#89978b}.folder-indent{width:15px;flex-shrink:0}.folder-select{border:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:11px;min-width:0;flex:1;text-align:left;padding:8px 0}.folder-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.folder-select>small{font-size:10px;color:#8a948d;flex-shrink:0}.folder-select>svg{color:#829187}.sidebar-empty{font-size:12px;color:#96a098;padding:10px 20px}.sidebar-bottom{margin:18px -16px 0;padding:23px 24px 0;border-top:1px solid var(--border)}.progress-heading{display:flex;justify-content:space-between;font-size:11px;color:#778579}.progress-heading strong{color:var(--green);font-size:13px}.progress-track{height:4px;background:#e7ede8;overflow:hidden;border-radius:2px;margin:12px 0 10px}.progress-track>div{height:100%;background:#387d61}.sidebar-bottom>p{font-size:11px;color:#526a5a}.sidebar-bottom>p span{color:#94a098}.sync-status{display:flex;gap:9px;align-items:center;width:calc(100% + 48px);margin:23px -24px 0;border:0;border-top:1px solid var(--border);background:#fafbf9;text-align:left;padding:16px 18px;color:#819487;font-size:10px}.sync-status>span{flex:1;line-height:1.6}.sync-status small{display:block;font-size:10px;color:#9ca89f}.sync-warning{color:#ae8136}.workspace-main{margin-left:241px;padding:93px 34px 30px;min-width:0}.breadcrumbs{font-size:11px;color:#98a199;display:flex;align-items:center;gap:10px;margin-bottom:18px;line-height:1.5}.breadcrumbs span:last-child{color:#79857c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px;min-width:0}.workspace-title>div:first-child{min-width:0}.workspace-title h1{overflow-wrap:anywhere}.workspace-title p{color:#909b92;font-size:11px;margin-top:9px;overflow-wrap:anywhere;line-height:1.5}.workspace-actions{display:flex;gap:9px;flex-shrink:0}.library-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3dd;gap:14px;margin-bottom:23px;min-height:50px}.filter-tabs{display:flex;gap:17px;overflow:auto;flex-shrink:1}.filter-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:16px 1px;font-size:12px;color:#839086;white-space:nowrap;flex-shrink:0}.filter-tabs button.active{border-bottom-color:var(--green);color:var(--green);font-weight:600}.search-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.search{display:flex;align-items:center;gap:8px;border:1px solid #e0e6e0;border-radius:4px;padding:0 10px;height:33px;background:#fff;color:#98a49b}.search input{width:174px;min-width:0;border:0;background:transparent;font-size:11px;color:#4d6254;outline:0}.search:focus-within{outline:1px solid #458e6c}.search input::placeholder{color:#a1aaa3}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 19px;transition:opacity .15s}.photo-grid.loading{opacity:.65}.photo-card{border:0;padding:0;min-width:0;background:transparent;display:block;text-align:left;border-radius:4px}.photo-thumbnail{position:relative;background:#e7eae7;aspect-ratio:4/5;overflow:hidden;border-radius:5px}.photo-thumbnail>img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.photo-card:hover .photo-thumbnail>img{transform:scale(1.025)}.photo-status{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;background:#ffffffeb;border:1px solid #ffffff77;font-size:10px;padding:5px 7px;border-radius:3px;max-width:calc(100% - 20px)}.photo-status.todo{color:#656f65}.photo-status.done{color:#2b795b;background:#f0fcf3eb}.photo-status.in_progress{color:#467696;background:#f0f8fdeb}.photo-status.skipped{color:#9a8064;background:#fff8efeb}.photo-status.review{color:#947023;background:#fff8e6eb}.photo-point-count{position:absolute;bottom:10px;right:10px;background:#fffef2e8;padding:5px 7px;display:flex;gap:5px;align-items:center;font-size:11px;border-radius:3px;color:#5a645b}.photo-caption{padding:11px 1px 2px;display:flex;flex-direction:column;gap:6px}.photo-caption strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-caption>span{font-size:10px;color:#97a096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-empty{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:17px;color:#8d9b90}.library-empty h2{color:#526858;font-size:19px;font-weight:500}.library-empty p{font-size:12px;line-height:1.6;max-width:340px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:30px;font-size:12px;color:#768b7c}.pagination>span:first-child{margin-right:auto}.workspace-error{margin-bottom:20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.opening-photo{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 4px 28px #0002;border:1px solid var(--border);padding:13px 20px;border-radius:6px;z-index:80;display:flex;align-items:center;gap:13px;font-size:12px}.mobile-menu{display:none}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:#f8faf7}.viewer-header{min-height:66px;height:66px;display:flex;align-items:center;gap:13px;padding:0 18px;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0}.viewer-title{min-width:0;flex:1}.viewer-title h2{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-title>span{display:block;font-size:10px;color:#8b978e;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.save-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#59816a;flex-shrink:0}.save-state.has-error{color:#bd6a49}.save-state .spinner{width:16px;height:16px}.viewer-body{display:flex;min-height:0;flex:1}.image-stage{flex:1;min-width:0;position:relative;background:#222927;overflow:hidden}.transform-outer{width:100%!important;height:100%!important}.transform-inner{position:relative}.photo-plane{position:relative;flex-shrink:0}.photo-plane>img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:contain}.photo-plane.point{cursor:crosshair}.photo-plane.hand{cursor:grab}.photo-plane.hand:active{cursor:grabbing}.pin{position:absolute;display:flex;align-items:center;justify-content:center;background:#287c5b;color:#fff;font-size:12px;font-weight:600;line-height:1;width:27px;height:27px;border-radius:50%;border:2px solid white;padding:0;box-shadow:0 1px 6px #0005;transform-origin:center;z-index:2;touch-action:none}.pin.skip{background:#9d8064}.pin.draft{background:#df704f;pointer-events:none}.pin:hover{outline:2px solid #91c5ac}.image-tools{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:center;padding:5px 6px;background:#fff;border-radius:6px;box-shadow:0 4px 14px #0003;z-index:5}.image-tools .icon{color:#5a6b5e}.image-tools .segmented{display:flex;gap:1px}.image-tools .icon.selected{background:#e1eee4;color:#226244}.tool-divider{height:21px;width:1px;background:var(--border);margin:0 6px}.zoom-value{font-size:11px;color:#7a897d;min-width:39px;text-align:center;font-variant-numeric:tabular-nums}.image-dimensions{position:absolute;bottom:14px;left:18px;color:#8b9890;font-size:10px}.image-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.stage-error{position:absolute;left:20px;right:20px;top:25%;text-align:center;color:#fff;font-size:13px}.annotation-panel{width:319px;background:#fff;display:flex;flex-direction:column;flex-shrink:0;min-height:0}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:21px 19px 17px;border-bottom:1px solid var(--border)}.panel-title h2{display:flex;align-items:center;gap:9px;font-size:14px}.panel-title h2 span{font-size:11px;color:#8b998e;background:#f0f4ef;padding:3px 6px;border-radius:3px}.panel-scroll{padding:18px;overflow:auto;flex:1;min-height:0}.panel-scroll>.error,.panel-scroll>.notice{margin-bottom:15px}.empty-points{display:flex;align-items:center;flex-direction:column;gap:15px;color:#9da99f;padding:60px 0}.empty-points h3{font-size:13px;color:#7c8e80;font-weight:400}.point-list{display:flex;flex-direction:column}.point-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef1ed;min-width:0}.point-row.editing{opacity:.65}.point-number{display:flex;align-items:center;justify-content:center;width:23px;height:23px;background:#e4f1e8;border:1px solid #c9e3d2;border-radius:50%;color:#468060;font-size:11px;flex-shrink:0}.point-number.skip{background:#f4ebe1;border-color:#e8dccc;color:#9b8469}.point-description{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.point-description strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.point-description span{font-size:10px;color:#9ca79e;overflow-wrap:anywhere;line-height:1.5}.point-row>.icon{margin-left:-4px}.point-form{padding-top:20px}.form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.form-title h3{font-size:13px}.mode-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:19px;gap:20px}.mode-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 0;font-size:12px;color:#8c988e}.mode-tabs button.active{border-color:var(--green);color:var(--green)}.point-form>.button{margin-top:18px}.input-with-action{display:flex;align-items:center;position:relative}.input-with-action input{padding-right:48px;font-size:17px;font-variant-numeric:tabular-nums}.input-with-action>.icon{position:absolute;right:4px;color:var(--green)}.annotation-footer{padding:18px;border-top:1px solid var(--border);background:#fcfdfb;display:flex;flex-direction:column;gap:6px}.annotation-footer .button{min-height:40px}.completed-photo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:#598267;font-size:12px;padding:9px}.completed-photo>.text-button,.completed-photo>span{width:100%;text-align:center;justify-content:center;margin-top:6px}.completed-photo.skipped{color:#9c8769}.history-list h3{margin-bottom:10px}.history-row{padding:15px 0;border-bottom:1px solid var(--border)}.history-row>strong{font-size:12px}.history-row>span{display:block;font-size:10px;color:#98a099;margin-top:6px}.history-row>p{margin:9px 0 5px;font-size:11px;color:#728676}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#11231ba6;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.small-modal,.scanner-modal{background:#fff;border-radius:7px;padding:24px;width:380px;max-width:100%;max-height:90dvh;overflow:auto;box-shadow:0 10px 60px #0003}.small-modal h2{font-size:17px;margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.scanner-shade{z-index:90}.scanner-modal{width:450px;padding:20px}.scanner-modal header,.sync-modal header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.scanner-modal h2{display:flex;align-items:center;gap:10px;font-size:15px}.camera-view{position:relative;aspect-ratio:4/3;background:#17241d;border-radius:4px;overflow:hidden;margin-bottom:17px}.camera-view video{width:100%;height:100%;object-fit:cover}.camera-target{position:absolute;top:32%;bottom:32%;left:12%;right:12%;border:2px solid #8de1b9;border-radius:4px;pointer-events:none}.scanner-modal>.error{margin-bottom:15px}.scanner-modal>.field{margin:15px 0}.sync-modal header h2{margin:0}.sync-modal>p{font-size:12px;line-height:1.7;margin-bottom:12px}.sync-issues{max-height:300px;overflow:auto}.sync-issues>div{border-bottom:1px solid var(--border);padding:10px 0;font-size:12px;overflow-wrap:anywhere}.sync-issues p{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.sync-modal>.button{margin-top:20px}.login-page{min-height:100dvh;background:#f5f7f4;display:flex;align-items:center;justify-content:center;padding:100px 24px}.login-brand{position:absolute;top:30px;left:36px}.login-brand>span:last-child{font-family:Arial,sans-serif;font-size:14px;color:#77857a}.login-form{width:340px;max-width:100%}.login-emblem{width:56px;height:56px;border:1px solid #d6e0d6;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--green);margin-bottom:22px;background:#fff}.login-form h1{font-size:28px}.login-subtitle{font-size:13px;color:#839187;margin:11px 0 28px}.login-form .field{margin-bottom:18px}.login-form>.error{margin-bottom:15px}.login-lock{display:flex;align-items:center;justify-content:center;gap:6px;color:#99a69b;font-size:11px;margin-top:22px}.login-footer{position:absolute;bottom:22px;font-size:10px;color:#a9b3a9}@media(min-width:1700px){.photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace-main{padding-left:45px;padding-right:45px}}@media(max-width:1250px){.library-toolbar{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:12px}.search-row{width:100%;margin-top:8px}.search{flex:1}.search input{width:100%}.filter-tabs{width:100%;gap:25px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-main{padding-left:25px;padding-right:25px}.annotation-panel{width:300px}.workspace-label{display:none}}@media(max-width:900px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.sidebar-bottom{margin-left:-12px;margin-right:-12px}.workspace-main{margin-left:215px;padding-left:22px;padding-right:22px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.workspace-title{align-items:flex-start}.workspace-title h1{font-size:23px}.workspace-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-actions .button{font-size:11px;padding:8px 10px}.export-button>span{display:none}.export-button{width:36px}.annotation-panel{width:285px}.image-tools{bottom:35px;gap:0;padding:4px}.image-tools .icon{width:31px;height:31px}.tool-divider{margin:0 2px}}@media(max-width:700px){.app-header{padding:0 13px;height:59px;gap:5px}.brand{gap:7px}.brand strong{font-size:19px}.brand>svg{width:20px}.brand-rule{margin:0 3px}.brand>span:last-child{font-size:12px}.header-right{margin-left:auto;gap:5px}.username{display:none}.user-avatar{width:26px;height:26px}.mobile-menu{display:flex}.sidebar{top:59px;transform:translate(-100%);width:260px;transition:transform .2s;z-index:25}.sidebar.open{transform:translate(0)}.sidebar-shade{position:fixed;top:59px;right:0;bottom:0;left:0;z-index:24;background:#16362466}.workspace-main{margin:0;padding:81px 18px 25px}.breadcrumbs{font-size:10px;margin-bottom:17px}.workspace-title{gap:12px;margin-bottom:20px}.workspace-title h1{font-size:23px}.workspace-title p{font-size:11px;margin-top:7px}.workspace-actions{max-width:148px;gap:6px}.library-toolbar{margin-bottom:19px}.filter-tabs{gap:19px}.filter-tabs button{font-size:11px;padding-top:11px;padding-bottom:12px}.search-row{margin-top:12px}.search{height:35px}.search input{font-size:12px}.photo-grid{gap:19px 13px}.photo-status{top:7px;left:7px;font-size:9px;padding:4px 6px;max-width:calc(100% - 14px)}.photo-caption strong{font-size:11px}.photo-caption>span{font-size:9px}.library-empty{min-height:350px}.viewer-header{min-height:58px;height:58px;padding:0 8px;gap:5px}.viewer-header>.icon{width:30px}.viewer-title h2{font-size:12px}.save-state{font-size:9px;gap:4px}.save-state>span:not(.spinner):not(.state-dot){display:none}.viewer-title>span{font-size:9px}.viewer-body{flex-direction:column;overflow:auto}.image-stage{flex:none;height:52dvh;min-height:260px;width:100%;touch-action:none}.annotation-panel{width:100%;flex:1;min-height:280px;overflow:visible}.panel-title{padding:13px 18px;min-height:54px}.panel-scroll{overflow:visible;padding-top:8px}.empty-points{padding:24px 0;gap:10px}.empty-points>svg{width:25px;height:25px}.point-row{padding:10px 0}.annotation-footer{position:sticky;bottom:0;z-index:5;padding:12px 18px;display:grid;grid-template-columns:1fr;gap:0}.image-tools{bottom:20px}.image-dimensions{font-size:8px;left:10px;bottom:8px}.login-brand{left:24px;top:25px}.login-page{padding:100px 26px}.panel-title h2{font-size:13px}.small-modal{padding:22px}.modal-shade{padding:15px}.viewer .point-form{padding-bottom:8px}.image-tools .icon{width:34px;height:34px}.scanner-modal{padding:18px}.login-footer{position:fixed;bottom:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:700px){.viewer .annotation-panel,.viewer .panel-scroll{flex:none}.viewer .annotation-footer{position:static}.workspace-actions{flex-wrap:nowrap;max-width:none}.filter-tabs{max-width:100%}}