:root{--color-background: #f0f0f0;--color-white: #ffffff;--color-black: #000000;--color-primary: #4ecdc4;--color-secondary: #ffd93d;--color-success: #6bff8c;--color-error: #ff6b6b;--color-emphasis: #b967ff;--color-contrast: #1a1a1a;--color-text: var(--color-contrast);--color-button: var(--color-primary);--color-button-alt: var(--color-secondary);--color-button-icon: var(--color-contrast);--color-button-icon-alt: var(--color-primary);--font-family-heading: "Arial Black", "Helvetica", sans-serif;--font-family-body: "Courier New", monospace;--font-size-base: 16px;--font-size-h1: 3rem;--font-size-h2: 2.5rem;--font-size-h3: 2rem;--font-size-h4: 1.5rem;--font-size-small: .875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--shadow-sm: 3px 3px 0 var(--color-contrast);--shadow-md: 5px 5px 0 var(--color-contrast);--shadow-lg: 8px 8px 0 var(--color-contrast);--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--border-width: 3px;--border-style: solid;--border-color: var(--color-contrast);--gradient-hsl: linear-gradient(to right, hsl(0deg, 100%, 50%), hsl(60deg, 100%, 50%), hsl(120deg, 100%, 50%), hsl(180deg, 100%, 50%), hsl(240deg, 100%, 50%), hsl(300deg, 100%, 50%), hsl(360deg 100% 60%) )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;text-transform:uppercase}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}body{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.5}.fa-primary,.fa-secondary{transition:stroke var(--transition-medium),fill var(--transition-medium)}a{color:var(--color-primary);text-decoration:none;border-bottom:var(--border-width) var(--border-style) var(--color-primary);transition:all var(--transition-fast)}a:hover{background-color:var(--color-primary);color:var(--color-background)}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{width:100%;height:100%;overflow:hidden;font-size:16px}#app{width:100%;height:100%;overflow:auto}.no-flex{flex:unset!important}.thin-boi{width:0!important;padding-left:0!important;padding-right:0!important}.posterboard{position:absolute;top:0;left:0;bottom:0;right:0}.panel.svelte-1ne3e02{flex:1;min-height:0;padding:1rem;background:#fff;display:flex;flex-direction:column;border:3px solid #1a1a1a;box-shadow:8px 8px #1a1a1a}.panel.slim.svelte-1ne3e02{padding:.5rem}.panel-header.svelte-1ne3e02{padding-bottom:12px;border-bottom:3px solid #1a1a1a;margin-bottom:12px;display:flex;flex-direction:row;align-items:center}.panel-title.svelte-1ne3e02{flex:1;margin:0;font-size:1.5rem;color:#1a1a1a;text-transform:uppercase;font-weight:700}.button.svelte-1nen0ka{border:3px solid var(--color-contrast);box-shadow:5px 5px 0 var(--color-contrast);padding:var(--spacing-xs) var(--spacing-lg);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);margin:10px 0;position:relative;overflow:hidden;background-color:var(--color-button);transform:translateZ(0)}.button.full.svelte-1nen0ka{width:100%}.button.icon.svelte-1nen0ka{padding:var(--spacing-sm);aspect-ratio:1;height:auto;width:min-content}.button.svelte-1nen0ka:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:translateZ(0) rotate(45deg);transition:all var(--transition-slow)}.button.svelte-1nen0ka:hover:not(.disabled){transform:translate3d(2px,2px,0);box-shadow:3px 3px 0 var(--color-contrast);background-color:var(--color-button-alt);--color-button-icon-alt: var(--color-secondary)}.button.svelte-1nen0ka:hover:not(.disabled):after{transform:translate3d(-50%,-50%,0) rotate(45deg)}.button.svelte-1nen0ka:active:not(.disabled){transform:translate3d(5px,5px,0);box-shadow:none}.button.error.svelte-1nen0ka{--color-button: var(--color-error);--color-button-alt: var(--color-emphasis)}.button.success.svelte-1nen0ka{--color-button: var(--color-success);--color-button-alt: var(--color-secondary)}.button.emphasis.svelte-1nen0ka{--color-button: var(--color-emphasis);--color-button-alt: var(--color-error)}.button.secondary.svelte-1nen0ka{--color-button: var(--color-secondary);--color-button-alt: var(--color-primary)}.button.disabled.svelte-1nen0ka{cursor:not-allowed;opacity:.6;background-color:var(--color-disabled, #ccc);border-color:var(--color-disabled-border, #999);color:var(--color-disabled-text, #666);box-shadow:none;transform:none}.button.disabled.svelte-1nen0ka:after{display:none}.button.placeholder.svelte-1nen0ka{opacity:0;pointer-events:none}.header-text.svelte-1hhuzz2{flex:1}.root-layout.svelte-1hhuzz2{display:flex;flex-direction:column;min-height:100vh;gap:var(--spacing-md)}.root-layout-header{position:sticky;top:0;z-index:1000;background-color:var( --color-background );flex:unset!important}.navigation-controls.svelte-1hhuzz2{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.content.svelte-1hhuzz2{flex:1 0 auto;padding:var(--spacing-md);padding-top:0;display:flex;flex-direction:column}.pixel-art-viewer.svelte-5ue2ho{width:100%;height:100%;overflow:hidden;position:relative;border:var(--border-color) var(--border-style) var(--border-width)}.checkerboard.svelte-5ue2ho{z-index:1;background-size:32px 32px;background-position:0 0;background-repeat:repeat;background-image:url(/checkerboard.svg);opacity:.5}.display.svelte-5ue2ho{z-index:2;position:absolute;width:100%;height:100%;cursor:move}.image-top-bar{height:fit-content;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 var(--spacing-md)}.scroll-container.svelte-oqp4fy{display:inline-flex;padding:var(--spacing-sm);align-items:center}.example-dropzone.svelte-oqp4fy{width:80px;height:80px;border:2px dashed var(--color-contrast);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:var(--spacing-sm);cursor:pointer;transition:background-color .3s ease;align-self:start}.example-dropzone.svelte-oqp4fy:hover,.scroll-container.dragging.svelte-oqp4fy .example-dropzone:where(.svelte-oqp4fy){background-color:var(--color-success)}.plus-icon.svelte-oqp4fy{font-size:24px;color:var(--color-contrast);display:flex;justify-content:center;align-items:center}.image-item.svelte-oqp4fy{display:inline-block;margin-right:var(--spacing-sm);text-align:center;cursor:pointer;border:none;background:none;position:relative}.image-item.svelte-oqp4fy:hover .delete-button:where(.svelte-oqp4fy){opacity:1}.delete-button.svelte-oqp4fy{cursor:pointer;position:absolute;background-color:var(--color-contrast);color:var(--color-white);transition:all var(--transition-fast);border:var(--border-width) var(--border-style) var(--border-color);top:4px;right:4px;width:28px;height:28px;padding:0;margin:0;opacity:0}.delete-button.svelte-oqp4fy:hover{background-color:var(--color-error)}.image-item.svelte-oqp4fy img:where(.svelte-oqp4fy){width:80px;height:80px;object-fit:cover;border:var(--border-width) var(--border-style) var(--color-contrast)}.image-name.svelte-oqp4fy{display:block;font-size:var(--font-size-sm);max-width:80px;overflow:hidden;text-overflow:ellipsis}.popover-wrapper.svelte-14yo79f{display:inline-block;position:relative}.popover.svelte-14yo79f{position:fixed;border:none;background-color:transparent;z-index:1000;outline:none;padding-right:var(--spacing-md);padding-bottom:var(--spacing-md)}.popover.open.svelte-14yo79f{animation:svelte-14yo79f-popopen var(--transition-medium) ease forwards 2s}@keyframes svelte-14yo79f-popopen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover.svelte-14yo79f::backdrop{display:none;background-color:transparent}.rgb-picker.svelte-v5691x{display:flex;flex-direction:column;gap:10px}.color-square.svelte-v5691x{position:relative;cursor:crosshair;border:var(--border-width) var(--border-style) var(--border-color)}.white-gradient.svelte-v5691x,.black-gradient.svelte-v5691x{position:absolute;top:0;left:0;right:0;bottom:0}.white-gradient.svelte-v5691x{background:linear-gradient(to right,white,transparent)}.black-gradient.svelte-v5691x{background:linear-gradient(to bottom,transparent,black)}.picker.svelte-v5691x{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.alpha-slider.svelte-byt5nr{--handle-size: 1rem;container-name:has-handle;height:var(--c-height);position:relative;border:var(--border-style) var(--border-width) var(--border-color);cursor:pointer;margin-top:2px;margin-bottom:2px}.alpha-slider.svelte-byt5nr .checkerboard:where(.svelte-byt5nr){-webkit-user-select:none;user-select:none;z-index:1;background-size:var(--c-height) var(--c-height);background-position:0 0;background-repeat:repeat;background-image:url(/checkerboard.svg)}.alpha-slider.svelte-byt5nr .swatch:where(.svelte-byt5nr){z-index:2;background:var(--c-background)}.handle.svelte-byt5nr{z-index:3;position:absolute;left:var(--handle-position);top:-.5rem;bottom:-.5rem;width:var(--handle-size);background-color:#fff;border:var(--border-width) var(--border-style) var(--border-color);transform:translate(-50%);cursor:grab}@container has-handle (width < 10rem){.handle.svelte-byt5nr{--handle-size: .5rem}}.swatch-panel{min-width:200px;display:flex;flex-direction:column;gap:10px}.colour-box.svelte-1pvo1bv{cursor:pointer;border:var(--border-style) var(--border-width) var(--border-color);position:relative;transition:transform var(--transition-fast);overflow:hidden;padding:0;margin:0}.colour-box.readonly.svelte-1pvo1bv{cursor:unset}.colour-box.svelte-1pvo1bv:hover:not(.readonly){transform:translateZ(0) scale(1.05)}.checkerbox.svelte-1pvo1bv{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background-size:16px 16px;background-position:0 0;background-repeat:repeat;background-image:url(/checkerboard.svg);animation:svelte-1pvo1bv-scrolling 2s linear infinite forwards}.swatch.svelte-1pvo1bv{position:absolute;width:120%;height:120%;z-index:2}@keyframes svelte-1pvo1bv-scrolling{0%{background-position:0 0}to{background-position:-16px -16px}}.colour-mapping-list.svelte-1av7qks{overflow:hidden;display:flex;position:relative;flex-direction:column;gap:var(--spacing-sm);min-height:0;overflow-y:auto;flex:1 0 auto;max-height:50vh;margin-top:auto;margin-bottom:auto;border:var(--border-width) var(--border-color) var(--border-style);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);transition:border-color var(--transition-medium)}.colour-mapping-list.dragging.svelte-1av7qks{--border-color: var(--color-success)}.colour-mapping-item.svelte-1av7qks{display:flex;justify-content:space-evenly;align-items:center;gap:var(--spacing-sm)}.empty-container.svelte-1av7qks{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background-size:64px 64px;background-position:0 0;background-repeat:repeat;background-image:url(/dots.svg);opacity:.5;animation:svelte-1av7qks-scrolling 16s ease-in-out infinite forwards}@keyframes svelte-1av7qks-scrolling{0%{background-position:-64px 64px}25%{background-position:-64px -64px}50%{background-position:64px -64px}75%{background-position:64px 64px}to{background-position:-64px 64px}}.swap-layout.svelte-ed52kd{display:flex;flex-direction:row;gap:var(--spacing-md);align-items:stretch;flex:1;min-height:0}.swap-layout.svelte-ed52kd>*{display:flex;flex-direction:column;min-height:0}.notification.svelte-ed52kd{position:fixed;top:5vh;left:50%;transform:translate3d(-50%,0,0);z-index:1000;width:auto;min-width:250px;box-shadow:0 4px 6px #0000001a;will-change:transform}.map-wrap.svelte-ed52kd{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}@keyframes svelte-ed52kd-pulse{0%{transform:translate3d(-50%,0,0) scaleZ(1)}50%{transform:translate3d(-50%,0,0) scale3d(1.05,1.05,1)}to{transform:translate3d(-50%,0,0) scaleZ(1)}}.notification>.panel{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-emphasis);color:var(--color-white);font-weight:700;font-size:1.2em;text-align:center;transform:translateZ(0)}.loading-indicator.svelte-ed52kd{position:fixed;top:50%;left:50%;z-index:1000;width:300px;background-color:var(--color-white);border:var(--border-width) var(--border-style) var(--color-contrast);box-shadow:var(--shadow-lg);padding:var(--spacing-md);animation:svelte-ed52kd-shake .82s cubic-bezier(.36,.07,.19,.97) both infinite;transform:translate3d(-50%,-50%,0);backface-visibility:hidden;perspective:1000px}.loading-text.svelte-ed52kd{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:700;text-align:center;color:var(--color-contrast);margin-bottom:var(--spacing-sm);text-transform:uppercase}.loading-bar.svelte-ed52kd{width:100%;height:20px;background-color:var(--color-background);border:var(--border-width) var(--border-style) var(--color-contrast);overflow:hidden;position:relative}.loading-bar.svelte-ed52kd:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background-color:var(--color-emphasis);animation:svelte-ed52kd-loading 1.5s infinite}.color-palette-panel{min-width:0;flex-grow:0;flex-shrink:0;width:calc((54px * 4) + (var(--spacing-sm) * 4) + (var(--spacing-md) * 2))}.subcontrols.svelte-ed52kd{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md);min-width:0;flex-grow:0}@keyframes svelte-ed52kd-loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes svelte-ed52kd-shake{10%,90%{transform:translate3d(-51%,-50%,0)}20%,80%{transform:translate3d(-49%,-50%,0)}30%,50%,70%{transform:translate3d(-52%,-50%,0)}40%,60%{transform:translate3d(-48%,-50%,0)}}