:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e4edf2;background:#03070b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}header{height:84px;display:flex;align-items:center;gap:24px;padding:0 4vw;border-bottom:1px solid #18232b}.brand{font-size:20px;font-weight:500;letter-spacing:-.7px}.brand span{color:#b6e8e9}.mode-label{color:#768b9a;font:11px ui-monospace,monospace;letter-spacing:1.5px}.back{margin-left:auto;color:#8ca1af;font-size:12px;min-height:44px;display:flex;align-items:center}#photo-stage{height:calc(100svh - 238px);min-height:400px;max-height:850px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.headline{position:absolute;z-index:2;left:4vw;top:32px;pointer-events:none;max-width:310px}h1{font-size:clamp(27px,3vw,44px);line-height:1.08;font-weight:400;letter-spacing:-1.5px;margin:0}#photo-status{font-size:12px;line-height:1.6;color:#8ca7b8;margin-top:16px;max-width:290px}#photo-error{font-size:12px;color:#f2b6ac;background:#251717;padding:8px;max-width:300px;pointer-events:auto}progress{width:200px;height:3px;accent-color:#a8e8ee;border:0}.stage-hint,.sample-label{position:absolute;bottom:22px;color:#68828f;font:11px ui-monospace,monospace;pointer-events:none}.stage-hint{left:4vw}.sample-label{right:4vw;letter-spacing:1px;font-size:10px}.controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:20px 4vw;border-top:1px solid #18232b;min-height:88px}button,.upload{min-height:42px;border:1px solid transparent;border-radius:5px;padding:0 15px;color:#9cb4c2;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:none;cursor:pointer;font-size:12px}button:hover{background:#101c25;color:#e4edf2}button[aria-pressed=true]{background:#152e3a;color:#d4f6f8}.upload{background:#c2ebec;color:#0b2028;font-weight:500;position:relative}.upload:hover{background:#e0faf9}.upload:focus-within{outline:2px solid #e0faf9;outline-offset:4px}.upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload span{font-size:16px}.divider{height:23px;width:1px;background:#22323d;margin:0 10px}.depth-label{display:flex;align-items:center;gap:10px;padding:0 10px;color:#819eaf;font-size:12px}.depth-label input{width:90px;accent-color:#b8e5e9}footer{padding:0 4vw 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;color:#5f7c8e;font-size:11px}footer>span{line-height:1.8}details{max-width:380px;text-align:right}summary{min-height:28px;cursor:pointer;color:#9ab5c1}details div{text-align:left;padding-top:5px;line-height:1.6;color:#89a3b4}details p{margin:6px 0}details a{color:#bbdfe6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b3e6ed;outline-offset:4px}#photo-stage.dragover{box-shadow:inset 0 0 0 2px #b8e5e9}.renderer-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f2b6ac;max-width:300px}button:disabled{opacity:.4;cursor:default}@media(max-width:700px){header{height:65px;padding:0 20px;gap:16px}.brand{font-size:18px}.mode-label{font-size:10px;letter-spacing:.8px}.back{font-size:11px}#photo-stage{height:calc(100svh - 284px);min-height:410px}.headline{top:25px;left:22px;max-width:200px}h1{font-size:26px;letter-spacing:-.7px}#photo-status{font-size:11px;max-width:190px}.stage-hint{left:22px;font-size:10px;bottom:18px}.sample-label{right:20px;font-size:9px;bottom:40px}.controls{padding:12px 14px;gap:4px;min-height:110px}button,.upload{padding:0 12px;min-height:44px;font-size:12px}.divider{display:none}.depth-label{padding:0 8px}.depth-label input{width:78px}footer{padding:0 20px 16px;font-size:10px}details{max-width:55%}footer>span{max-width:220px}}