: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: 60px}*{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:0;left:0;bottom:0;width:var(--toolbar-width);background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) 0;gap:var(--spacing-sm);pointer-events:auto;overflow-y:auto;scrollbar-width:none;transition:transform .3s ease;z-index:100}.toolbar.collapsed{transform:translate(-100%)}.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:60px}}.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:40px;height:40px;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}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)}