:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1c2430;background:#f4f5f7}.app-shell{flex-direction:column;height:100vh;display:flex}.top-bar{background:#fff;border-bottom:1px solid #e1e4e9;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.top-bar-title{letter-spacing:.01em;font-size:15px;font-weight:600}.top-bar-actions{align-items:center;gap:14px;display:flex}.unit-select{color:#55606e;align-items:center;gap:6px;font-size:13px;display:flex}.unit-select select{border:1px solid #d5d9df;border-radius:6px;padding:4px 6px;font-size:13px}.print-button{color:#fff;cursor:pointer;background:#1c2430;border:none;border-radius:6px;padding:7px 14px;font-size:13px}.print-button:disabled{cursor:not-allowed;background:#c3c8d0}.work-area{flex:1;min-height:0;display:flex}.toolbar{background:#fff;border-right:1px solid #e1e4e9;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:52px;padding-top:12px;display:flex}.tool-button{cursor:pointer;background:#fff;border:1px solid #d5d9df;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.tool-button:hover{background:#f0f2f5}.tool-button:disabled{opacity:.4;cursor:not-allowed}.canvas-area{background:#eceef1;flex:1;min-width:0;position:relative}.empty-state{color:#6b7684;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.primary-button{color:#fff;cursor:pointer;background:#1c2430;border:none;border-radius:8px;padding:10px 18px;font-size:14px}.canvas-wrapper{height:100%;position:relative}.polygon-canvas{cursor:crosshair;outline:none;width:100%;height:100%;display:block}.polygon-canvas:not(.drawing){cursor:default}.polygon-shape{fill:#dbe6f5;fill-opacity:.55;stroke:#33455e;stroke-width:2.5px}.edge-line{stroke:#0000;stroke-width:18px}.drawing-committed{fill:none;stroke:#33455e;stroke-width:2.5px}.drawing-rubberband{stroke:#7c8899;stroke-width:2px;stroke-dasharray:5 5}.drawing-point{fill:#33455e}.drawing-start-indicator{fill:none;stroke:#9aa5b3;stroke-width:2px;stroke-dasharray:3 3}.drawing-start-indicator.snap-active{stroke:#2e8b57;stroke-dasharray:none;fill:#2e8b5726}.vertex-point{fill:#33455e}.chip-hit{cursor:pointer}.chip-bg{fill:#fff;stroke:#c7ccd4;stroke-width:1px}.chip-text{fill:#1c2430;pointer-events:none;font-size:13px}.edge-label.unlocked .chip-bg,.vertex-angle-label.unlocked .chip-bg{stroke-dasharray:3 2;fill:#f6f7f9}.edge-label.unlocked .chip-text,.vertex-angle-label.unlocked .chip-text{fill:#8b95a3}.edge-label.locked .chip-bg,.vertex-angle-label.locked .chip-bg{stroke:#33455e}.edge-label.selected .chip-bg,.vertex-angle-label.selected .chip-bg{stroke:#2f6fed;stroke-width:2px}.lock-badge{cursor:pointer}.lock-badge circle{fill:#1c2430}.lock-badge text{pointer-events:none;font-size:9px}.label-input{box-sizing:border-box;text-align:center;border:1.5px solid #2f6fed;border-radius:13px;outline:none;width:100%;height:26px;padding:0 8px;font-size:13px}.angle-mode-badge{fill:#6b7684;font-size:10px}.toggle-bg{fill:#1c2430;opacity:.92}.toggle-option circle{fill:#0000}.toggle-option text{fill:#fff;pointer-events:none;font-size:10px}.toggle-option.active circle{fill:#2f6fed}.toggle-option{cursor:pointer}.draw-hint{color:#fff;text-align:center;background:#1c2430e6;border-radius:8px;max-width:90%;padding:8px 14px;font-size:12.5px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.draw-toast{color:#fff;background:#b3261e;border-radius:8px;padding:8px 14px;font-size:12.5px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.status-banner{background:#fff4e5;border:1px solid #e0b374;border-radius:8px;align-items:center;gap:10px;max-width:480px;margin-left:auto;padding:10px 12px;font-size:13px;display:flex;position:absolute;top:14px;left:14px;right:14px;box-shadow:0 2px 8px #00000014}.status-banner.error{background:#fdecea;border-color:#d99a92}.status-banner button{color:#fff;cursor:pointer;white-space:nowrap;background:#1c2430;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.status-banner .dismiss{color:#6b7684;background:0 0;padding:2px 6px}.dimensions-panel{background:#fff;border-left:1px solid #e1e4e9;flex-shrink:0;width:300px;padding:12px 14px;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.panel-toggle{cursor:pointer;color:#6b7684;background:0 0;border:none;font-size:14px}.panel-toggle.collapsed{background:#fff;border:1px solid #e1e4e9;border-right:none;border-radius:6px 0 0 6px;padding:8px 4px;position:absolute;top:58px;right:0}.panel-empty{color:#8b95a3;font-size:13px}.panel-section-title{text-transform:uppercase;letter-spacing:.04em;color:#8b95a3;margin:14px 0 6px;font-size:12px}.dimensions-table{border-collapse:collapse;width:100%;font-size:13px}.dimensions-table td{vertical-align:middle;border-bottom:1px solid #f0f1f3;padding:4px 2px}.dimensions-table tr.locked td{background:#f4f6f9}.table-input{border:1px solid #d5d9df;border-radius:5px;width:72px;padding:3px 6px;font-size:13px}.lock-toggle-button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d5d9df;border-radius:5px;padding:3px 6px;font-size:11px}.lock-toggle-button:disabled{color:#8b95a3;cursor:default}.mode-select{border:1px solid #d5d9df;border-radius:5px;padding:2px 3px;font-size:11px}.panel-warning{color:#8a5a17;background:#fff4e5;border-radius:6px;margin-top:12px;padding:8px;font-size:12px}.panel-warning.error{color:#a83226;background:#fdecea}.dialog-overlay{z-index:50;background:#1c243073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:#fff;border-radius:10px;width:360px;max-width:90vw;padding:20px}.dialog-box h2{margin:0 0 8px;font-size:16px}.dialog-box p{color:#4a5361;margin:0 0 18px;font-size:13.5px}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-cancel{cursor:pointer;background:#fff;border:1px solid #d5d9df;border-radius:6px;padding:7px 14px;font-size:13px}.dialog-confirm{color:#fff;cursor:pointer;background:#b3261e;border:none;border-radius:6px;padding:7px 14px;font-size:13px}.print-view{display:none}@media print{@page{size:A4;margin:12mm}.top-bar,.work-area{display:none!important}.print-view{display:block}.print-header{border-bottom:1px solid #1c2430;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:6px;display:flex}.print-header h1{margin:0;font-size:16px}.print-svg{width:100%;height:60vh}.print-shape{fill:none;stroke:#1c2430;stroke-width:2px}.print-label{fill:#1c2430;font-size:11px}.print-label.angle{fill:#4a5361;font-size:10px}.print-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:12px}.print-table th,.print-table td{text-align:left;border-bottom:1px solid #d5d9df;padding:4px 8px}}