@import"https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";.app-logo{height:clamp(24px,2vw,64px);width:auto}.app-logo-text{fill:var(--color-primary)}.app-logo-stroke,.app-logo-shadow{fill:var(--color-text)}.app-canvas{list-style:none;margin:0;padding:0;display:grid;position:relative;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);grid-gap:1px;background-color:var(--color-surface-light)}.app-canvas>li{margin:0;padding:0;display:flex;justify-content:stretch;align-items:stretch;aspect-ratio:1/1;min-width:16px}.app-pixel{flex:1 1 auto;border-radius:1px;transform:none}label[data-v-821fc4b5]{flex:1 1 auto}input:checked+label[data-v-821fc4b5]{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 8px #000}.app-palette{display:flex;gap:2rem;align-items:flex-end}.app-swatches{list-style:none;margin:0;padding:0;display:grid;justify-self:start;grid-template-columns:repeat(7,32px);grid-template-rows:repeat(4,32px);grid-gap:0}.app-swatches>li{margin:0;padding:0;display:flex}.app-swatches>li:first-child{grid-column-start:1;grid-column-start:span 2;grid-row-start:1;grid-row-start:span 2}.actions,.actions>li{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.list-artworks{list-style:none;margin:0;padding:0}.list-artworks>li{margin:0 0 2rem;padding:0;width:100%;display:flex;justify-content:space-between;align-items:center}.list-artworks>li>*{flex:0 0 auto}.app-palette-thumbnail{list-style:none;margin:0;padding:0;display:inline-grid;justify-self:start;grid-template-columns:repeat(7,16px);grid-template-rows:repeat(4,16px);grid-gap:0}.app-palette-thumbnail>li{margin:0;padding:0;display:flex}.app-palette-thumbnail>li:first-child{grid-column-start:1;grid-column-start:span 2;grid-row-start:1;grid-row-start:span 2}.list-palettes{list-style:none;margin:0;padding:0}.list-palettes>li{margin:0 0 2rem;padding:0;width:100%;display:flex;justify-content:space-between;align-items:center}.list-palettes>li>*{flex:0 0 auto}.section[data-v-b77c9758]{margin-bottom:var(--vertical-spacing-large)}.section-content[data-v-b77c9758]{display:flex;gap:1rem;align-items:center}.section-content[data-v-b77c9758]>*{flex:0 0 auto}.section-content>input[type=text][data-v-b77c9758]{flex:1 1 auto}:root{--fontFamilyHeadings: "Inria Sans", sans-serif;--fontWeightHeadings: 700;--fontFamilyBody: var(--fontFamilyHeadings);--fontWeightHeadings: 400;--color-text: #000000;--color-white: #fcfcfc;--color-surface: #FCE0A8;--color-surface-light: #BCBCBC;--color-surface-lightest: var(--color-white);--color-primary: #05A801;--color-action-primary: var(--color-text);--color-action-secondary: var(--color-text);--background-action-primary: #B8F818;--background-action-secondary: #B8F8B8;--border-default: var(--color-text) 2px solid;--border-radius-default: .25rem;--shadow-default: .25rem .25rem var(--color-text);--border-action: var(--color-text) 2px solid;--border-radius-action: .5rem;--shadow-action: .25rem .25rem var(--color-text);--font-size-small: clamp(.875rem, 1vh, 1rem);--font-size-medium: clamp(1rem, 2.5vh, 1.5rem);--font-size-large: clamp(1.5rem, 3vh, 2rem);--font-size-xlarge: clamp(2rem, 4.5vh, 3rem);--vertical-spacing-small: clamp(.5rem, 1vh, 1rem);--vertical-spacing-medium: clamp(1rem, 1.5vh, 1.5rem);--vertical-spacing-large: clamp(1.5rem, 3vh, 2rem)}@media (orientation: landscape){:root{--font-size-small: clamp(.875rem, 1vw, 1rem);--font-size-medium: clamp(1rem, 2vw, 1.5rem);--font-size-large: clamp(1.5rem, 3vw, 2rem);--font-size-xlarge: clamp(2rem, 6vw, 3rem)}}html{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;padding:0}*,*:before,*:after{box-sizing:inherit;-webkit-user-select:inherit;user-select:inherit;touch-action:inherit}input{-webkit-user-select:auto;user-select:auto}body{font-family:var(--fontFamilyBody);font-weight:var(--fontWeightBody);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;background-color:var(--color-surface)}#app{margin:0 auto;flex:1 1 auto;display:grid;grid-template-rows:auto 1fr;grid-gap:0}.view.home .view-content{display:grid;grid-template-rows:auto 1fr auto;grid-gap:1.5rem;max-width:512px;width:100%;margin:0 auto}.sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.grow{width:100%}h2{margin:0;margin-bottom:clamp(1rem,2vh,2rem);font-size:var(--font-size-xlarge);line-height:1;font-weight:700;color:var(--color-text)}h3{margin:0;margin-bottom:clamp(.5rem,2vh,1rem);font-size:var(--font-size-large);line-height:1;font-weight:700;color:var(--color-text)}.button,button{flex:1 1 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--vertical-spacing-medium) 1.5rem;font-weight:700;font-size:var(--font-size-medium);line-height:1.5em;color:var(--color-action-primary);background-color:var(--background-action-secondary);border:var(--border-action);box-shadow:var(--shadow-action);border-radius:var(--border-radius-action);transition:all .3s ease;text-decoration:none;max-width:512px;text-align:center}.button.primary,button.primary{background-color:var(--background-action-primary)}.button:not(.selected):hover,.button:not(.selected):focus,button:hover,button:focus{background-color:#d8f878;outline:none}.button:not(.selected):active,button:active{transform:translate(2px,2px);background-color:#d8f878;box-shadow:.125rem .125rem var(--color-text)}.button.small,button.small{font-size:var(--font-size-small);padding:.5rem 1rem}.button.selected,button.selected{background-color:#fafafa;box-shadow:.125rem .125rem var(--color-text);transform:translate(2px,2px)}.button.icon,button.icon{display:flex;padding:.75rem}.button .icon,button .icon{width:2rem;height:2rem;fill:#000}.app-actions{display:flex;justify-content:center;align-items:stretch;padding:1rem 0}dialog .actions{flex:0 0 0px;display:flex;align-items:center}dialog .actions button{flex:1 1 auto}.box{border:var(--border-default);border-radius:var(--border-radius-default);box-shadow:var(--shadow-default)}.box-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem .5rem 1rem;background-color:#00fcfc;border-bottom:2px solid black}.box-header h2,.box-header h3{margin:0;padding:0;font-size:var(--font-size-medium);line-height:1}.box-content{padding:1rem;background-color:var(--color-surface-lightest)}dialog::backdrop{background-color:#fce0a8}dialog[open]{width:100%;max-width:100%;max-height:100vh;margin:0 auto;padding:0;flex:1 1 auto;display:grid;grid-template-rows:auto 1fr;background-color:transparent;border:none;overflow-y:auto}dialog[open] .content{width:100%;max-width:512px;padding:1rem 1rem 6rem}dialog .actions{position:fixed;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:1rem 5rem}dialog .content{flex:1 1 auto;grid-template-rows:1fr auto;max-width:512px;margin:0 auto}.app-checkbox+label{display:block;width:1.5rem;height:1.5rem;border-radius:2px;background-color:var(--color-surface-lightest);border:var(--border-default)}.app-checkbox:checked+label{background-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7.66025" width="9" height="4" rx="1" transform="rotate(30 2 7.66025)" fill="black"/><rect x="4.33008" y="13.6244" width="14" height="4" rx="1" transform="rotate(-60 4.33008 13.6244)" fill="black"/></svg>');background-repeat:no-repeat;background-position:50% 50%}input[type=text]{flex:1 1 auto;padding:.5rem 1rem;font-weight:700;font-size:clamp(.875rem,4vw,1.125rem);line-height:1.5em;color:var(--color-action-primary);background-color:#fafafa;border:var(--border-action);border-radius:var(--border-radius-action);transition:all .2s ease}.view{display:grid;width:100%;height:100dvh;grid-template-rows:auto 1fr;justify-items:stretch;align-items:stretch;justify-content:stretch}.view-header{margin:0;padding:.5rem .75rem;font-size:var(--font-size-small);line-height:1em;background-color:#f8b801;border-bottom:2px solid black}.view.home .view-header{width:100%;max-width:512px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:flex-start;background-color:transparent;border-bottom:none}.view-main{display:flex;flex-direction:column;overflow-y:auto}.view.home .view-main{overflow:unset}.view-content{flex:1 0 100%;width:100%;padding:1rem 1.5rem;max-width:512px;margin:0 auto}.view.home .view-content{padding-top:0}.view-content~.view-footer{padding-bottom:6rem}.view-footer{position:fixed;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:1.5rem}