.nabla-isofont{font-family:Nabla,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"EDPT" 70,"EHLT" 0}:root{--background-color: #0c0c0c;--canvas-background: #ffffff;--text-color: #333333;--border-color: #e0e0e0;--primary-accent: #007aff;--secondary-accent: #e5e5ea;--danger-accent: #ff3b30;--button-text-color: #ffffff;--button-hover-bg: rgba(0, 0, 0, .05);--tool-button-active-bg: var(--primary-accent);--tool-button-active-text: var(--button-text-color);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background-color:var(--background-color);font-family:var(--font-family);color:var(--text-color);line-height:1.5;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;max-width:800px;width:95%;margin:0 auto;padding:0;flex-grow:1;height:100vh;justify-content:center}.app-header{text-align:center;margin-bottom:25px}.app-header h1{font-size:1.8em;font-weight:500;color:var(--text-color)}.toolbar-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--canvas-background);padding:12px 15px;border-radius:var(--border-radius);border:1px solid var(--border-color);flex-wrap:wrap;gap:15px;flex-shrink:0}.tool-group{display:flex;align-items:center;gap:10px}button{font-family:inherit;font-size:.9em;padding:8px 15px;border-radius:var(--border-radius);border:none;background-color:var(--secondary-accent);color:var(--text-color);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;clip-path:polygon(0 20%,10% 0,100% 0,100% 80%,90% 100%,0% 100%)}button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--secondary-accent)}button:hover{background-color:var(--button-hover-bg);border-color:darken(var(--border-color),5%)}button:active{background-color:#00000014}.tool-button{padding:8px 12px}.tool-button.active{background-color:var(--tool-button-active-bg);color:var(--tool-button-active-text);border-color:var(--tool-button-active-bg)}#fillToggleBtn.active{background-color:var(--primary-accent);border-color:var(--primary-accent);color:var(--button-text-color)}#deleteToggleBtn.active{background-color:var(--danger-accent);border-color:var(--danger-accent);color:var(--button-text-color)}#editToolBtn.active{background-color:var(--primary-accent);border-color:var(--primary-accent);color:var(--button-text-color)}.color-picker-group input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;background-color:transparent;cursor:pointer;overflow:hidden;border:1px solid var(--border-color);transition:border-color .15s ease;display:block}.color-picker-group input[type=color]:hover{border-color:var(--primary-accent)}.color-picker-group input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.color-picker-group input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.color-picker-group input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.draggable-point{fill:#fff;stroke:var(--primary-accent);stroke-width:1.5px;cursor:grab}.draggable-point:active{cursor:grabbing}.canvas-container{display:flex;justify-content:center;align-items:center;width:100%;flex-shrink:0}#isometricCanvas{background-color:var(--canvas-background);border:1px solid var(--border-color);border-radius:var(--border-radius);max-width:100%;display:block}.palette-bar{display:flex;align-items:center;gap:8px;background-color:var(--canvas-background);padding:10px 15px;border-radius:var(--border-radius);border:1px solid var(--border-color);flex-wrap:wrap;min-height:50px;flex-shrink:0}.palette-swatch{width:28px;height:28px;border-radius:var(--border-radius);cursor:pointer;border:1px solid var(--border-color);transition:transform .15s ease,box-shadow .15s ease}.palette-swatch:hover{transform:scale(1.1);box-shadow:0 0 5px #0003}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}