*{box-sizing:border-box}html,body,#root{width:100%;min-height:100dvh;margin:0;font-family:Arial,Helvetica,sans-serif}body{background:#dfe3e6}button,a,input{font:inherit}.app{background:#dfe3e6;min-height:100dvh}.topbar{background:#f3f3f3;border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 18px;display:flex}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand-logo-image{object-fit:contain;background:0 0;border-radius:2px;flex:none;width:38px;height:38px}.brand-text{color:#222;font-size:11px;font-weight:600;line-height:1.1}.title{color:#222;letter-spacing:.5px;text-align:center;flex:1;font-size:18px;font-weight:500}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:120px;display:flex}.icon-btn{cursor:pointer;background:#fff;border:none;border-radius:4px;width:42px;height:42px;font-size:18px;box-shadow:0 0 0 1px #00000014}.active-btn{color:#fff;background:#1267d6}.viewer{background:#cfd4d8;width:100%;height:calc(100dvh - 72px);position:relative;overflow:hidden}.camera-wrapper{position:absolute;inset:0;overflow:hidden}.camera-video{object-fit:cover;object-position:center;transform-origin:50%;background:#cfd4d8;width:100%;height:100%;display:block}.settings-panel{z-index:200;background:#fffffff5;border-radius:16px;width:min(360px,100vw - 28px);max-height:calc(100dvh - 120px);padding:16px;position:absolute;top:14px;right:14px;overflow:auto;box-shadow:0 10px 30px #00000038}.settings-title{margin-bottom:14px;font-size:20px;font-weight:700}.settings-group{border-bottom:1px solid #00000014;margin-bottom:18px;padding-bottom:14px}.settings-group:last-child{border-bottom:none;padding-bottom:0}.settings-label{color:#222;margin-bottom:8px;font-weight:700;display:block}.settings-summary{color:#333;margin-bottom:4px;font-size:14px}.settings-hint{color:#666;margin-top:8px;font-size:13px}.mode-row,.toggle-row{flex-wrap:wrap;gap:8px;display:flex}.mode-btn{cursor:pointer;background:#eceff3;border:none;border-radius:10px;padding:10px 14px}.mode-btn-active{color:#fff;background:#1267d6}.tolerance-row{align-items:center;gap:10px;display:flex}.tolerance-row input[type=range]{flex:1}.tolerance-value{min-width:52px;font-weight:700}.transform-controls{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.settings-btn{cursor:pointer;background:#eceff3;border:none;border-radius:10px;padding:10px 14px}.settings-btn-active{color:#fff;background:#1267d6}.overlay{pointer-events:none;z-index:20;position:absolute;inset:0}.capture-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;pointer-events:auto;background:#fff3;border:4px solid #fffffff2;border-radius:50%;width:72px;height:72px;position:absolute;top:48%;right:32px;transform:translateY(-50%)}.side-back-btn{color:#111;cursor:pointer;pointer-events:auto;background:#ffffffeb;border:none;border-radius:10px;padding:10px 14px;position:absolute;top:24px;left:24px}.camera-status{color:#fff;background:#0000008c;border-radius:10px;padding:10px 16px;font-size:14px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.camera-status.error{background:#b41414cc}.bottom-panel{color:#fff;z-index:20;background:#19191994;align-items:center;gap:16px;min-height:96px;padding:16px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.instruction{flex:1;min-width:0}.instruction-title{margin-bottom:2px;font-size:28px;font-weight:300}.instruction-text{color:#ffffffeb;font-size:16px}.mini-brand{background:#111;border:1px solid #ffffff38;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.front-capture-overlay{z-index:15;pointer-events:none;position:absolute;inset:0}.front-dim{background:#0000006b;width:22%;position:absolute;top:0;bottom:0}.front-dim-left{left:0}.front-dim-right{right:0}.front-clear-window{position:absolute;inset:0 22%}.front-dashed{border-left:3px dashed #ffffffad;width:0;position:absolute;top:0;bottom:0}.front-dashed-left{left:0}.front-dashed-right{right:0}.cross-level-ui{z-index:16;pointer-events:none;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-level-horizontal-slot{background:#ffffff14;border:4px solid #fffffff2;border-radius:14px;height:28px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.cross-level-vertical-slot{background:#ffffff14;border:4px solid #fffffff2;border-radius:14px;width:28px;position:absolute;top:20px;bottom:20px;left:50%;transform:translate(-50%)}.cross-level-bubble{border:3px solid #fffffff2;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}.cross-level-bubble-vertical{background:#00ffff4d;border-color:#00fffff2;width:20px;height:20px}.cross-level-center-dot{background:#fffc;border:2px solid #fffffff2;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-level-readout{color:#fff;text-align:center;background:#0000009e;border-radius:10px;min-width:90px;padding:8px 12px;font-size:13px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.calibration-layout{z-index:30;background:#101010;grid-template-columns:2fr 1fr;gap:10px;padding:10px;display:grid;position:absolute;inset:0}.calibration-front-panel,.calibration-side-panel{background:#1a1a1a;border-radius:14px;position:relative;overflow:hidden}.panel-header{z-index:5;color:#fff;background:#0000007a;padding:10px 14px;font-weight:700;position:absolute;top:0;left:0;right:0}.calibration-image-wrap{position:absolute;inset:0}.calibration-image{object-fit:contain;background:#111;width:100%;height:100%;display:block}.svg-marker{z-index:10;cursor:grab;touch-action:none;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.svg-marker:active{cursor:grabbing}.svg-marker img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.calibration-toolbar{z-index:50;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.toolbar-btn{cursor:pointer;color:#222;background:#ffffffeb;border:none;border-radius:12px;padding:12px 16px;text-decoration:none}.primary-btn{color:#fff;background:#1267d6}.calibration-scale-box{color:#111;background:#ffffffeb;border-radius:12px;padding:12px 16px;font-weight:600}@media (width<=900px){.title{font-size:16px}.capture-btn{width:64px;height:64px;right:18px}.instruction-title{font-size:22px}.instruction-text{font-size:14px}.calibration-layout{grid-template-columns:1.4fr 1fr}}@media (width<=640px){.topbar{padding:0 10px}.brand{min-width:auto}.brand-text{display:none}.title{font-size:14px}.topbar-actions{gap:6px;min-width:auto}.icon-btn{width:38px;height:38px;font-size:16px}.settings-panel{width:calc(100vw - 20px);top:10px;right:10px}.capture-btn{width:60px;height:60px;right:14px}.cross-level-ui{width:250px;height:150px}.cross-level-horizontal-slot{left:10px;right:10px}.cross-level-vertical-slot{top:30px;bottom:30px}.cross-level-readout{font-size:12px}.calibration-layout{grid-template-rows:1.4fr 1fr;grid-template-columns:1fr}.calibration-toolbar{flex-direction:column;align-items:stretch}}.build-badge{color:#7a7a7a;letter-spacing:0;margin-top:3px;font-size:10px;font-weight:500;line-height:1.1}:root{font-family:Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}