:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #10b981;--secondary-hover: #059669;--danger-color: #ef4444;--danger-hover: #dc2626;--bg-primary: #1f2937;--bg-secondary: #374151;--bg-overlay: rgba(31, 41, 55, .95);--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #4b5563;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-md: .375rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--toolbar-width: 45px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;height:100vh;width:100vw;background-color:#111;color:var(--text-primary)}#ui{position:absolute;inset:0;pointer-events:none;z-index:100}.toolbar{position:absolute;top:50%;left:1px;bottom:auto;transform:translateY(-50%);width:var(--toolbar-width);height:auto;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) 0;gap:var(--spacing-sm);pointer-events:auto;overflow-y:visible;transition:transform .3s ease;z-index:100;box-shadow:var(--shadow-lg);cursor:move}.tool-btn,.toolbar select,.toolbar input{cursor:pointer}.toolbar.collapsed{transform:translate(calc(-100% - 20px),-50%)}.toolbar::-webkit-scrollbar{display:none}#btnToggleToolbar{display:none;position:absolute;top:10px;left:10px;z-index:101;background:#00000080;color:#fff;pointer-events:auto}@media(max-width:768px){#btnToggleToolbar{display:flex}.toolbar{padding-top:110px}}.toolbar-group{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.toolbar-group:last-child{border-bottom:none}.tool-btn{width:calc(var(--toolbar-width) - 6px);height:30px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;position:relative}.tool-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tool-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tool-btn.btn-danger{color:var(--danger-color)}.tool-btn.btn-danger:hover{background:var(--danger-color);color:#fff}.tool-btn.btn-primary{color:var(--primary-color)}.tool-btn.btn-primary:hover{background:var(--primary-color);color:#fff}#btnAddHole{color:#fff}#btnAddHole svg{display:block}#modeSelect,#holeTypeSelect{width:calc(var(--toolbar-width) - 6px);height:32px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:12px;text-align:center;text-align-last:center;appearance:none;-webkit-appearance:none;transition:all .2s ease}#modeSelect:hover,#holeTypeSelect:hover{border-color:var(--primary-color);background-color:var(--bg-primary)}#modeSelect option,#holeTypeSelect option{background-color:var(--bg-primary);color:var(--text-primary);text-align:left}.hole-flyout{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;gap:4px;background:var(--bg-overlay);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;margin-left:6px;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:max-content}.flyout-btn{width:30px;height:30px;font-size:14px}input[type=file]{display:none}.modal{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.modal-content{background-color:var(--bg-primary);margin:10% auto;padding:1.5rem;border-radius:.75rem;width:90%;max-width:300px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.form-group input[type=text],.form-group select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.modal-footer button{padding:.5rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500}#btnCancelProperty{background:var(--bg-secondary);color:var(--text-primary)}#btnSaveProperty{background:var(--secondary-color);color:#fff}#tooltip{position:absolute;background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;display:none;z-index:1000;white-space:nowrap}#status{position:absolute;bottom:10px;left:calc(var(--toolbar-width) + 10px);font-size:12px;color:#ffffff80;pointer-events:none;transition:left .3s ease}.toolbar.collapsed~#status{left:10px}canvas{display:block;width:100%;height:100%;touch-action:none}.tool-btn:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-left:10px;z-index:1000}.tool-btn:hover:after{opacity:1}.dropdown-item{transition:all .2s ease;border-left:3px solid transparent}.dropdown-item:hover{padding-left:15px;transform:translate(2px)}@keyframes ai-breath{0%{box-shadow:0 0 10px #6366f180,0 0 20px #6366f14d;border-color:#6366f180}50%{box-shadow:0 0 25px #6366f1cc,0 0 50px #6366f180;border-color:#6366f1}to{box-shadow:0 0 10px #6366f180,0 0 20px #6366f14d;border-color:#6366f180}}.ai-breathing{animation:ai-breath 2s infinite ease-in-out;border:1px solid var(--primary-color)!important;position:relative}.ai-breathing:after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;z-index:999;background:linear-gradient(90deg,transparent,#ff3333,transparent) top / 30% 2px no-repeat,linear-gradient(180deg,transparent,#ff3333,transparent) right / 2px 30% no-repeat,linear-gradient(270deg,transparent,#ff3333,transparent) bottom / 30% 2px no-repeat,linear-gradient(0deg,transparent,#ff3333,transparent) left / 2px 30% no-repeat;animation:scan-light 2s linear infinite;box-shadow:inset 0 0 20px #6366f133}@keyframes scan-light{0%{background-position:-30% 0,100% -30%,130% 100%,0 130%}to{background-position:130% 0,100% 130%,-30% 100%,0 -30%}}.bom-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-height:600px;background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.bom-header{padding:12px 16px;background:#ffffff0d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.bom-header:active{cursor:grabbing}.bom-close-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;line-height:1;padding:0}.bom-close-btn:hover{color:var(--text-primary)}.bom-content{padding:0;overflow-y:auto;max-height:600px}.bom-table{width:100%;border-collapse:collapse;font-size:.9rem}.bom-table th,.bom-table td{padding:10px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.bom-table th{background:#0003;color:var(--text-secondary);font-weight:600;position:sticky;top:0}.bom-table tr:hover{background:#ffffff05}.bom-table td:last-child{text-align:right}.bom-table th:last-child{text-align:right}