.toolbar.svelte-fzsev1{display:flex;flex-direction:column;align-items:center;padding:20px 10px;border-right:1px solid var(--border-color);background-color:var(--panel-background);flex-shrink:0;width:60px}.tool-button.svelte-fzsev1{background:none;border:none;color:var(--icon-color, #555);font-size:1.5em;padding:10px;margin-bottom:10px;cursor:pointer;border-radius:4px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,color .2s ease}.tool-button.svelte-fzsev1:hover{background-color:#f0f0f0;color:var(--icon-hover-color, #000)}.tool-button.active.svelte-fzsev1{background-color:var(--active-tool-bg, #e0e0e0);color:var(--icon-hover-color, #000)}:root{--background-color: #fdfcfc;--panel-background: #fdfbfb;--border-color: #eee;--text-color: #333;--text-color-light: #777;--icon-color: #555;--icon-hover-color: #000;--accent-color: #2a9cd1;--accent-color-darker: #1978a1;--input-border-color: #ddd;--input-background: #fff;--active-tool-bg: #e0e0e0;--grid-color: #eaeaea}.app-container.svelte-k1lzad{display:flex;flex-direction:column;min-height:calc(160vh - 80px);background-color:var(--panel-background);max-width:1200px;margin:20px auto;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d;overflow:hidden}header.svelte-k1lzad{padding:12px 20px;border-bottom:1px solid var(--border-color);background-color:var(--panel-background);flex-shrink:0}.header-content.svelte-k1lzad{display:flex;flex-direction:column;gap:12px}.header-left.svelte-k1lzad{display:flex;align-items:center;gap:15px}.header-left.svelte-k1lzad .logo:where(.svelte-k1lzad){font-weight:600;font-size:1.4em}.header-left.svelte-k1lzad .subtitle:where(.svelte-k1lzad){color:var(--text-color-light);font-size:1.1em}.header-center.svelte-k1lzad{text-align:center;overflow:hidden}.header-center.svelte-k1lzad .file-name:where(.svelte-k1lzad){color:var(--text-color-light);font-size:1em;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-button.svelte-k1lzad{background-color:#56989c;border:1px solid #1A7A7B;color:#fff;font-family:inherit;font-weight:600;font-size:1em;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.save-button.svelte-k1lzad:hover{background-color:#41797a}@media (min-width: 768px){.header-content.svelte-k1lzad{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.header-center.svelte-k1lzad{flex:1;margin:0 20px}}.main-content.svelte-k1lzad{display:flex;flex-grow:1;overflow:hidden;position:relative}.editor-container.svelte-k1lzad{display:flex;flex:1;min-height:0;overflow:hidden}.canvas-container.svelte-k1lzad{display:flex;flex:1;min-height:0;position:relative}.canvas-area.svelte-k1lzad{flex-grow:1;background-color:var(--background-color);position:relative;overflow:hidden;min-height:0}#drawing-canvas.svelte-k1lzad{display:block}.properties-panel.svelte-k1lzad{width:280px;border-left:1px solid var(--border-color);background-color:var(--panel-background);padding:20px;overflow-y:auto;flex-shrink:0}.panel-section.svelte-k1lzad{margin-bottom:25px}.panel-section.svelte-k1lzad h3:where(.svelte-k1lzad){font-size:.9em;font-weight:600;margin-bottom:15px;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.focus-visible\:outline-none.svelte-k1lzad:focus-visible{outline:none}.focus-visible\:ring-2.svelte-k1lzad:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-accent-color.svelte-k1lzad:focus-visible{--tw-ring-color: var(--accent-color)}.sr-only.svelte-k1lzad{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}input[type=range].svelte-k1lzad{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:8px}input[type=range].svelte-k1lzad::-webkit-slider-runnable-track{background:#e5e7eb;border-radius:4px;height:4px}input[type=range].svelte-k1lzad::-moz-range-track{background:#e5e7eb;border-radius:4px;height:4px}input[type=range].svelte-k1lzad::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;background-color:#3b82f6;border-radius:50%;height:16px;width:16px}input[type=range].svelte-k1lzad::-moz-range-thumb{border:none;background-color:#3b82f6;border-radius:50%;height:16px;width:16px}input[type=range].svelte-k1lzad:focus{outline:none}input[type=range].svelte-k1lzad:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #3b82f633}input[type=range].svelte-k1lzad:focus::-moz-range-thumb{box-shadow:0 0 0 2px #3b82f633}input[type=range].svelte-k1lzad:active::-webkit-slider-thumb{background-color:#2563eb}input[type=range].svelte-k1lzad:active::-moz-range-thumb{background-color:#2563eb}.rotation-slider.svelte-k1lzad{--thumb-position: 50%;height:24px;cursor:pointer}.rotation-slider.svelte-k1lzad::-webkit-slider-runnable-track{background:linear-gradient(to right,#e5e7eb,#e5e7eb calc(50% - 2px),#3b82f6 50%,#e5e7eb calc(50% + 2px),#e5e7eb);border-radius:4px;height:4px}.rotation-slider.svelte-k1lzad::-moz-range-track{background:linear-gradient(to right,#e5e7eb,#e5e7eb calc(50% - 2px),#3b82f6 50%,#e5e7eb calc(50% + 2px),#e5e7eb);border-radius:4px;height:4px}.rotation-slider.svelte-k1lzad::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;background-color:#3b82f6;border-radius:50%;height:16px;width:16px;-webkit-transition:transform .1s ease;transition:transform .1s ease}.rotation-slider.svelte-k1lzad::-moz-range-thumb{border:none;background-color:#3b82f6;border-radius:50%;height:16px;width:16px;-moz-transition:transform .1s ease;transition:transform .1s ease}.rotation-slider.svelte-k1lzad:active::-webkit-slider-thumb{transform:scale(1.2);background-color:#2563eb}.rotation-slider.svelte-k1lzad:active::-moz-range-thumb{transform:scale(1.2);background-color:#2563eb}@media (max-width: 768px){.editor-container.svelte-k1lzad{flex-direction:column}.canvas-container.svelte-k1lzad{min-height:50vh}.properties-panel.svelte-k1lzad{width:100%;border-left:none;border-top:1px solid var(--border-color);max-height:50vh;overflow-y:auto}.properties-panel.svelte-k1lzad:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,var(--panel-background));pointer-events:none}}