.menubar.svelte-1b4sr40{display:flex;background:silver;border-bottom:2px solid #808080;flex-shrink:0;position:relative;z-index:100;user-select:none}.menu-root.svelte-1b4sr40{position:relative}.menu-btn.svelte-1b4sr40{background:none;border:none;padding:2px 8px;font-size:12px;cursor:pointer;height:22px;font-family:inherit}.menu-btn.svelte-1b4sr40:hover,.menu-btn.open.svelte-1b4sr40{background:navy;color:#fff}.dropdown.svelte-1b4sr40{position:absolute;top:100%;left:0;background:silver;border:2px outset #c0c0c0;min-width:180px;z-index:200;box-shadow:2px 2px 4px #0006}.menu-item.svelte-1b4sr40{display:flex;justify-content:space-between;width:100%;background:none;border:none;padding:3px 20px 3px 24px;font-size:12px;cursor:pointer;text-align:left;font-family:inherit;white-space:nowrap}.menu-item.svelte-1b4sr40:hover:not(:disabled){background:navy;color:#fff}.menu-item.svelte-1b4sr40:disabled{color:gray;cursor:default}.item-label.svelte-1b4sr40{flex:1}.item-shortcut.svelte-1b4sr40{color:#666;font-size:11px;margin-left:20px}.menu-item.svelte-1b4sr40:hover .item-shortcut:where(.svelte-1b4sr40){color:#ccc}.menu-sep.svelte-1b4sr40{border:none;border-top:1px solid #808080;margin:2px 0}.backdrop.svelte-1b4sr40{position:fixed;inset:0;z-index:99}.toolbar.svelte-1b5lykn{width:56px;background:silver;border-right:2px solid #808080;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.tool-grid.svelte-1b5lykn{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:2px}.tool-btn.svelte-1b5lykn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:silver;border:2px outset #c0c0c0;cursor:pointer;font-size:13px;padding:0}.tool-btn.svelte-1b5lykn:hover{background:#d4d0c8}.tool-btn.active.svelte-1b5lykn{border-style:inset;background:#b0b0b0}.tool-icon.svelte-1b5lykn{line-height:1}.tool-options.svelte-1b5lykn{border-top:2px solid #808080;padding:3px 2px;display:flex;flex-direction:column;gap:2px}.opt-label.svelte-1b5lykn{font-size:9px;color:#444;margin-top:2px}.size-grid.svelte-1b5lykn{display:grid;grid-template-columns:1fr 1fr;gap:1px}.size-btn.svelte-1b5lykn{display:flex;align-items:center;justify-content:center;background:silver;border:2px outset #c0c0c0;width:24px;height:24px;cursor:pointer;padding:0}.size-btn.active.svelte-1b5lykn{border-style:inset;background:#b0b0b0}.dot.svelte-1b5lykn{background:#000;border-radius:50%;min-width:1px;min-height:1px}.fill-modes.svelte-1b5lykn,.zoom-btns.svelte-1b5lykn{display:flex;flex-direction:column;gap:1px}.fill-btn.svelte-1b5lykn{background:silver;border:2px outset #c0c0c0;cursor:pointer;padding:1px 2px;font-size:11px;display:flex;align-items:center;justify-content:center}.fill-btn.active.svelte-1b5lykn{border-style:inset;background:#b0b0b0}.text-style-row.svelte-1b5lykn{display:flex;gap:2px}.text-style-row.svelte-1b5lykn .fill-btn:where(.svelte-1b5lykn){flex:1;font-size:13px;height:22px}.viewport.svelte-cbat97{flex:1;overflow:auto;background:gray;display:flex;align-items:flex-start;justify-content:flex-start}.canvas-scroll-inner.svelte-cbat97{padding:20px;display:flex;min-width:min-content;min-height:min-content}.layer-panel.svelte-1kmcjp7{width:180px;background:silver;border-left:2px solid #808080;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.panel-title.svelte-1kmcjp7{background:navy;color:#fff;font-size:11px;font-weight:700;padding:2px 6px}.layer-list.svelte-1kmcjp7{flex:1;overflow-y:auto;overflow-x:hidden}.layer-item.svelte-1kmcjp7{display:flex;align-items:center;gap:3px;padding:3px 2px;cursor:pointer;border-bottom:1px solid #a0a0a0;border:2px solid transparent}.layer-item.svelte-1kmcjp7:hover{background:#d4d0c8}.layer-item.active.svelte-1kmcjp7{background:navy;color:#fff}.layer-item.locked.svelte-1kmcjp7{opacity:.75}.layer-item.locked.svelte-1kmcjp7 .thumb-wrap:where(.svelte-1kmcjp7){border-color:#a04040}.eye-btn.svelte-1kmcjp7,.lock-btn.svelte-1kmcjp7{background:none;border:none;cursor:pointer;font-size:12px;width:18px;flex-shrink:0;padding:0}.thumb-wrap.svelte-1kmcjp7{width:36px;height:28px;flex-shrink:0;border:1px solid #808080;background:#fff;overflow:hidden}.thumb.svelte-1kmcjp7{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.thumb-placeholder.svelte-1kmcjp7{width:100%;height:100%;background:linear-gradient(45deg,#ccc 25%,#fff 25% 75%,#ccc 75%) 0 0 / 8px 8px}.layer-name-wrap.svelte-1kmcjp7{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.layer-name.svelte-1kmcjp7{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.name-input.svelte-1kmcjp7{font-size:11px;width:100%;border:1px inset #808080;background:#fff;padding:0 2px}.opacity-row.svelte-1kmcjp7{display:flex;align-items:center;gap:3px}.opacity-slider.svelte-1kmcjp7{flex:1;height:10px;cursor:pointer;accent-color:#000080;min-width:0}.opacity-val.svelte-1kmcjp7{font-size:10px;white-space:nowrap;width:26px;text-align:right;flex-shrink:0}.layer-item.active.svelte-1kmcjp7 .opacity-val:where(.svelte-1kmcjp7){color:#fff}.layer-actions.svelte-1kmcjp7{display:flex;flex-wrap:wrap;gap:1px;padding:3px;border-top:2px solid #808080}.action-btn.svelte-1kmcjp7{background:silver;border:2px outset #c0c0c0;cursor:pointer;font-size:13px;width:24px;height:22px;display:flex;align-items:center;justify-content:center;padding:0}.action-btn.svelte-1kmcjp7:hover{background:#d4d0c8}.action-btn.svelte-1kmcjp7:active{border-style:inset}.sep.svelte-1kmcjp7{width:2px;background:gray;margin:1px}.color-bar.svelte-1qcw0xm{height:52px;background:silver;border-top:2px solid #808080;display:flex;align-items:center;padding:3px 6px;gap:6px;flex-shrink:0}.swatch-group.svelte-1qcw0xm{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.swatches.svelte-1qcw0xm{position:relative;width:44px;height:36px;flex-shrink:0}.swatch.svelte-1qcw0xm{position:absolute;width:26px;height:26px;border:2px inset #c0c0c0;cursor:pointer;padding:0}.swatch.secondary.svelte-1qcw0xm{bottom:0;right:0}.swatch.primary.svelte-1qcw0xm{top:0;left:0;border:2px solid #000;z-index:1}.swap-btn.svelte-1qcw0xm{background:silver;border:1px outset #c0c0c0;cursor:pointer;font-size:11px;padding:1px 4px;line-height:1;color:#000;white-space:nowrap}.swap-btn.svelte-1qcw0xm:hover{background:#d4d0c8}.swap-btn.svelte-1qcw0xm:active{border-style:inset}.opacity-group.svelte-1qcw0xm{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.opacity-label.svelte-1qcw0xm{font-size:9px;color:#444;line-height:1}.opacity-slider.svelte-1qcw0xm{width:72px;height:14px;cursor:pointer;padding:0}.opacity-value.svelte-1qcw0xm{font-size:9px;color:#444;line-height:1;min-width:28px;text-align:center}.divider.svelte-1qcw0xm{width:2px;height:40px;background:gray;flex-shrink:0}.palette.svelte-1qcw0xm{display:grid;grid-template-columns:repeat(16,20px);grid-template-rows:repeat(2,20px);gap:1px;flex-shrink:0}.pal-cell.svelte-1qcw0xm{width:20px;height:20px;border:1px solid #808080;cursor:pointer;box-sizing:border-box}.pal-cell.svelte-1qcw0xm:hover{border-color:#000;outline:1px solid #fff}.hidden-picker.svelte-1qcw0xm{position:absolute;left:-9999px;opacity:0;pointer-events:none}.statusbar.svelte-161y12f{height:22px;background:silver;border-top:2px solid #808080;display:flex;align-items:center;padding:0 6px;font-size:11px;flex-shrink:0;gap:0}.hint.svelte-161y12f{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer.svelte-161y12f{flex:1}.segment.svelte-161y12f{padding:0 8px;font-family:Courier New,monospace;font-size:11px;border:1px inset #c0c0c0;height:16px;line-height:16px;white-space:nowrap}.sep.svelte-161y12f{width:2px;height:16px;background:gray}.overlay.svelte-d475wq{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog.svelte-d475wq{background:silver;border:2px outset #c0c0c0;min-width:240px;box-shadow:4px 4px #00000080}.title-bar.svelte-d475wq{background:navy;color:#fff;padding:3px 6px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.close-btn.svelte-d475wq{background:silver;color:#000;border:2px outset #c0c0c0;width:18px;height:18px;cursor:pointer;font-size:10px;padding:0;line-height:1}.body.svelte-d475wq{padding:12px;display:flex;flex-direction:column;gap:8px}.row.svelte-d475wq{display:flex;align-items:center;gap:6px;font-size:12px}.row.svelte-d475wq label:where(.svelte-d475wq){width:50px;text-align:right}.row.svelte-d475wq input:where(.svelte-d475wq){width:70px;border:2px inset #c0c0c0;padding:2px 4px;font-size:12px}.presets.svelte-d475wq{display:flex;flex-wrap:wrap;gap:4px}.preset-btn.svelte-d475wq{background:silver;border:2px outset #c0c0c0;font-size:11px;padding:2px 6px;cursor:pointer}.preset-btn.svelte-d475wq:hover{background:#d4d0c8}.preset-btn.svelte-d475wq:active{border-style:inset}.actions.svelte-d475wq{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.ok-btn.svelte-d475wq,.cancel-btn.svelte-d475wq{background:silver;border:2px outset #c0c0c0;font-size:12px;padding:3px 20px;cursor:pointer;min-width:70px}.ok-btn.svelte-d475wq:hover,.cancel-btn.svelte-d475wq:hover{background:#d4d0c8}.ok-btn.svelte-d475wq:active,.cancel-btn.svelte-d475wq:active{border-style:inset}.overlay.svelte-vkceu4{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog.svelte-vkceu4{background:silver;border:2px outset #c0c0c0;min-width:220px;box-shadow:4px 4px 8px #00000080}.title-bar.svelte-vkceu4{background:navy;color:#fff;font-size:12px;font-weight:700;padding:3px 6px;display:flex;justify-content:space-between;align-items:center}.close-btn.svelte-vkceu4{background:silver;border:2px outset #c0c0c0;color:#000;font-size:10px;cursor:pointer;width:16px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn.svelte-vkceu4:active{border-style:inset}.body.svelte-vkceu4{padding:12px 16px 8px;display:flex;flex-direction:column;gap:8px}.current.svelte-vkceu4{font-size:11px;color:#444;margin-bottom:4px}.field-row.svelte-vkceu4{display:flex;align-items:center;gap:6px}.field-row.svelte-vkceu4 label:where(.svelte-vkceu4){width:46px;font-size:12px}.field-row.svelte-vkceu4 input:where(.svelte-vkceu4){width:70px;border:2px inset #c0c0c0;padding:2px 4px;font-size:12px;font-family:inherit}.field-row.svelte-vkceu4 span:where(.svelte-vkceu4){font-size:11px;color:#555}.footer.svelte-vkceu4{display:flex;justify-content:flex-end;gap:6px;padding:8px 16px;border-top:1px solid #808080}.btn.svelte-vkceu4{background:silver;border:2px outset #c0c0c0;padding:3px 16px;font-size:12px;font-family:inherit;cursor:pointer;min-width:60px}.btn.svelte-vkceu4:hover{background:#d4d0c8}.btn.svelte-vkceu4:active{border-style:inset}.overlay.svelte-1nd13u7{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog.svelte-1nd13u7{background:silver;border:2px outset #c0c0c0;min-width:280px;box-shadow:4px 4px 8px #00000080}.title-bar.svelte-1nd13u7{background:navy;color:#fff;font-size:12px;font-weight:700;padding:3px 6px;display:flex;justify-content:space-between;align-items:center}.close-btn.svelte-1nd13u7{background:silver;border:2px outset #c0c0c0;color:#000;font-size:10px;cursor:pointer;width:16px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn.svelte-1nd13u7:active{border-style:inset}.body.svelte-1nd13u7{padding:12px 16px 8px;display:flex;flex-direction:column;gap:6px}.field-row.svelte-1nd13u7{display:flex;align-items:center;gap:8px}.field-row.svelte-1nd13u7 label:where(.svelte-1nd13u7){font-size:12px;white-space:nowrap}.field-row.svelte-1nd13u7 input:where(.svelte-1nd13u7){flex:1;border:2px inset #c0c0c0;padding:2px 4px;font-size:12px;font-family:inherit}.note.svelte-1nd13u7{font-size:10px;color:#666}.footer.svelte-1nd13u7{display:flex;justify-content:flex-end;gap:6px;padding:8px 16px;border-top:1px solid #808080}.btn.svelte-1nd13u7{background:silver;border:2px outset #c0c0c0;padding:3px 16px;font-size:12px;font-family:inherit;cursor:pointer;min-width:60px}.btn.svelte-1nd13u7:hover{background:#d4d0c8}.btn.svelte-1nd13u7:active{border-style:inset}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:"MS Sans Serif","Microsoft Sans Serif",Arial,sans-serif;font-size:12px;background:silver;overflow:hidden;height:100vh;width:100vw;user-select:none}button{font-family:inherit;font-size:12px}input[type=range]{accent-color:#000080}.app.svelte-nejbyb{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.workspace.svelte-nejbyb{flex:1;display:flex;overflow:hidden;min-height:0}