.canvas-container.svelte-qi4oe4{position:relative;background-color:#f0f0f0;overflow:hidden;cursor:crosshair;width:100%;height:100%}.icon.svelte-7j0u04{vertical-align:middle}.icon.svelte-7j0u04 svg{display:block;width:100%;height:100%}.layer-panel.svelte-1mg5fnv{width:300px;max-height:70vh;overflow-y:auto;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;padding:8px}.layer-header.svelte-1mg5fnv{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}h3.svelte-1mg5fnv{margin:0;font-size:.95em}.add-layer-btn.svelte-1mg5fnv{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.add-layer-btn.svelte-1mg5fnv:hover{background-color:#45a049}ul.svelte-1mg5fnv{list-style:none;padding:0;margin:0}li.layer-item.svelte-1mg5fnv{border-bottom:1px solid #eee;font-size:.9em;transition:background-color .2s ease-in-out}.layer-content.svelte-1mg5fnv{padding:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}li.svelte-1mg5fnv:last-child{border-bottom:none}li.active.svelte-1mg5fnv{background-color:#e0e0ff;font-weight:700;border-left:3px solid #6060ff;padding-left:3px}li.svelte-1mg5fnv:hover:not(.active){background-color:#f0f0f0}.layer-name.svelte-1mg5fnv{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.rename-input.svelte-1mg5fnv{flex-grow:1;margin-right:5px;padding:2px 4px;border:1px solid #ccc;border-radius:3px;font-size:1em}.layer-controls.svelte-1mg5fnv{display:flex;gap:4px}.layer-controls.svelte-1mg5fnv button:where(.svelte-1mg5fnv){background:none;border:none;cursor:pointer;font-size:.9em;padding:2px}.layer-controls.svelte-1mg5fnv button:where(.svelte-1mg5fnv):disabled{cursor:not-allowed;opacity:.5}li.editing.svelte-1mg5fnv{background-color:#f0f0f0}li.drop-target.svelte-1mg5fnv{background-color:#d0d0ff}.modal-overlay.svelte-268ler{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-268ler{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0003;color:#333;text-align:center;max-width:90vw;max-height:90vh;overflow:auto}.modal-title.svelte-268ler{margin-top:0;margin-bottom:15px;color:#333}.modal-actions.svelte-268ler{margin-top:20px}.modal-close-button.svelte-268ler{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.modal-close-button.svelte-268ler:hover{background-color:#0056b3}.brush-controls.svelte-19ui5l8{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0}input[type=range].svelte-19ui5l8{width:200px}.color-controls.svelte-cjkzmf{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0}input[type=color].svelte-cjkzmf{width:100px;height:40px;border:1px solid #ccc;padding:0}span.svelte-cjkzmf{font-family:monospace}.sketchy-drawing.svelte-nw2jxf{overflow:hidden;position:relative;display:flex;flex-direction:column;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-wrapper.svelte-nw2jxf{flex-grow:1;position:relative;overflow:hidden;width:100%;max-width:100%;max-height:100%;aspect-ratio:var(--aspect-ratio);display:flex;justify-content:center;align-items:center}.toolbar.svelte-nw2jxf{display:flex;justify-content:center;align-items:stretch;padding:5px;gap:4px;background-color:#f0f0f0;border-top:1px solid #ccc}.toolbar.svelte-nw2jxf button:where(.svelte-nw2jxf),.color-picker-button.svelte-nw2jxf{font-size:1.2em;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;height:auto;line-height:1}.toolbar.svelte-nw2jxf button:where(.svelte-nw2jxf){padding:8px 12px}.toolbar.svelte-nw2jxf button:where(.svelte-nw2jxf):hover:not(:disabled){background-color:#e0e0e0;border-color:#bbb}.toolbar.svelte-nw2jxf button:where(.svelte-nw2jxf):disabled{opacity:.5;cursor:not-allowed}.toolbar.svelte-nw2jxf button.active:where(.svelte-nw2jxf){background-color:#a0a0ff;font-weight:700}.color-picker-button.svelte-nw2jxf:hover{border-color:#bbb!important}.layer-modal-content.svelte-nw2jxf{color:#333}.sketchy-drawing.svelte-nw2jxf:fullscreen .toolbar{z-index:1000}.sketchy-drawing.svelte-nw2jxf:fullscreen .layer-panel{z-index:1000}main.svelte-g944tl{margin:0;padding:0}