.reference-panel{margin:8px 0 25px;padding:20px;border:1px solid #494949;border-radius:10px;background:linear-gradient(135deg,#272727,#232323);font-size:12px;color:#dddddd;overflow:hidden}.reference-panel[hidden]{display:none}.reference-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.reference-kicker{font-size:8px;letter-spacing:2px;color:#b7b7b7}.reference-head h2{font-size:16px;font-weight:500;letter-spacing:.3px;margin:6px 0}.reference-head>button{font-size:10px;padding:7px 10px}.reference-intro,.reference-footnote{font-size:11px;line-height:1.85;color:#aaaaaa;margin:10px 0 15px}.reference-import{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.reference-import>button{font-size:11px;border-style:dashed;border-color:#7e7e7e;padding:10px 14px;background:#303030}.reference-import>span{font-size:10px;line-height:1.7;color:#929292;overflow-wrap:anywhere;min-width:0}.reference-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin:17px 0 0}.reference-controls label{display:flex;flex-direction:column;gap:7px;color:#ababab;font-size:10px}.reference-controls select{width:100%;min-width:0;padding:9px 10px;border:1px solid #4c4c4c;border-radius:6px;color:#e1e1e1;background:#1d1d1d;font-size:11px}.reference-instruction{color:#d1d1d1;font-size:11px;line-height:1.8;margin:17px 0 10px}.reference-corners{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reference-corners>span{display:flex;align-items:center;gap:5px;border:1px solid #474747;border-radius:5px;padding:5px 7px;font-size:10px;color:#8c8c8c}.reference-corners b{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#3e3e3e;font-size:9px;font-weight:500}.reference-corners>span.is-next{border-color:#a1a1a1;color:#d8d8d8}.reference-corners>span.is-done{color:#d4d4d4;background:#373737}.reference-corners>span.is-done b{color:#1a1a1a;background:#c4c4c4}.reference-corners>button{font-size:10px;border:0;padding:7px;color:#a9a9a9}.reference-overlay-controls{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;padding:15px 0;font-size:10px;color:#afafaf}.reference-overlay-controls label{display:flex;gap:6px;align-items:center}.reference-overlay-controls input[type=checkbox]{accent-color:#c4c4c4;margin:0}.reference-opacity{margin-left:auto;max-width:100%}.reference-opacity input[type=range]{width:90px;min-width:45px;accent-color:#bbbbbb}.reference-opacity output{width:30px;font-variant-numeric:tabular-nums}.reference-actions{display:flex;gap:7px;flex-wrap:wrap}.reference-actions>button{font-size:10px;padding:9px 12px}.reference-actions>button[hidden]{display:none}.reference-result:empty{display:none}.reference-result{border-left:2px solid #727272;margin-top:16px;padding:1px 0 1px 12px;font-size:10px;color:#c6c6c6;line-height:1.9}.reference-result p{margin:6px 0}.reference-fit-summary{color:#d5d5d5}.reference-warning{color:#e0cda5}.reference-footnote{font-size:9px;margin:15px 0 0;color:#8c8c8c}.reference-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;isolation:isolate}.reference-overlay[hidden]{display:none}.reference-overlay-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.reference-guides{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.reference-mark-line,.reference-fit-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.reference-mark-line{stroke:#f7d77e;filter:drop-shadow(0 1px 2px #1119)}.reference-fit-line{stroke:#bfbfbf;stroke-dasharray:7 6;stroke-width:3;filter:drop-shadow(0 1px 2px #1119)}.reference-mark-dot{fill:#ecce78;stroke:#1b1b1b;stroke-width:2;vector-effect:non-scaling-stroke}.reference-mark-number{fill:#1a1a1a;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:18px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.reference-click-layer{position:absolute;inset:0;outline-offset:-3px;pointer-events:none;touch-action:none;--cursor-x:50%;--cursor-y:50%}.reference-overlay.is-marking .reference-click-layer{pointer-events:auto;cursor:crosshair}.reference-overlay.is-working .reference-click-layer{pointer-events:auto;cursor:wait}.reference-click-layer:focus-visible{outline:2px solid #c4c4c4}.reference-click-layer:focus-visible:after{content:'＋';display:grid;place-items:center;position:absolute;left:var(--cursor-x);top:var(--cursor-y);width:24px;height:24px;transform:translate(-50%,-50%);color:#f5d37a;background:#151515cc;border:1px solid #e6d18d;border-radius:50%;font-size:22px;line-height:1;pointer-events:none}@media(max-width:820px){.reference-panel{padding:16px;margin-bottom:22px}.reference-overlay-controls{gap:12px}.reference-opacity{margin-left:0}.reference-corners{gap:5px}.reference-corners>span{padding:5px}.reference-controls{gap:10px}.reference-actions>button{padding:9px 10px}.reference-import{gap:9px}}@media(max-width:430px){.reference-controls{grid-template-columns:1fr}.reference-corners>span{font-size:9px}.reference-corners>button{padding-inline:3px}.reference-panel{padding:14px}.reference-head h2{font-size:15px}}
.inspector .reference-panel{margin:0 0 18px;padding:0;border:0;border-radius:0;background:none;overflow:visible}.inspector .reference-head{gap:8px}.inspector .reference-head h2{font-size:14px;margin:6px 0 3px}.inspector .reference-head>button{padding:5px 7px;font-size:9px}.inspector .reference-intro{font-size:10px;margin:9px 0 12px;line-height:1.8}.inspector .reference-import{gap:8px}.inspector .reference-import>button{width:100%;padding:10px}.inspector .reference-import>span{font-size:9px}.inspector .reference-controls{grid-template-columns:1fr;gap:11px;margin-top:13px}.inspector .reference-controls select{padding:8px;font-size:10px}.inspector .reference-instruction{font-size:10px;margin:13px 0 9px}.inspector .reference-corners{gap:5px}.inspector .reference-corners>span{padding:4px 5px;font-size:9px}.inspector .reference-corners>button{padding:5px 0;font-size:9px}.inspector .reference-overlay-controls{flex-direction:column;align-items:flex-start;gap:11px;padding:13px 0}.inspector .reference-opacity{margin-left:0;flex-wrap:wrap}.inspector .reference-opacity input[type=range]{width:85px}.inspector .reference-actions{gap:6px;display:grid;grid-template-columns:1fr 1fr}.inspector .reference-actions>button{padding:9px 6px;font-size:9px}.inspector .reference-actions>button:first-child{grid-column:1 / -1}.inspector .reference-result{padding-left:9px;margin-top:13px;font-size:9px}.inspector .reference-footnote{line-height:1.9;margin-top:12px;font-size:9px}@media(max-width:820px){.inspector .reference-panel{max-width:620px}.inspector .reference-controls{grid-template-columns:1fr 1fr}.inspector .reference-import>button{width:auto}.inspector .reference-overlay-controls{flex-direction:row;gap:12px 20px;align-items:center}.inspector .reference-actions{display:flex}.inspector .reference-actions>button{font-size:10px;padding:9px 12px}}@media(max-width:430px){.inspector .reference-controls{grid-template-columns:1fr}}
.reference-candidate-label{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:10px;color:#afafaf}.reference-candidate{width:100%;min-width:0;border:1px solid #555555;border-radius:5px;padding:8px 6px;background:#1b1b1b;color:#d5d5d5;font-size:10px}.inspector .reference-candidate-label,.inspector .reference-candidate{font-size:9px}
.reference-target-dimensions{padding:9px 10px;border:1px solid #626262;border-radius:5px;background:#2b2b2b;color:#dddddd;font-size:11px;line-height:1.7;margin:12px 0 0;font-variant-numeric:tabular-nums}.reference-quality-block{padding:8px;background:#433b26;border-radius:4px}.reference-panel button:disabled{cursor:not-allowed}.reference-panel.is-busy button:disabled{cursor:wait}
.reference-mode{font-size:11px;line-height:1.8;color:#d3d3d3;margin:13px 0 0}.inspector .reference-mode{font-size:10px}
.reference-focal-summary{color:#d0d0d0}.reference-focal-control{line-height:1.6}