.tool-button-wrapper.svelte-1sldl14{position:relative;display:inline-flex}.tool-button.svelte-1sldl14{display:flex;align-items:center;justify-content:center;position:relative;border-radius:0;border:3px solid var(--border);background:var(--surface);color:var(--text);box-shadow:2px 2px #0000004d,inset 0 -2px #0003,inset 0 2px #ffffff1a;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.tool-button.sm.svelte-1sldl14{width:36px;height:36px;padding:var(--spacing-xs)}.tool-button.md.svelte-1sldl14{width:44px;height:44px;padding:var(--spacing-sm)}.tool-button.lg.svelte-1sldl14{width:52px;height:52px;padding:var(--spacing-sm)}.tool-button.svelte-1sldl14:hover:not(:disabled):not(.active){background-color:var(--border);border-color:var(--primary);transform:translate(-1px,-1px);box-shadow:3px 3px #e945604d,inset 0 -2px #0003,inset 0 2px #fff3}.tool-button.active.svelte-1sldl14{background-color:var(--primary);border-color:var(--primary);color:var(--background);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary),0 0 12px #e9456099,inset 0 2px 4px #fff3;animation:svelte-1sldl14-arcadeButtonGlow 2s ease-in-out infinite}@keyframes svelte-1sldl14-arcadeButtonGlow{0%,to{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary),0 0 12px #e9456099,inset 0 2px 4px #fff3}50%{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary),0 0 16px #e94560cc,inset 0 2px 4px #ffffff4d}}.tool-button.active.svelte-1sldl14:hover:not(:disabled){background-color:var(--primary-hover)}.tool-button.svelte-1sldl14:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #0006,inset 0 2px 4px #0000004d}.tool-button.svelte-1sldl14:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.tool-button.svelte-1sldl14:disabled:active{transform:none}.tool-button.svelte-1sldl14:focus-visible{outline:2px solid var(--primary);outline-offset:3px;z-index:1}.tool-icon.svelte-1sldl14{flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3))}.corner-accent.svelte-1sldl14{position:absolute;width:4px;height:4px;background-color:var(--background);pointer-events:none;z-index:2;animation:svelte-1sldl14-cornerBlink 1.5s ease-in-out infinite}.corner-accent.top-left.svelte-1sldl14{top:2px;left:2px}.corner-accent.top-right.svelte-1sldl14{top:2px;right:2px}.corner-accent.bottom-left.svelte-1sldl14{bottom:2px;left:2px}.corner-accent.bottom-right.svelte-1sldl14{bottom:2px;right:2px}@keyframes svelte-1sldl14-cornerBlink{0%,to{opacity:1}50%{opacity:.4}}.tooltip.svelte-1sldl14{position:absolute;z-index:var(--z-tooltip);pointer-events:none;border-radius:0;border:3px solid var(--border);background-color:var(--surface);box-shadow:4px 4px #0000004d,inset 0 0 0 1px #e9456033;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:var(--text);white-space:nowrap;text-transform:uppercase;letter-spacing:1px;background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.05) 51%);background-size:100% 2px;animation:svelte-1sldl14-tooltipSlideIn .2s ease-out}@keyframes svelte-1sldl14-tooltipSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tooltip-name.svelte-1sldl14{text-shadow:1px 1px 0 rgba(0,0,0,.5)}.tooltip-shortcut.svelte-1sldl14{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);background-color:var(--primary);border:2px solid rgba(0,0,0,.3);color:var(--background);font-size:var(--font-size-xs);font-weight:700;box-shadow:2px 2px #0000004d,inset 0 1px #fff3}.tooltip-arrow.svelte-1sldl14{position:absolute;width:8px;height:8px;background-color:var(--surface);border:3px solid var(--border);transform:rotate(45deg)}.tooltip.top.svelte-1sldl14{bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.tooltip.top.svelte-1sldl14 .tooltip-arrow:where(.svelte-1sldl14){bottom:-8px;left:50%;margin-left:-5.5px;border-top:none;border-left:none}.tooltip.bottom.svelte-1sldl14{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.tooltip.bottom.svelte-1sldl14 .tooltip-arrow:where(.svelte-1sldl14){top:-8px;left:50%;margin-left:-5.5px;border-bottom:none;border-right:none}.tooltip.left.svelte-1sldl14{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip.left.svelte-1sldl14 .tooltip-arrow:where(.svelte-1sldl14){right:-8px;top:50%;margin-top:-5.5px;border-left:none;border-bottom:none}.tooltip.right.svelte-1sldl14{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip.right.svelte-1sldl14 .tooltip-arrow:where(.svelte-1sldl14){left:-8px;top:50%;margin-top:-5.5px;border-right:none;border-top:none}.toolbar.svelte-1f22ghp{display:flex;background-color:var(--surface);border:4px solid var(--border);padding:var(--spacing-sm);gap:var(--spacing-sm);position:relative;box-shadow:inset 0 0 0 1px #e945601a,inset 0 2px 4px #0003,4px 4px #0003;background-image:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 50%,rgba(0,0,0,.05) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.toolbar.vertical.svelte-1f22ghp{flex-direction:column;align-items:center;width:fit-content}.toolbar.horizontal.svelte-1f22ghp{flex-direction:row;align-items:center;height:fit-content}.toolbar.disabled.svelte-1f22ghp{opacity:.5;pointer-events:none;filter:grayscale(.5)}.toolbar-section.svelte-1f22ghp{display:flex;gap:var(--spacing-xs)}.toolbar.vertical.svelte-1f22ghp .toolbar-section:where(.svelte-1f22ghp){flex-direction:column}.toolbar.horizontal.svelte-1f22ghp .toolbar-section:where(.svelte-1f22ghp){flex-direction:row}.toolbar-separator.svelte-1f22ghp{background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);position:relative;box-shadow:0 0 4px #e945604d,0 0 8px #e9456033}.toolbar-separator.svelte-1f22ghp:before{content:"";position:absolute;inset:0;background:inherit;opacity:.5;animation:svelte-1f22ghp-separatorGlow 2s ease-in-out infinite}@keyframes svelte-1f22ghp-separatorGlow{0%,to{opacity:.3}50%{opacity:.7}}.toolbar.vertical.svelte-1f22ghp .toolbar-separator:where(.svelte-1f22ghp){width:100%;height:3px;margin:var(--spacing-sm) 0}.toolbar.horizontal.svelte-1f22ghp .toolbar-separator:where(.svelte-1f22ghp){width:3px;height:100%;margin:0 var(--spacing-sm)}.action-button.svelte-1f22ghp{display:flex;align-items:center;justify-content:center;position:relative;border-radius:0;border:3px solid var(--border);background-color:var(--surface);color:var(--text);box-shadow:2px 2px #0000004d,inset 0 -2px #0003,inset 0 2px #ffffff1a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.action-button.sm.svelte-1f22ghp{width:36px;height:36px;padding:var(--spacing-xs)}.action-button.md.svelte-1f22ghp{width:44px;height:44px;padding:var(--spacing-sm)}.action-button.lg.svelte-1f22ghp{width:52px;height:52px;padding:var(--spacing-sm)}.action-button.svelte-1f22ghp:hover:not(:disabled){background-color:var(--border);border-color:var(--primary);transform:translate(-1px,-1px);box-shadow:3px 3px #e945604d,inset 0 -2px #0003,inset 0 2px #fff3}.action-button.svelte-1f22ghp:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #0006,inset 0 2px 4px #0000004d}.action-button.svelte-1f22ghp:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.action-button.svelte-1f22ghp:disabled:active{transform:none}.action-button.svelte-1f22ghp:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.toolbar.sm.svelte-1f22ghp{padding:var(--spacing-sm);gap:var(--spacing-xs)}.toolbar.md.svelte-1f22ghp{padding:var(--spacing-sm);gap:var(--spacing-sm)}.toolbar.lg.svelte-1f22ghp{padding:var(--spacing-md);gap:var(--spacing-sm)}.canvas-container.svelte-x8a9ze{position:relative;display:inline-block;border:2px solid var(--border);background-color:var(--background);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.canvas-container.edit.svelte-x8a9ze{cursor:inherit}.canvas-container.preview.svelte-x8a9ze{pointer-events:none}.canvas-container.readonly.svelte-x8a9ze{pointer-events:none;opacity:.9}.pixel-canvas.svelte-x8a9ze{display:block;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.pixel-info.svelte-x8a9ze{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#000000bf;border:1px solid var(--border);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text);pointer-events:none}.pixel-coords.svelte-x8a9ze{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pixel-color-swatch.svelte-x8a9ze{width:16px;height:16px;border:1px solid var(--border-light);background-image:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.canvas-container.svelte-x8a9ze:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:768px){.pixel-info.svelte-x8a9ze{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.pixel-color-swatch.svelte-x8a9ze{width:12px;height:12px}}.color-swatch.svelte-159ehda{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:1 / 1;border:2px solid var(--border);border-radius:0;background-color:var(--swatch-color);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:2px 2px #0003;image-rendering:pixelated;image-rendering:crisp-edges;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.color-swatch.svelte-159ehda:hover:not(:disabled){border-color:var(--primary);transform:translate(-1px,-1px);box-shadow:3px 3px #e9456066;z-index:1}.color-swatch.svelte-159ehda:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #0000004d}.color-swatch.selected.svelte-159ehda{border-color:var(--primary);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary),4px 4px #e9456080;z-index:2;animation:svelte-159ehda-arcadeGlow 1.5s ease-in-out infinite}@keyframes svelte-159ehda-arcadeGlow{0%,to{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary),4px 4px #e9456080}50%{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary),4px 4px #e9456080,0 0 8px #e9456099}}.color-swatch.disabled.svelte-159ehda,.color-swatch.svelte-159ehda:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.color-swatch.disabled.svelte-159ehda:active,.color-swatch.svelte-159ehda:disabled:active{transform:none}.color-swatch.svelte-159ehda:focus-visible{outline:2px solid var(--primary);outline-offset:2px;z-index:2}.color-swatch.transparent.svelte-159ehda{background-color:var(--surface);overflow:hidden}.transparent-pattern.svelte-159ehda{position:absolute;inset:0;background-image:linear-gradient(45deg,#888 25%,transparent 25%),linear-gradient(-45deg,#888 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#888 75%),linear-gradient(-45deg,transparent 75%,#888 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;opacity:.3;pointer-events:none}.selection-indicator.svelte-159ehda{position:absolute;width:8px;height:8px;background-color:var(--text);border:2px solid var(--background);box-shadow:0 0 0 1px var(--text),2px 2px #0000004d;animation:svelte-159ehda-indicatorPulse 1s ease-in-out infinite}@keyframes svelte-159ehda-indicatorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.color-swatch.svelte-159ehda:not(.transparent) .selection-indicator:where(.svelte-159ehda){mix-blend-mode:difference;background-color:#fff;border-color:#000}.color-palette.svelte-10ycmls{display:flex;flex-direction:column;background-color:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);position:relative}.color-palette.svelte-10ycmls:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(233,69,96,.03) 0%,transparent 100%);pointer-events:none}.color-palette.compact.svelte-10ycmls{border:none;background-color:transparent;box-shadow:none}.color-palette.compact.svelte-10ycmls:before{display:none}.color-palette.disabled.svelte-10ycmls{opacity:.5;pointer-events:none;filter:grayscale(.3)}.palette-header.svelte-10ycmls{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,var(--surface) 100%);position:relative;z-index:1}.palette-header.svelte-10ycmls:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);opacity:.3}.palette-title.svelte-10ycmls{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.collapse-toggle.svelte-10ycmls{display:flex;align-items:center;gap:var(--spacing-sm);padding:0;background:none;border:none;color:var(--text);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.collapse-toggle.svelte-10ycmls:hover{color:var(--primary);transform:translate(2px)}.collapse-toggle.svelte-10ycmls:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.collapse-icon.svelte-10ycmls{transition:transform var(--transition-normal)}.collapse-icon.rotated.svelte-10ycmls{transform:rotate(-90deg)}.palette-content.svelte-10ycmls{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);position:relative;z-index:1}.color-palette.compact.svelte-10ycmls .palette-content:where(.svelte-10ycmls){padding:0;gap:var(--spacing-xs)}.current-colors-section.svelte-10ycmls{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--background);border:2px solid var(--border);box-shadow:inset 2px 2px #0000001a;position:relative}.current-colors-section.svelte-10ycmls:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(233,69,96,.2) 50%,transparent 100%)}.color-previews.svelte-10ycmls{position:relative;width:60px;height:60px;flex-shrink:0}.color-preview.svelte-10ycmls{position:absolute;border:2px solid var(--border);cursor:default;background-color:var(--preview-color);padding:0;box-shadow:2px 2px #00000026;transition:all var(--transition-fast)}.color-preview.svelte-10ycmls:hover{border-color:var(--primary)}.color-preview.primary.svelte-10ycmls{top:0;left:0;width:40px;height:40px;z-index:2;box-shadow:var(--shadow-sm)}.color-preview.secondary.svelte-10ycmls{bottom:0;right:0;width:28px;height:28px;z-index:1}.color-preview.transparent.svelte-10ycmls{background-color:var(--surface);overflow:hidden}.color-preview.svelte-10ycmls .transparent-pattern:where(.svelte-10ycmls){position:absolute;inset:0;background-image:linear-gradient(45deg,#888 25%,transparent 25%),linear-gradient(-45deg,#888 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#888 75%),linear-gradient(-45deg,transparent 75%,#888 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;opacity:.3}.swap-button.svelte-10ycmls{position:absolute;bottom:0;left:0;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--primary);border:2px solid var(--primary);color:var(--background);cursor:pointer;z-index:3;box-shadow:2px 2px #0003;transition:all var(--transition-fast)}.swap-button.svelte-10ycmls:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #0000004d,0 0 8px #e945604d}.swap-button.svelte-10ycmls:active:not(:disabled){transform:translate(0);box-shadow:1px 1px #0003}.swap-button.svelte-10ycmls:focus-visible{outline:2px solid var(--text);outline-offset:2px}.swap-button.svelte-10ycmls:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.5)}.color-info.svelte-10ycmls{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1}.color-name.svelte-10ycmls{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.color-char.svelte-10ycmls{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);padding:2px var(--spacing-xs);background-color:#e945600d;border:1px solid var(--border);display:inline-block;width:fit-content}.color-grid-container.svelte-10ycmls{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-category.svelte-10ycmls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-label.svelte-10ycmls{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:var(--spacing-xs) 0;border-bottom:2px solid var(--border);position:relative}.category-label.svelte-10ycmls:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background-color:var(--primary)}.color-grid.svelte-10ycmls{display:grid;grid-template-columns:repeat(auto-fill,var(--swatch-size, 24px));gap:8px;padding:var(--spacing-sm);background-color:#0000000d;border:2px solid var(--border);box-shadow:inset 1px 1px #0000001a;justify-content:start}.color-swatch-wrapper.svelte-10ycmls{position:relative;width:var(--swatch-size, 24px);height:var(--swatch-size, 24px)}.color-swatch-wrapper.secondary-selected.svelte-10ycmls:not(.primary-selected):after{content:"";position:absolute;inset:-3px;border:2px solid var(--primary);pointer-events:none;z-index:1;animation:svelte-10ycmls-secondaryPulse 1.5s ease-in-out infinite}@keyframes svelte-10ycmls-secondaryPulse{0%,to{opacity:1;border-style:solid}50%{opacity:.6;border-style:dashed}}.palette-hint.svelte-10ycmls{padding:var(--spacing-sm);background-color:#e9456008;border:1px solid var(--border);border-left:3px solid var(--primary)}.hint-text.svelte-10ycmls{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.color-palette.collapsed.svelte-10ycmls .palette-header:where(.svelte-10ycmls){border-bottom:none}.color-palette.collapsed.svelte-10ycmls .palette-header:where(.svelte-10ycmls):after{display:none}.layer-item-container.svelte-8hs5bk{display:flex;flex-direction:column;width:100%}.layer-item.svelte-8hs5bk{display:flex;align-items:center;gap:var(--spacing-xs);border-radius:0;border:2px solid transparent;background-color:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.layer-item.sm.svelte-8hs5bk{padding:var(--spacing-xs);min-height:36px}.layer-item.md.svelte-8hs5bk{padding:var(--spacing-xs) var(--spacing-sm);min-height:44px}.layer-item.lg.svelte-8hs5bk{padding:var(--spacing-sm);min-height:52px}.layer-item.svelte-8hs5bk:hover{background-color:var(--border);border-color:var(--border-light)}.layer-item.selected.svelte-8hs5bk{background-color:var(--primary);border-color:var(--primary)}.layer-item.selected.svelte-8hs5bk:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.layer-item.hidden.svelte-8hs5bk{opacity:.5}.layer-item.locked.svelte-8hs5bk{opacity:.7}.layer-item.dragging.svelte-8hs5bk{opacity:.5;border-style:dashed}.layer-item.drag-over.svelte-8hs5bk{border-color:var(--primary);background-color:var(--border)}.layer-item.svelte-8hs5bk:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.drag-handle.svelte-8hs5bk{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--text-muted);cursor:grab;opacity:.5;transition:opacity var(--transition-fast)}.layer-item.svelte-8hs5bk:hover .drag-handle:where(.svelte-8hs5bk),.layer-item.selected.svelte-8hs5bk .drag-handle:where(.svelte-8hs5bk){opacity:1}.drag-handle.svelte-8hs5bk:active{cursor:grabbing}.visibility-toggle.svelte-8hs5bk{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:0;background-color:transparent;color:var(--text);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.visibility-toggle.svelte-8hs5bk:hover{background-color:var(--border)}.visibility-toggle.hidden.svelte-8hs5bk{color:var(--text-muted)}.visibility-toggle.svelte-8hs5bk:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.thumbnail.svelte-8hs5bk{flex-shrink:0;border:2px solid var(--border);background-color:var(--background);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;overflow:hidden;image-rendering:pixelated;image-rendering:crisp-edges}.thumbnail.svelte-8hs5bk img:where(.svelte-8hs5bk){display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.thumbnail-empty.svelte-8hs5bk{width:100%;height:100%}.layer-info.svelte-8hs5bk{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.layer-name.svelte-8hs5bk{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}.name-input.svelte-8hs5bk{width:100%;padding:2px var(--spacing-xs);border:2px solid var(--primary);border-radius:0;background-color:var(--background);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;outline:none}.name-input.svelte-8hs5bk:focus{border-color:var(--primary-hover)}.opacity-button.svelte-8hs5bk{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast)}.opacity-button.svelte-8hs5bk:hover{color:var(--text)}.opacity-value.svelte-8hs5bk{min-width:3ch}.lock-indicator.svelte-8hs5bk{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--text-muted)}.delete-button.svelte-8hs5bk{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:0;background-color:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.layer-item.svelte-8hs5bk:hover .delete-button:where(.svelte-8hs5bk),.layer-item.svelte-8hs5bk:focus-within .delete-button:where(.svelte-8hs5bk){opacity:1}.delete-button.svelte-8hs5bk:hover{color:var(--danger);background-color:var(--border)}.delete-button.svelte-8hs5bk:focus-visible{outline:2px solid var(--primary);outline-offset:1px;opacity:1}.opacity-slider-dropdown.svelte-8hs5bk{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-top:2px;margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);border:2px solid var(--border);background-color:var(--surface);min-width:0;box-sizing:border-box}.opacity-label.svelte-8hs5bk{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.opacity-slider-container.svelte-8hs5bk{display:flex;align-items:center;gap:var(--spacing-sm)}.opacity-slider.svelte-8hs5bk{flex:1;height:12px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.opacity-slider.svelte-8hs5bk::-webkit-slider-runnable-track{width:100%;height:8px;background-color:var(--border);border:2px solid var(--border);border-radius:0}.opacity-slider.svelte-8hs5bk::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:16px;margin-top:-6px;background-color:var(--primary);border:2px solid var(--text);border-radius:0;cursor:pointer;box-shadow:var(--shadow-sm)}.opacity-slider.svelte-8hs5bk::-moz-range-track{width:100%;height:8px;background-color:var(--border);border:2px solid var(--border);border-radius:0}.opacity-slider.svelte-8hs5bk::-moz-range-thumb{width:12px;height:16px;background-color:var(--primary);border:2px solid var(--text);border-radius:0;cursor:pointer;box-shadow:var(--shadow-sm)}.opacity-slider.svelte-8hs5bk:hover::-webkit-slider-thumb{background-color:var(--primary-hover)}.opacity-slider.svelte-8hs5bk:hover::-moz-range-thumb{background-color:var(--primary-hover)}.opacity-slider-value.svelte-8hs5bk{min-width:4ch;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--primary);text-align:right}.layer-panel.svelte-4ba92h{display:flex;flex-direction:column;background-color:var(--surface);border:4px solid var(--border);box-shadow:var(--shadow-md);min-width:220px;position:relative}.layer-panel.svelte-4ba92h:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(233,69,96,.03) 0%,transparent 100%);pointer-events:none}.layer-panel.compact.svelte-4ba92h{border:none;background-color:transparent;box-shadow:none;min-width:0}.layer-panel.compact.svelte-4ba92h:before{display:none}.layer-panel.disabled.svelte-4ba92h{opacity:.5;pointer-events:none;filter:grayscale(.5)}.panel-header.svelte-4ba92h{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border-bottom:3px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,var(--surface) 100%);position:relative;z-index:1}.panel-header.svelte-4ba92h:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);opacity:.3}.panel-title.svelte-4ba92h{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.collapse-toggle.svelte-4ba92h{display:flex;align-items:center;gap:var(--spacing-sm);padding:0;background:none;border:none;color:var(--text);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.collapse-toggle.svelte-4ba92h:hover{color:var(--primary);transform:translate(2px)}.collapse-toggle.svelte-4ba92h:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.collapse-icon.svelte-4ba92h{transition:transform var(--transition-normal)}.collapse-icon.rotated.svelte-4ba92h{transform:rotate(-90deg)}.layer-count.svelte-4ba92h{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:700;color:var(--text);padding:2px var(--spacing-xs);background-color:var(--primary);border:2px solid rgba(0,0,0,.2);color:var(--background);box-shadow:2px 2px #0003;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.panel-content.svelte-4ba92h{display:flex;flex-direction:column;gap:0}.layer-panel.compact.svelte-4ba92h .panel-content:where(.svelte-4ba92h){gap:0}.action-bar.svelte-4ba92h{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-bottom:2px solid var(--border);background-color:#00000005}.button-text.svelte-4ba92h{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.layer-list.svelte-4ba92h{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);background-color:#00000008}.layer-wrapper.svelte-4ba92h{position:relative;display:flex;flex-direction:column;width:100%}.empty-state.svelte-4ba92h{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted)}.empty-text.svelte-4ba92h{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.5}.panel-footer.svelte-4ba92h{padding:var(--spacing-sm);border-top:2px solid var(--border);background-color:#e9456008}.hint-text.svelte-4ba92h{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.layer-panel.collapsed.svelte-4ba92h .panel-header:where(.svelte-4ba92h){border-bottom:none}.layer-panel.collapsed.svelte-4ba92h .panel-header:where(.svelte-4ba92h):after{display:none}.layer-list.svelte-4ba92h::-webkit-scrollbar{width:10px}.layer-list.svelte-4ba92h::-webkit-scrollbar-track{background-color:var(--border);border:2px solid var(--border)}.layer-list.svelte-4ba92h::-webkit-scrollbar-thumb{background-color:var(--primary);border:2px solid var(--border);box-shadow:inset 0 0 0 1px #0003}.layer-list.svelte-4ba92h::-webkit-scrollbar-thumb:hover{background-color:var(--primary-hover)}.timeline.svelte-g7k047{display:flex;flex-direction:column;background-color:var(--surface);border:2px solid var(--border);gap:var(--spacing-xs)}.timeline.horizontal.svelte-g7k047{flex-direction:column}.timeline.vertical.svelte-g7k047{flex-direction:row}.timeline.compact.svelte-g7k047{padding:var(--spacing-xs);gap:2px}.timeline.disabled.svelte-g7k047{opacity:.5;pointer-events:none}.timeline-controls.svelte-g7k047{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:2px solid var(--border);background-color:var(--surface-elevated)}.timeline.vertical.svelte-g7k047 .timeline-controls:where(.svelte-g7k047){flex-direction:column;border-bottom:none;border-right:2px solid var(--border)}.playback-controls.svelte-g7k047,.frame-actions.svelte-g7k047,.timeline-settings.svelte-g7k047{display:flex;align-items:center;gap:var(--spacing-xs)}.controls-separator.svelte-g7k047{width:1px;height:24px;background-color:var(--border)}.timeline.vertical.svelte-g7k047 .controls-separator:where(.svelte-g7k047){width:24px;height:1px}.control-button.svelte-g7k047{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border-radius:0;border:2px solid var(--border);background-color:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.control-button.svelte-g7k047:hover:not(:disabled){background-color:var(--border);border-color:var(--border-light)}.control-button.svelte-g7k047:active:not(:disabled){transform:translate(1px,1px)}.control-button.svelte-g7k047:disabled{opacity:.4;cursor:not-allowed}.control-button.svelte-g7k047:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.control-button.play-button.svelte-g7k047{width:36px;height:36px}.control-button.play-button.playing.svelte-g7k047{background-color:var(--primary);border-color:var(--primary-dark);color:var(--text-on-primary)}.control-button.danger.svelte-g7k047:hover:not(:disabled){background-color:var(--error);border-color:var(--error);color:#fff}.control-button.toggle-button.active.svelte-g7k047{background-color:var(--primary);border-color:var(--primary-dark);color:var(--text-on-primary)}.fps-control.svelte-g7k047{display:flex;align-items:center;gap:var(--spacing-xs)}.fps-label.svelte-g7k047{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fps-slider.svelte-g7k047{width:60px;height:8px;-webkit-appearance:none;appearance:none;background-color:var(--border);border:none;cursor:pointer}.fps-slider.svelte-g7k047::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:16px;background-color:var(--primary);border:2px solid var(--primary-dark);cursor:pointer}.fps-slider.svelte-g7k047::-moz-range-thumb{width:12px;height:16px;background-color:var(--primary);border:2px solid var(--primary-dark);cursor:pointer;border-radius:0}.fps-slider.svelte-g7k047:disabled{opacity:.4;cursor:not-allowed}.fps-value.svelte-g7k047{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--text);min-width:24px;text-align:right}.frame-counter.svelte-g7k047{margin-left:auto;padding:2px var(--spacing-sm);background-color:var(--border)}.frame-text.svelte-g7k047{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--text);letter-spacing:.5px}.timeline-frames.svelte-g7k047{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);overflow-x:auto;overflow-y:hidden}.timeline.vertical.svelte-g7k047 .timeline-frames:where(.svelte-g7k047){flex-direction:column;overflow-x:hidden;overflow-y:auto}.frame-wrapper.svelte-g7k047{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.frame-wrapper.svelte-g7k047:hover{background-color:var(--border)}.frame-wrapper.current.svelte-g7k047{border-color:var(--primary);background-color:var(--surface-elevated)}.frame-wrapper.dragging.svelte-g7k047{opacity:.5;transform:scale(.95)}.frame-wrapper.drag-over.svelte-g7k047{border-color:var(--secondary);background-color:var(--border)}.frame-wrapper.svelte-g7k047:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.frame-thumbnail.svelte-g7k047{position:relative;border:2px solid var(--border);background-color:var(--surface);overflow:hidden}.thumbnail-canvas.svelte-g7k047{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.frame-number.svelte-g7k047{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-muted)}.frame-wrapper.current.svelte-g7k047 .frame-number:where(.svelte-g7k047){color:var(--primary);font-weight:600}.current-indicator.svelte-g7k047{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--primary)}.add-frame-button.svelte-g7k047{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--spacing-sm);border:2px dashed var(--border);background-color:transparent;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.add-frame-button.svelte-g7k047:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:var(--surface-elevated)}.add-frame-button.svelte-g7k047:active:not(:disabled){transform:translate(1px,1px)}.add-frame-button.svelte-g7k047:disabled{opacity:.4;cursor:not-allowed}.add-frame-button.svelte-g7k047:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.timeline-frames.svelte-g7k047::-webkit-scrollbar{width:8px;height:8px}.timeline-frames.svelte-g7k047::-webkit-scrollbar-track{background-color:var(--border)}.timeline-frames.svelte-g7k047::-webkit-scrollbar-thumb{background-color:var(--text-muted);border:2px solid var(--border)}.timeline-frames.svelte-g7k047::-webkit-scrollbar-thumb:hover{background-color:var(--text)}.timeline.compact.svelte-g7k047 .timeline-controls:where(.svelte-g7k047){padding:var(--spacing-xs);gap:var(--spacing-xs)}.timeline.compact.svelte-g7k047 .timeline-frames:where(.svelte-g7k047){padding:var(--spacing-xs);gap:2px}.timeline.compact.svelte-g7k047 .control-button:where(.svelte-g7k047){width:24px;height:24px}.timeline.compact.svelte-g7k047 .control-button.play-button:where(.svelte-g7k047){width:28px;height:28px}.timeline.compact.svelte-g7k047 .controls-separator:where(.svelte-g7k047){display:none}.timeline.compact.svelte-g7k047 .frame-wrapper:where(.svelte-g7k047){padding:2px}.modal-backdrop.svelte-166fbbx{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-container.svelte-166fbbx{background-color:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100vh - var(--spacing-xl) * 2);display:flex;flex-direction:column;overflow:hidden}.modal-header.svelte-166fbbx{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border);flex-shrink:0}.modal-title.svelte-166fbbx{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin:0}.close-button.svelte-166fbbx{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:2px solid transparent;cursor:pointer;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.close-button.svelte-166fbbx:hover:not(:disabled){background-color:var(--border);color:var(--text)}.close-button.svelte-166fbbx:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.close-button.svelte-166fbbx:disabled{opacity:.5;cursor:not-allowed}.modal-content.svelte-166fbbx{padding:var(--spacing-lg);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section.svelte-166fbbx{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-label.svelte-166fbbx{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.format-options.svelte-166fbbx{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.option-button.svelte-166fbbx{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);min-width:64px;background-color:var(--background);border:2px solid var(--border);cursor:pointer;color:var(--text);font-family:var(--font-family);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.option-button.svelte-166fbbx:hover:not(:disabled){background-color:var(--border)}.option-button.selected.svelte-166fbbx{background-color:var(--primary);border-color:var(--primary)}.option-button.svelte-166fbbx:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.option-button.svelte-166fbbx:disabled{opacity:.5;cursor:not-allowed}.option-label.svelte-166fbbx{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase}.option-ext.svelte-166fbbx{font-size:var(--font-size-xs);color:var(--text-secondary)}.option-button.selected.svelte-166fbbx .option-ext:where(.svelte-166fbbx){color:var(--text);opacity:.8}.scale-options.svelte-166fbbx{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.scale-options.svelte-166fbbx .option-button:where(.svelte-166fbbx){flex-direction:row;gap:var(--spacing-xs);min-width:auto;padding:var(--spacing-xs) var(--spacing-sm)}.background-options.svelte-166fbbx{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.background-button.svelte-166fbbx{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--background);border:2px solid var(--border);cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-size-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.background-button.svelte-166fbbx:hover:not(:disabled){background-color:var(--border)}.background-button.selected.svelte-166fbbx{border-color:var(--primary)}.background-button.svelte-166fbbx:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.background-button.svelte-166fbbx:disabled{opacity:.5;cursor:not-allowed}.background-swatch.svelte-166fbbx{width:20px;height:20px;border:1px solid var(--border)}.background-swatch.transparent-pattern.svelte-166fbbx{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.background-label.svelte-166fbbx{font-weight:600}.base64-display.svelte-166fbbx{display:flex;flex-direction:column;gap:var(--spacing-xs)}.base64-textarea.svelte-166fbbx{width:100%;min-height:100px;max-height:200px;padding:var(--spacing-sm);background-color:var(--background);border:2px solid var(--border);color:var(--text);font-family:monospace;font-size:var(--font-size-sm);line-height:1.4;word-break:break-all;resize:vertical}.base64-textarea.svelte-166fbbx:focus{outline:2px solid var(--primary);outline-offset:-2px}.base64-info.svelte-166fbbx{display:flex;justify-content:flex-end}.base64-length.svelte-166fbbx{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-secondary)}.preview-info.svelte-166fbbx{padding:var(--spacing-md);background-color:var(--background);border:2px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-row.svelte-166fbbx{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm)}.info-label.svelte-166fbbx{color:var(--text-secondary);min-width:60px}.info-value.svelte-166fbbx{color:var(--text);font-weight:600}.filename-row.svelte-166fbbx{border-top:1px solid var(--border);padding-top:var(--spacing-xs);margin-top:var(--spacing-xs)}.filename-label.svelte-166fbbx{min-width:auto}.filename.svelte-166fbbx{word-break:break-all;font-family:monospace;font-size:var(--font-size-xs)}.modal-footer.svelte-166fbbx{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:2px solid var(--border);flex-shrink:0}@media(max-width:480px){.modal-backdrop.svelte-166fbbx{padding:0}.modal-container.svelte-166fbbx{max-width:100%;max-height:100vh;border:none}.modal-header.svelte-166fbbx,.modal-content.svelte-166fbbx,.modal-footer.svelte-166fbbx{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.format-options.svelte-166fbbx,.scale-options.svelte-166fbbx{justify-content:center}.option-button.svelte-166fbbx{flex:1;min-width:calc(33% - var(--spacing-xs))}.scale-options.svelte-166fbbx .option-button:where(.svelte-166fbbx){min-width:calc(50% - var(--spacing-xs))}}.modal-backdrop.svelte-2ur5r2{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:svelte-2ur5r2-fadeIn .2s ease-out}@keyframes svelte-2ur5r2-fadeIn{0%{opacity:0}to{opacity:1}}.modal-container.svelte-2ur5r2{background-color:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100vh - var(--spacing-xl) * 2);display:flex;flex-direction:column;overflow:hidden;animation:svelte-2ur5r2-slideUp .2s ease-out}@keyframes svelte-2ur5r2-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header.svelte-2ur5r2{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border);flex-shrink:0;background:linear-gradient(180deg,rgba(233,69,96,.1) 0%,transparent 100%)}.modal-title.svelte-2ur5r2{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin:0}.close-button.svelte-2ur5r2{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:2px solid transparent;cursor:pointer;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.close-button.svelte-2ur5r2:hover:not(:disabled){background-color:var(--border);color:var(--text)}.close-button.svelte-2ur5r2:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.close-button.svelte-2ur5r2:disabled{opacity:.5;cursor:not-allowed}.modal-content.svelte-2ur5r2{padding:var(--spacing-lg);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.error-message.svelte-2ur5r2{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--error);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(0,0,0,.2)}.share-prompt.svelte-2ur5r2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.share-icon.svelte-2ur5r2{color:var(--primary);opacity:.8}.share-description.svelte-2ur5r2{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text);margin:0}.share-hint.svelte-2ur5r2{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.share-result.svelte-2ur5r2{display:flex;flex-direction:column;gap:var(--spacing-lg)}.share-section.svelte-2ur5r2{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-label.svelte-2ur5r2{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.link-container.svelte-2ur5r2{display:flex;gap:var(--spacing-xs)}.link-input.svelte-2ur5r2{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background);border:2px solid var(--border);color:var(--text);font-family:monospace;font-size:var(--font-size-sm)}.link-input.svelte-2ur5r2:focus{outline:none;border-color:var(--primary)}.copy-button.svelte-2ur5r2,.open-button.svelte-2ur5r2{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--background);border:2px solid var(--border);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.copy-button.svelte-2ur5r2:hover,.open-button.svelte-2ur5r2:hover{background-color:var(--border);color:var(--text);border-color:var(--primary)}.copy-button.copied.svelte-2ur5r2{background-color:var(--success, #10b981);border-color:var(--success, #10b981);color:#fff}.copy-button.svelte-2ur5r2:focus-visible,.open-button.svelte-2ur5r2:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.copy-confirmation.svelte-2ur5r2{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--success, #10b981);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.embed-container.svelte-2ur5r2{position:relative}.embed-input.svelte-2ur5r2{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:48px;background-color:var(--background);border:2px solid var(--border);color:var(--text);font-family:monospace;font-size:var(--font-size-xs);resize:none}.embed-input.svelte-2ur5r2:focus{outline:none;border-color:var(--primary)}.embed-copy.svelte-2ur5r2{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:32px;height:32px}.social-buttons.svelte-2ur5r2{display:flex;gap:var(--spacing-sm)}.social-button.svelte-2ur5r2{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background);border:2px solid var(--border);cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast)}.social-button.svelte-2ur5r2:hover{border-color:var(--primary)}.social-button.twitter.svelte-2ur5r2:hover{background-color:#000;border-color:#000;color:#fff}.social-button.facebook.svelte-2ur5r2:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-button.svelte-2ur5r2:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal-footer.svelte-2ur5r2{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:2px solid var(--border);flex-shrink:0;background-color:var(--background)}@media(max-width:480px){.modal-backdrop.svelte-2ur5r2{padding:0}.modal-container.svelte-2ur5r2{max-width:100%;max-height:100vh;border:none}.modal-header.svelte-2ur5r2,.modal-content.svelte-2ur5r2,.modal-footer.svelte-2ur5r2{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.social-buttons.svelte-2ur5r2{flex-direction:column}.social-button.svelte-2ur5r2{justify-content:center}}.modal-backdrop.svelte-1f7l3to{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--spacing-md);animation:svelte-1f7l3to-fadeIn .2s ease-out}@keyframes svelte-1f7l3to-fadeIn{0%{opacity:0}to{opacity:1}}.modal-container.svelte-1f7l3to{background-color:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-lg);width:100%;max-width:400px;display:flex;flex-direction:column;overflow:hidden;animation:svelte-1f7l3to-slideUp .2s ease-out}@keyframes svelte-1f7l3to-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header.svelte-1f7l3to{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border);background:linear-gradient(180deg,rgba(233,69,96,.1) 0%,transparent 100%)}.modal-title.svelte-1f7l3to{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin:0}.modal-content.svelte-1f7l3to{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.modal-message.svelte-1f7l3to{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text);line-height:1.5;margin:0}.warning-icon.svelte-1f7l3to{color:var(--warning, #f59e0b);animation:svelte-1f7l3to-pulse 2s ease-in-out infinite}@keyframes svelte-1f7l3to-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.modal-footer.svelte-1f7l3to{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:2px solid var(--border);background-color:var(--background)}@media(max-width:480px){.modal-backdrop.svelte-1f7l3to{padding:0}.modal-container.svelte-1f7l3to{max-width:100%;max-height:100vh;border:none}.modal-header.svelte-1f7l3to,.modal-content.svelte-1f7l3to,.modal-footer.svelte-1f7l3to{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.modal-footer.svelte-1f7l3to{flex-direction:column}.modal-footer.svelte-1f7l3to .pixel-button{width:100%}}.zoom-control.svelte-1icl5bu{display:flex;align-items:center;gap:var(--spacing-xs)}.zoom-control.horizontal.svelte-1icl5bu{flex-direction:row}.zoom-control.vertical.svelte-1icl5bu{flex-direction:column}.zoom-control.disabled.svelte-1icl5bu{opacity:.5;pointer-events:none}.zoom-label-container.svelte-1icl5bu{display:flex;align-items:center;justify-content:center}.zoom-select.svelte-1icl5bu{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;border:2px solid var(--border);background-color:var(--surface);color:var(--text);font-family:var(--font-family);font-weight:600;text-align:center;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.zoom-select.svelte-1icl5bu:hover:not(:disabled){border-color:var(--primary)}.zoom-select.svelte-1icl5bu:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.zoom-select.svelte-1icl5bu:disabled{cursor:not-allowed;opacity:.5}.zoom-select.sm.svelte-1icl5bu{font-size:var(--font-size-xs);padding:2px 20px 2px 6px;min-width:54px;height:28px}.zoom-select.md.svelte-1icl5bu{font-size:var(--font-size-sm);padding:4px 24px 4px 8px;min-width:64px;height:36px}.zoom-select.lg.svelte-1icl5bu{font-size:var(--font-size-base);padding:6px 28px 6px 10px;min-width:76px;height:44px}.zoom-select.svelte-1icl5bu option:where(.svelte-1icl5bu){font-family:var(--font-family);font-weight:600;background-color:var(--surface);color:var(--text)}