.drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.drawing-canvas.drawing{pointer-events:auto;cursor:crosshair;touch-action:none;-ms-touch-action:none}.drawing-canvas.pan-mode{pointer-events:none!important;cursor:grab}.drawing-canvas.pan-mode:active{cursor:grabbing}.app{position:relative;width:100%;height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.map-container{position:relative;width:100%;height:100%}.controls{z-index:1000;display:flex;flex-direction:column;gap:10px;background-color:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:160px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:all .3s ease}.controls.right{position:fixed;top:0;right:0;bottom:0;left:auto;width:240px;max-height:100vh;overflow-y:auto;border-radius:12px 0 0 12px}.controls.top{position:fixed;top:0;left:0;right:0;bottom:auto;width:auto;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:flex-start;max-height:auto;overflow-x:auto;overflow-y:hidden;border-radius:0 0 12px 12px;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.controls.top::-webkit-scrollbar{display:none}.controls.minimized{all:unset;position:fixed;z-index:1000;background:none;padding:0;border-radius:0;box-shadow:none;width:auto;max-height:auto;overflow:visible}.controls.right.minimized{top:20px;right:20px}.controls.top.minimized{top:20px;left:50%;transform:translate(-50%)}.minimized-icon{width:60px;height:60px;border-radius:50%;background:#fffffff2;border:2px solid #e0e0e0;box-shadow:0 4px 20px #00000026;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.minimized-icon:hover{transform:scale(1.1);box-shadow:0 6px 25px #0003;background:#fff}.minimized-icon:active{transform:scale(.95)}.menu-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.menu-toggle{padding:8px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.menu-toggle:hover{background-color:#e9ecef}.minimize-toggle{padding:8px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.minimize-toggle:hover{background-color:#e9ecef}.controls.top .menu-header{order:-1;flex-shrink:0}.controls.top .action-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;flex-shrink:0}.controls.top .rotation-controls,.controls.top .tilt-controls,.controls.top .history-controls{display:flex;gap:4px}.controls.top .tool-section,.controls.top .color-section,.controls.top .width-section{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:8px}.controls.top .tool-section h3,.controls.top .color-section h3,.controls.top .width-section h3{margin-right:8px;white-space:nowrap}.controls.top .tool-buttons,.controls.top .color-palette{display:flex;gap:6px;flex-wrap:nowrap}.controls.top .width-section{min-width:120px}.controls.top .width-section .width-slider{width:80px}@media (max-width: 768px){.controls.right{width:200px}.controls{padding:10px;gap:8px}.controls.top{padding:8px 10px;gap:10px}.controls.top .tool-section h3,.controls.top .color-section h3,.controls.top .width-section h3{display:none}.controls.top .tool-buttons,.controls.top .color-palette{gap:4px}.controls.top .width-section{min-width:auto}.controls.top .action-buttons{gap:6px}.draw-button{padding:8px 12px;font-size:12px}.action-button{padding:6px 10px;font-size:12px}.tool-button{padding:6px;font-size:16px}.color-button{width:26px;height:26px}.menu-toggle,.minimize-toggle{min-width:35px;height:35px;font-size:14px}.rotation-controls .action-button,.tilt-controls .action-button,.history-controls .action-button{min-width:30px;padding:6px 2px;font-size:14px}.controls.top .rotation-controls,.controls.top .tilt-controls,.controls.top .history-controls{flex-shrink:0}.minimized-icon{width:50px;height:50px;font-size:20px}.controls.right.minimized{top:15px;right:15px}.controls.top.minimized{top:15px}}.draw-button{padding:10px 16px;background-color:#fff;border:2px solid #333;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.draw-button:hover{background-color:#f0f0f0}.draw-button.active{background-color:#ff4757;color:#fff;border-color:#ff4757}.draw-button.active:hover{background-color:#e84050}.action-buttons{display:flex;flex-direction:column;gap:8px}.rotation-controls,.history-controls{display:flex;gap:4px}.rotation-controls .action-button,.history-controls .action-button{flex:1;min-width:35px;padding:8px 4px;font-size:16px;justify-content:center}.tilt-controls{display:flex;gap:4px}.tilt-controls .action-button{flex:1;min-width:35px;padding:8px 4px;font-size:16px;justify-content:center}.action-button{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#fff;display:flex;align-items:center;gap:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-button:hover:not(:disabled){background-color:#f8f9fa}.action-button:disabled{opacity:.5;cursor:not-allowed}.history-controls .action-button.disabled{opacity:.3;cursor:not-allowed}.saving-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:12px;color:#6c757d;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.action-button.clear{background-color:#ff6b6b;color:#fff;border-color:#ff6b6b}.action-button.clear:hover:not(:disabled){background-color:#ff5252}.action-button.share{background-color:#3742fa;color:#fff;border-color:#3742fa}.action-button.share:hover:not(:disabled){background-color:#2f36e8}.tool-section,.color-section,.width-section,.history-section{display:flex;flex-direction:column;gap:8px}h3{margin:0;font-size:13px;font-weight:600;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.width-section h3{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tool-buttons,.history-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tool-button{padding:8px;border:2px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tool-button:hover{background-color:#f0f0f0}.tool-button.active{border-color:#3742fa;background-color:#e8e9ff}.tool-button:disabled,.tool-button.disabled{opacity:.5;cursor:not-allowed}.tool-button:disabled:hover,.tool-button.disabled:hover{background-color:#fff}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-button{width:30px;height:30px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.color-button:hover{transform:scale(1.1)}.color-button.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.width-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#ddd;outline:none}.width-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3742fa;cursor:pointer}.width-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3742fa;cursor:pointer}.error-message{padding:8px 12px;background-color:#ffe6e6;border:1px solid #ff9999;border-radius:6px;font-size:12px;color:#d63031;cursor:pointer;transition:all .2s ease}.error-message:hover{background-color:#fcc}.layer-panel{position:fixed;right:20px;top:160px;z-index:1000}.action-button.layers.active{background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw}