:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e9edf5;background:#090c12;font-synthesis:none;--bg:#090c12;--panel:#111620;--panel2:#151b27;--line:#293141;--muted:#8993a6;--green:#9be22d;--cyan:#48d8cc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0,#182130 0,transparent 35%),var(--bg)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{max-width:1580px;margin:auto;padding:0 30px}header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222a38}.brand{display:flex;align-items:center;gap:13px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--green);color:#10160a;font-size:20px;font-weight:900;transform:skew(-7deg)}h1,h2,p{margin:0}.brand h1{font-size:17px;letter-spacing:.02em}.brand p{font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.06em}.header-actions{display:flex;gap:8px}.ghost,.toolbar button{border:1px solid var(--line);background:#121824;border-radius:7px;padding:8px 14px;font-size:12px}.ghost:hover,.toolbar button:hover:not(:disabled){border-color:#4a566b;background:#18202d}.toolbar button:disabled{opacity:.35;cursor:not-allowed}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding:24px 0}.panel{background:linear-gradient(145deg,#131924fa,#0d121bfa);border:1px solid #232b3a;border-radius:12px;box-shadow:0 16px 40px #0003}.workspace{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.panel h2{font-size:17px;margin-top:4px}.toolbar{display:flex;gap:7px}.toolbar .accent{background:var(--green);border-color:var(--green);color:#11170a;font-weight:800}.calibration-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-4px 0 14px}.control-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #293343;border-radius:8px;background:#0d131d}.symmetry-control{display:flex;align-items:center;gap:12px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #293343;border-radius:8px;background:#0d131d}.switch-label{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-label strong{font-size:12px}.switch{position:relative;width:34px;height:18px;border:1px solid #465166;border-radius:10px;background:#1a2230;transition:.2s}.switch i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#8792a5;transition:.2s}.switch-label input:checked+.switch{border-color:var(--green);background:#9be22d33}.switch-label input:checked+.switch i{left:18px;background:var(--green)}.switch-label input:focus-visible+.switch{outline:2px solid var(--green);outline-offset:2px}.symmetry-hint{color:var(--muted);font-size:11px}.canvas-wrap{position:relative;height:590px;display:grid;place-items:center;overflow:hidden;border:1px solid #2a3343;border-radius:8px;background-color:#090d14;background-image:linear-gradient(#131a25 1px,transparent 1px),linear-gradient(90deg,#131a25 1px,transparent 1px);background-size:28px 28px;transition:.2s}.canvas-wrap.drag-over{border-color:var(--green);box-shadow:inset 0 0 0 2px #9be22d40}.empty{width:100%;height:100%;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.empty strong{font-size:15px}.empty small{color:var(--muted)}.body-guide{position:relative;display:block;width:180px;height:250px;margin-bottom:16px;opacity:.6}.body-guide i{position:absolute;left:73px;top:10px;width:35px;height:35px;border:2px solid var(--green);border-radius:50%}.body-guide b{position:absolute;left:88px;top:45px;width:4px;height:130px;background:var(--green);box-shadow:0 100px 0 var(--green)}.body-guide b:before{content:"";position:absolute;width:160px;height:3px;left:-78px;top:35px;background:var(--green)}.body-guide em:before,.body-guide em:after{content:"";position:absolute;width:3px;height:100px;top:165px;background:var(--green);transform-origin:top}.body-guide em:before{left:90px;transform:rotate(12deg)}.body-guide em:after{left:90px;transform:rotate(-12deg)}.canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas image{pointer-events:all}.skeleton-lines{stroke:var(--green);stroke-width:.004;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #000)}.skeleton-lines line{stroke-width:3;vector-effect:non-scaling-stroke}.marker{cursor:grab}.marker:active{cursor:grabbing}.marker .hit{fill:transparent;stroke:none}.marker circle:not(.hit){fill:#0c1118;stroke:var(--green);stroke-width:3;vector-effect:non-scaling-stroke}.marker.active circle:not(.hit){fill:var(--green);stroke:#fff}.marker text{fill:#fff;font-size:14px;font-weight:700;paint-order:stroke;stroke:#06080c;stroke-width:4px;vector-effect:non-scaling-stroke;pointer-events:none}.stepbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px}.step-copy{display:flex;align-items:center;gap:13px}.step-number{font:800 27px/1 monospace;color:var(--green);border-right:1px solid var(--line);padding-right:13px}.step-copy strong{font-size:13px}.step-copy p,.export-bar p{font-size:11px;color:var(--muted);margin-top:4px}.progress{min-width:190px;text-align:right;font-size:10px;color:var(--muted)}.progress>div{height:3px;background:#272f3e;margin-top:8px}.progress i{display:block;height:100%;background:var(--green);transition:width .2s}.point-strip{display:flex;gap:5px;flex-wrap:wrap;padding-top:14px}.point-strip button{width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--line);background:#0e131c;color:var(--muted);font-size:10px}.point-strip .done{background:#27331c;color:var(--green);border-color:#526b2c}.point-strip .selected{box-shadow:0 0 0 2px var(--green);color:#fff}.side-column{display:flex;flex-direction:column;gap:12px}.setup{padding:22px}.height-input{display:flex;align-items:center;margin:20px 0 12px;border-bottom:1px solid #4a5467}.height-input input{width:100%;color:#fff;background:transparent;border:0;font:300 45px/1.3 monospace;outline:0}.height-input span{color:var(--muted);font-size:13px}.helper{font-size:12px;line-height:1.7;color:var(--muted)}.primary{width:100%;border:0;border-radius:7px;background:var(--green);color:#11170a;font-weight:900;padding:13px;margin-top:18px}.primary:hover{background:#acf044}.notice{margin-top:18px;padding:14px;background:#171c21;border-left:3px solid #d3a72f;border-radius:3px}.notice strong{font-size:12px;color:#f1ca5a}.notice p{font-size:11px;line-height:1.65;color:#a5a69d;margin-top:5px}.status{padding:13px 15px;border:1px solid #253142;background:#101722;border-radius:8px;color:#aeb8c9;font-size:11px;line-height:1.5}.results,.side-workspace{grid-column:1/-1;padding:20px}.side-workspace{border-color:#35304a}.side-meta{display:flex;align-items:center;gap:18px;margin:-4px 0 14px;padding:12px 14px;border:1px solid #39324e;border-radius:8px;background:#100f19}.side-meta p{font-size:11px;line-height:1.65;color:#a8a1b9}.side-meta p strong{color:#c7a3ff}.facing-control{display:flex;flex:0 0 auto;gap:14px;margin:0;padding:7px 12px 9px;border:1px solid #4a4160;border-radius:7px}.facing-control legend{padding:0 5px;color:#bda8da;font-size:10px}.facing-control label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.facing-control input{accent-color:#ad78ff}.side-canvas-wrap{height:590px}.side-lines{stroke:#b678ff}.side-marker circle:not(.hit){stroke:#b678ff}.side-marker.active circle:not(.hit){fill:#b678ff}.side-number{color:#b678ff}.side-progress i{background:#b678ff}.side-guide{position:relative;display:block;width:120px;height:250px;margin-bottom:16px;opacity:.65}.side-guide i{position:absolute;left:45px;top:8px;width:35px;height:35px;border:2px solid #b678ff;border-radius:50%}.side-guide b{position:absolute;left:60px;top:43px;width:4px;height:130px;background:#b678ff}.side-guide b:before{content:"";position:absolute;width:65px;height:3px;left:-4px;top:38px;background:#b678ff;transform:rotate(8deg);transform-origin:left}.side-guide em:before,.side-guide em:after{content:"";position:absolute;width:3px;height:100px;top:165px;left:61px;background:#b678ff;transform-origin:top}.side-guide em:before{transform:rotate(9deg)}.side-guide em:after{transform:rotate(-5deg)}.count{padding:5px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px}.table-wrap{overflow-x:auto;border:1px solid #242c3b;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:10px 14px;text-align:left;color:#788397;background:#0d121b;font-size:10px;letter-spacing:.08em}td{padding:8px 14px;border-top:1px solid #202736}tbody tr:hover{background:#171e2a}code{color:#c2cad7;font-size:11px}td input{width:130px;border:1px solid #323c4d;background:#0b1018;color:#e9edf5;border-radius:5px;padding:6px 8px;font-family:monospace}.tag{display:inline-block;padding:3px 7px;border-radius:3px;font-size:9px}.tag.measured{color:var(--cyan);background:#48d8cc1a}.tag.side{color:#c795ff;background:#a366ff21}.tag.default{color:#d7ae49;background:#d7ae491a}.calibration-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-4px 0 14px}.calibration-controls .symmetry-control{margin:0}.side-options{display:flex;align-items:center;gap:20px;margin:-4px 0 14px;padding:12px;border:1px solid #39324e;border-radius:8px;background:#100f19}.side-options fieldset{display:flex;flex:0 0 auto;gap:14px;margin:0;padding:8px 12px;border:1px solid #4a4160;border-radius:7px}.side-options legend{padding:0 5px;color:#c7a3ff;font-size:10px}.side-options label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.side-options input{accent-color:#ad78ff}.side-options p{font-size:11px;line-height:1.65;color:#a8a1b9}.side-options p strong{color:#c7a3ff}.side-canvas-wrap{height:650px}.export-bar{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.export-bar strong{font-size:13px}.export{width:auto;margin:0;padding:12px 24px}footer{display:flex;justify-content:space-between;padding:0 0 28px;color:#596274;font-size:10px}@media(max-width:980px){.app-shell{padding:0 16px}main{grid-template-columns:1fr}.side-column,.results,.side-workspace{grid-column:1}.canvas-wrap{height:520px}.side-canvas-wrap{height:600px}.calibration-controls{grid-template-columns:1fr}.side-meta,.side-options{align-items:flex-start;flex-direction:column}}@media(max-width:620px){header{height:auto;padding:15px 0;align-items:flex-start;gap:12px}.brand p{display:none}.header-actions{flex-direction:column}.ghost{padding:6px 10px}.workspace,.results,.side-workspace,.setup{padding:14px}.panel-head,.stepbar,.export-bar{align-items:flex-start;flex-direction:column}.toolbar{width:100%;flex-wrap:wrap}.toolbar button{flex:1}.symmetry-control{align-items:flex-start;flex-direction:column;gap:7px}.canvas-wrap{height:450px}.side-canvas-wrap{height:520px}.control-item{align-items:flex-start;flex-direction:column}.side-meta,.side-options{padding:10px}.facing-control,.side-options fieldset{width:100%;flex-wrap:wrap}.progress{width:100%;text-align:left}.height-input input{font-size:38px}.export{width:100%}footer{gap:12px;flex-direction:column}}