:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#091525;--lavender:#b391ee;--cyan:#43d3ed;--bg:#091525;--surface:#111f32;--text:#edf3fb;--muted:#92a3bb;--line:#263549;--input:#17263b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 15px}button:disabled{opacity:.45;cursor:not-allowed}button:hover:enabled{border-color:var(--cyan)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}main{max-width:1450px;margin:auto;padding:30px 52px 0}header{justify-content:center;align-items:center;display:flex}.brand{color:var(--muted);flex-direction:column;width:320px;max-width:100%;text-decoration:none;display:flex}.brand img{aspect-ratio:3;object-fit:contain;object-position:center;width:100%;height:auto}.brand span{letter-spacing:1.2px;text-align:center;margin-top:-8px;font-size:11px}.steps{color:var(--muted);justify-content:center;align-items:center;gap:20px;margin:28px 0 24px;font-size:15px;display:flex}.steps .active{color:var(--cyan)}.steps i{background:var(--line);width:65px;height:1px;display:block}.upload{text-align:center;max-width:870px;margin:0 auto}.eyebrow{letter-spacing:2.3px;color:var(--lavender);font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:20px 0;font-size:58px;font-weight:600;line-height:1.1}h1 em{color:var(--cyan);font-style:normal}.drop{background:linear-gradient(120deg,#b391ee08,#43d3ed06);border:1px dashed #546784;border-radius:16px;padding:28px 20px 30px;transition:all .2s}.drop.drag{border-color:var(--cyan);background:#43d3ed18}.upload-icon{width:42px;height:42px;color:var(--cyan);background:#43d3ed12;border-radius:10px;margin:auto;font-size:30px;display:block}.drop h2{margin:18px 0 7px;font-size:19px}.drop p{color:var(--muted);margin:0 0 20px}.text-button{color:var(--cyan);text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.drop small,.privacy{color:var(--muted);font-size:11px}.primary{background:var(--cyan);color:#091525;border-color:var(--cyan);font-weight:700}.convert{text-align:center;width:255px;max-width:100%;margin:22px auto 0;padding:15px 24px;font-size:22px;display:block}.privacy{margin:17px 0 55px}.file-list{text-align:left;padding:0;list-style:none}.file-list li{background:var(--surface);border-radius:7px;justify-content:space-between;align-items:center;margin:8px 0;padding:8px 15px;display:flex}.file-list small{color:var(--muted);margin-left:12px}.alert{color:var(--text);background:#efaa4515;border:1px solid #d09d4c70;border-radius:8px;margin:20px 0;padding:15px 20px;line-height:1.5}.alert button{float:right;background:0 0;border:0;padding:0 8px}.workspace{margin:0 auto}.work-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.work-heading h1{letter-spacing:-1px;font-size:32px}.progress{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:18px;margin:20px 0;padding:22px;display:flex}.progress p{color:var(--muted);margin:8px 0 0}.progress strong{text-transform:capitalize}.spinner{border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:28px;height:28px;animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;display:flex}.toolbar button{padding:7px 11px}.toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px}.navigation,.toolbar>div{align-items:center;gap:8px;display:flex}.zoom{text-align:center;min-width:44px}.viewers{grid-template-columns:1fr;gap:20px;display:grid}.viewers.paired{grid-template-columns:1fr 1fr}.viewers article{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;overflow:hidden}.viewers h2{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0;padding:17px;font-size:12px;font-weight:600;display:flex}.viewers h2 span{color:var(--muted);font-size:10px;font-weight:400}.viewport{overscroll-behavior:contain;background:#07101b55;height:65vh;padding:18px;overflow:auto}.sheet{min-width:50%;margin:auto;line-height:0;position:relative}.sheet img{width:100%;display:block}.region{background:0 0;border:1px solid #0000;border-radius:1px;min-height:3px;padding:0;position:absolute}.region:hover:enabled,.region:focus-visible{border-color:var(--cyan);background:#43d3ed20}.region.uncertain{background:#e9ad421a;border:1px solid #e9ad42}.review-footer{justify-content:space-between;align-items:center;gap:20px;margin:22px 0;display:flex}.review-footer p{color:var(--muted);font-size:12px;line-height:1.7}.dot{background:#e9ad42;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.empty{text-align:center;color:var(--muted);padding:60px}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.5px;justify-content:space-between;margin-top:40px;padding:25px 0;font-size:10px;display:flex}.modal-backdrop{z-index:10;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.editor{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:550px;padding:28px}.editor h2{margin-top:0}.editor p{color:var(--muted);line-height:1.6}.editor label{margin-bottom:10px;font-size:12px;display:block}.editor textarea{background:var(--input);width:100%;color:var(--text);border:1px solid var(--line);resize:vertical;border-radius:7px;padding:13px}.editor>div{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.editor .warning{color:#e9ad42}@media (max-width:800px){main{padding:20px}.steps{gap:8px;font-size:13px}.steps i{width:12px}h1{font-size:44px}.brand{width:270px}.viewers.paired{grid-template-columns:1fr}.viewport{height:55vh}.review-footer{flex-direction:column;align-items:stretch}.work-heading{align-items:flex-start}.work-heading h1{font-size:27px}.toolbar{justify-content:flex-start;gap:14px}.file-list li>span{overflow-wrap:anywhere}.work-heading>button{padding:9px;font-size:11px}.privacy{margin-bottom:30px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.drop{transition:none}}.page-pending{min-height:300px;color:var(--muted);text-align:center;padding:60px 25px;line-height:1.7}.access-code{text-align:left;color:var(--muted);max-width:350px;margin:15px auto;font-size:12px;display:block}.access-code input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px;margin-top:8px;padding:12px;display:block}.camera-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 12px;display:flex}.camera-actions button{min-height:44px}.camera-hint,.camera-panel>p{color:var(--muted);font-size:12px;line-height:1.6}.camera-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:20px}.camera-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.camera-heading h2{margin:0;font-size:20px}.camera-preview{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:55dvh;display:block}.camera-panel .alert{color:var(--text)}@media (max-width:800px){.access-code input,.editor textarea{font-size:16px}main{padding-bottom:env(safe-area-inset-bottom)}.camera-panel{padding:14px}.file-list small{margin:5px 0;display:block}.steps{margin-top:24px}}.camera-capture>.camera-actions button{width:180px;max-width:calc(50% - 6px);padding:12px 10px}.queue-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.queue-actions button{min-height:40px;padding:7px 10px}.file-list li{gap:12px}.file-list li>span{overflow-wrap:anywhere;min-width:0}.photo-editor,.rework-editor{max-width:1050px;max-height:90dvh;overflow:auto}.editor.photo-editor>div.photo-surface{max-height:50dvh;margin:0;display:block;position:relative;overflow:hidden}.photo-surface canvas{object-fit:contain;width:100%;max-height:50dvh;display:block}.photo-surface svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.photo-surface polygon{fill:#43d3ed25;stroke:var(--cyan);stroke-width:3px}.photo-surface circle{fill:var(--cyan);stroke:#091525;stroke-width:3px;cursor:grab}.editor>div.corner-fields,.editor>div.region-fields{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.corner-fields label,.region-fields label{flex:1;min-width:100px}.editor input[type=number]{background:var(--input);width:100%;color:var(--text);border:1px solid var(--line);border-radius:6px;margin-top:6px;padding:8px}.editor>div.rework-comparison{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.rework-comparison h3{font-size:14px}.rework-comparison img{width:100%;display:block}.region-source{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.region-source.locked{cursor:default}.selection-box{border:2px solid var(--cyan);pointer-events:none;background:#43d3ed25;position:absolute}.photo-editor>div:last-child,.rework-editor>div:last-child{flex-wrap:wrap}@media (max-width:800px){.file-list li{flex-direction:column;align-items:flex-start}.queue-actions{justify-content:flex-start}.editor input[type=number]{font-size:16px}.editor{padding:18px}.editor>div.rework-comparison{grid-template-columns:1fr}}.editor.photo-editor>div.photo-surface{max-height:none;margin:0 auto}.photo-surface canvas{object-fit:initial;height:auto;max-height:none}.file-list .drag-handle{touch-action:none;cursor:grab;min-width:44px;min-height:44px;color:var(--muted);background:0 0;border-color:#0000;padding:8px}.file-list .drag-handle:active{cursor:grabbing}.file-list li>span{flex:1}.file-list li.queue-dragging{outline:2px solid var(--cyan);background:#43d3ed18}.queue-actions button{align-items:center;gap:7px;display:inline-flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.file-list li{flex-flow:wrap;align-items:center}.file-list li>span{flex-basis:calc(100% - 56px)}.queue-actions{margin-left:56px}}
