:root{--checker-size:16px;--checker-a:#eee;--checker-b:#ddd;--color-background:#fff;--color-text:#000;--control-background:#f7f7f7;--control-border:#ccc;--control-text:inherit;--control-shadow:0 1px 2px #0000001a;--control-hover-background:#ededed;--primary-button-background:#000;--primary-button-hover-background:#222;--primary-button-text:#fff;--primary-button-border:#555;--control-radius:.25rem;--color-theme-switcher-menu-background:#fff;--color-theme-switcher-menu-border:#ccc;--shadow-theme-switcher-menu:0 4px 16px #0003;--color-theme-switcher-menu-item-hover-background:#00000014;--color-focus-outline:dodgerblue;--color-link:dodgerblue;--color-link-hover:deepskyblue;--color-link-active:coral;--color-color-picker-swatch-border:#ccc;--color-color-picker-balloon-background:#fff;--color-color-picker-balloon-border:#ccc;--shadow-color-picker-balloon:0 4px 16px #0003;--color-color-picker-option-border:#ccc;--color-overlay-background:#000000bf;--color-overlay-text:#fff;--color-bordered-images-border:black;--color-dropzone-border:gray;--color-dropzone-text:gray;--color-dropzone-hover-border:black;--color-dropzone-hover-text:black;--color-dimmed-text:#666;--color-cookie-background:#000000bf;--color-cookie-text:#fff;--color-dialog-background:#fff;--color-dialog-text:inherit;--color-dialog-backdrop:#0009;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--checker-a:#555;--checker-b:#666;--color-background:#333;--color-text:#fff;--control-background:#444;--control-border:#555;--control-text:#fff;--control-shadow:0 1px 4px #0006;--control-hover-background:#555;--primary-button-background:#fff;--primary-button-hover-background:#ededed;--primary-button-text:#000;--primary-button-border:#aaa;--color-theme-switcher-menu-background:#222;--color-theme-switcher-menu-border:#444;--shadow-theme-switcher-menu:0 4px 16px #0009;--color-theme-switcher-menu-item-hover-background:#ffffff1a;--color-color-picker-balloon-background:#222;--color-color-picker-balloon-border:#444;--shadow-color-picker-balloon:0 4px 16px #0009;--color-color-picker-option-border:#555;--color-bordered-images-border:white;--color-dropzone-hover-border:white;--color-dropzone-hover-text:white;--color-dimmed-text:#eee;--color-dialog-background:black;--color-dialog-text:white;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],body[data-theme=dark]{--checker-a:#555;--checker-b:#666;--color-background:#333;--color-text:#fff;--control-background:#444;--control-border:#555;--control-text:#fff;--control-shadow:0 1px 4px #0006;--control-hover-background:#555;--primary-button-background:#fff;--primary-button-hover-background:#ededed;--primary-button-text:#000;--primary-button-border:#aaa;--color-theme-switcher-menu-background:#222;--color-theme-switcher-menu-border:#444;--shadow-theme-switcher-menu:0 4px 16px #0009;--color-theme-switcher-menu-item-hover-background:#ffffff1a;--color-color-picker-balloon-background:#222;--color-color-picker-balloon-border:#444;--shadow-color-picker-balloon:0 4px 16px #0009;--color-color-picker-option-border:#555;--color-bordered-images-border:white;--color-dropzone-hover-border:white;--color-dropzone-hover-text:white;--color-dimmed-text:#eee;--color-dialog-background:black;--color-dialog-text:white}:root[data-theme=light],body[data-theme=light]{--checker-a:#eee;--checker-b:#ddd;--color-background:#fff;--color-text:#000;--control-background:#f7f7f7;--control-border:#ccc;--control-text:inherit;--control-shadow:0 1px 2px #0000001a;--control-hover-background:#ededed;--primary-button-background:#000;--primary-button-hover-background:#222;--primary-button-text:#fff;--primary-button-border:#555;--color-theme-switcher-menu-background:#fff;--color-theme-switcher-menu-border:#ccc;--shadow-theme-switcher-menu:0 4px 16px #0003;--color-theme-switcher-menu-item-hover-background:#00000014;--color-color-picker-balloon-background:#fff;--color-color-picker-balloon-border:#ccc;--shadow-color-picker-balloon:0 4px 16px #0003;--color-color-picker-option-border:#ccc;--color-bordered-images-border:black;--color-dropzone-hover-border:black;--color-dropzone-hover-text:black;--color-dimmed-text:#666;--color-dialog-background:#fff;--color-dialog-text:inherit}html,body{background-color:var(--color-background);color:var(--color-text);margin:0}.container{max-width:960px;margin:0 auto;padding:1rem}.container:after{content:"";clear:both;display:table}.page-header{flex-direction:row;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.page-header h1{flex:auto;margin:0}.page-header #theme-switcher-root{flex:none}.theme-switcher{margin:0;position:relative}.theme-switcher__trigger{border:1px solid var(--control-border);background-color:var(--control-background);color:var(--control-text,inherit);cursor:pointer;border-radius:var(--control-radius);box-shadow:var(--control-shadow);flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:1rem;transition:background-color .2s,box-shadow .2s,border-color .2s,color .2s;display:flex}.theme-switcher__trigger:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.theme-switcher__trigger-arrow{font-size:.875rem}.theme-switcher__menu{border:1px solid var(--color-theme-switcher-menu-border);background-color:var(--color-theme-switcher-menu-background);min-width:10rem;box-shadow:var(--shadow-theme-switcher-menu);z-index:20;border-radius:.25rem;flex-direction:column;display:flex;position:absolute;top:calc(100% + .25rem);right:0;overflow:hidden}.theme-switcher__menu-item{text-align:left;cursor:pointer;width:100%;color:inherit;box-shadow:none;background:0 0;border:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:1rem;display:flex}.theme-switcher__menu-item:hover{background-color:var(--color-theme-switcher-menu-item-hover-background)}.theme-switcher__menu-item:focus-visible{background-color:var(--color-theme-switcher-menu-item-hover-background)}.theme-switcher__menu-item--active{font-weight:700}.theme-switcher__menu-check{margin-left:auto}h1{margin:0 0 1rem}.hidden{display:none!important}button{cursor:pointer;border:1px solid var(--control-border);background-color:var(--control-background);color:var(--control-text,inherit);border-radius:var(--control-radius);box-shadow:var(--control-shadow);box-sizing:border-box;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:1rem;line-height:1.2;transition:background-color .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}button.primary{background-color:var(--primary-button-background);color:var(--primary-button-text);border-color:var(--primary-button-border)}button.primary:hover{background-color:var(--primary-button-hover-background)}button:hover{background-color:var(--control-hover-background)}button:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}a:active{color:var(--color-link-active);text-decoration:none}input[type=number],select{width:100%}input[type=number],input[type=color],select{box-sizing:border-box;border:1px solid var(--control-border);height:3rem;color:var(--control-text,inherit);background-color:var(--control-background);border-radius:var(--control-radius);box-shadow:var(--control-shadow);padding:.5rem;font-size:1.25rem;transition:background-color .2s,box-shadow .2s,border-color .2s,color .2s}select{cursor:pointer}input[type=number]:hover,input[type=color]:hover,select:hover{background-color:var(--control-hover-background)}input[type=number]:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}input[type=color]:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}select:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}input[type=color]{aspect-ratio:1}.color-picker{box-sizing:border-box;flex:0 0 3rem;width:3rem;height:3rem;display:inline-flex;position:relative;overflow:visible}.color-picker__trigger{border:1px solid var(--control-border);cursor:pointer;background-color:var(--control-background);color:var(--control-text,inherit);box-sizing:border-box;border-radius:var(--control-radius);width:100%;height:100%;box-shadow:var(--control-shadow);flex:1;justify-content:center;align-items:center;margin:0;padding:.5rem;transition:background-color .2s,box-shadow .2s,border-color .2s,color .2s;display:flex}.color-picker__trigger:hover{background-color:var(--control-hover-background)}.color-picker__trigger:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.color-picker__swatch{border:1px solid var(--color-color-picker-swatch-border);box-sizing:border-box;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.color-picker__swatch--transparent{background-color:#0000;background-image:conic-gradient(var(--checker-a)0 25%,var(--checker-b)0 50%,var(--checker-a)0 75%,var(--checker-b)0);background-size:calc(var(--checker-size))calc(var(--checker-size));background-repeat:repeat}.color-picker__balloon{--color-picker-swatch-size:2rem;--color-picker-gap-size:.25rem;--color-picker-padding-size:.75rem;box-sizing:border-box;padding:var(--color-picker-padding-size);width:calc(var(--color-picker-columns,1)*var(--color-picker-swatch-size) + (var(--color-picker-columns,1) - 1)*var(--color-picker-gap-size) + 2*var(--color-picker-padding-size));background-color:var(--color-color-picker-balloon-background);border:1px solid var(--color-color-picker-balloon-border);box-shadow:var(--shadow-color-picker-balloon);z-index:10;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.color-picker__palette{gap:var(--color-picker-gap-size);flex-direction:column;display:flex}.color-picker__palette-row{gap:var(--color-picker-gap-size);flex-direction:row;display:flex}.color-picker__option{border:1px solid var(--color-color-picker-option-border);cursor:pointer;background-repeat:no-repeat;background-size:cover;width:2rem;height:2rem;margin:0;padding:0}.color-picker__option:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.color-picker__option--transparent{background-color:#0000;background-image:conic-gradient(var(--checker-a)0 25%,var(--checker-b)0 50%,var(--checker-a)0 75%,var(--checker-b)0);background-size:calc(var(--checker-size))calc(var(--checker-size));background-repeat:repeat}.color-picker__input-row input{box-sizing:border-box;border:1px solid var(--control-border);background-color:var(--control-background);min-width:0;height:3rem;color:var(--control-text,inherit);flex:1;padding:0 .75rem;font-size:1.25rem;transition:background-color .2s,box-shadow .2s,border-color .2s,color .2s}.color-picker__input-row input:hover{background-color:var(--control-hover-background)}.color-picker__input-row input:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.color-picker__confirm{box-sizing:border-box;justify-content:center;align-items:center;height:3rem;padding:0 .75rem;font-size:1.25rem;display:flex}.color-picker__confirm:disabled{opacity:.5;cursor:not-allowed}.color-picker__confirm:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.5rem;display:flex}.join{z-index:0;flex-direction:row;justify-content:stretch;width:100%;display:flex;position:relative}.join:before{content:"";border-radius:var(--control-radius);box-shadow:var(--control-shadow);pointer-events:none;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.join>*{box-shadow:none;border-radius:0}.join>input[type=number],.join>input[type=color],.join>select{box-shadow:none}.join>:not(:last-child){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.join>:first-child{border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}.join>:last-child{border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}.join>:not(:first-child){margin-left:-1px}.join>.color-picker{display:flex}.join>.color-picker>.color-picker__trigger{box-shadow:none;border-radius:0}.join>.color-picker:not(:last-child)>.color-picker__trigger{border-top-right-radius:0;border-bottom-right-radius:0}.join>.color-picker:first-child>.color-picker__trigger{border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}.join>.color-picker:last-child>.color-picker__trigger{border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}#app{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:768px){#app{flex-direction:row;align-items:start}}#app .sidebar{z-index:1;flex-direction:column;flex:.3;gap:1rem;display:flex;position:relative}#app .sidebar .settings{--settings-gap:.5rem;--settings-label-width:6rem;align-items:center;gap:var(--settings-gap);flex-flow:wrap;justify-content:stretch;display:flex}#app .sidebar .settings>label:first-child{flex:0 0 var(--settings-label-width)}#app .sidebar .settings>:not(:first-child){flex:1 1 calc(100% - var(--settings-label-width) - var(--settings-gap))}#app .sidebar .settings>label:last-child:not(:first-child){margin-left:calc(var(--settings-label-width) + var(--settings-gap));flex:0 0 calc(100% - var(--settings-label-width) - var(--settings-gap))}@media (min-width:768px){#app .sidebar .settings{align-items:unset;justify-content:unset;flex-flow:column}#app .sidebar .settings>label:first-child,#app .sidebar .settings>:not(:first-child){flex:none;width:100%}#app .sidebar .settings>label:last-child:not(:first-child){margin-left:0}}#app .sidebar .settings .resize-input-group{flex-direction:row;align-items:center;gap:.5rem;width:100%;display:flex}#app .sidebar .settings .resize-input-group input[type=number]{flex:1;width:100%}#app .sidebar .jpeg-quality-desktop{display:none}@media (min-width:768px){#app .sidebar .jpeg-quality-desktop{display:block}}#app .workspace{flex:1}#app .workspace .images-container-wrapper{position:relative}#app .workspace .images-container-wrapper .nav{z-index:1;background-color:var(--color-overlay-background);color:var(--color-overlay-text);box-shadow:none;border:none;border-radius:0;padding:.75rem;position:absolute;top:50%;transform:translateY(-50%)}#app .workspace .images-container-wrapper .nav.prev{left:0}#app .workspace .images-container-wrapper .nav.next{right:0}#app .workspace .images-container-wrapper .nav.reset{top:0;right:0;transform:none}#app .workspace .images-container-wrapper .images-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;background:conic-gradient(var(--checker-a)0 25%,var(--checker-b)0 50%,var(--checker-a)0 75%,var(--checker-b)0)0 0/calc(var(--checker-size)*2)calc(var(--checker-size)*2);height:360px;margin-bottom:1rem;display:flex;overflow-x:auto}#app .workspace .images-container-wrapper .images-container .image{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#app .workspace .images-container-wrapper .images-container .image .label,#app .workspace .images-container-wrapper .images-container .image .dimensions{background-color:var(--color-overlay-background);color:var(--color-overlay-text);padding:.5rem;position:absolute}#app .workspace .images-container-wrapper .images-container .image .label{top:0;left:0}#app .workspace .images-container-wrapper .images-container .image .dimensions{bottom:0;left:0}#app .workspace .images-container-wrapper .images-container .image .dimensions:empty{display:none}#app .workspace .images-container-wrapper .images-container .image .canvas-wrapper{box-sizing:border-box;max-width:100%;max-height:100%;padding:1rem}#app .workspace .images-container-wrapper .images-container .image .canvas-wrapper canvas{box-sizing:border-box;max-width:100%;max-height:100%}#app .workspace .images-container-wrapper .bordered-images canvas{border:1px dashed var(--color-bordered-images-border)}#app .workspace .dropzone{cursor:pointer;border:2px dashed var(--color-dropzone-border);text-align:center;color:var(--color-dropzone-text);flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:1rem;display:flex}#app .workspace .dropzone.compact{min-height:unset}#app .workspace .dropzone .title{font-size:200%}#app .workspace .dropzone .subtitle{font-size:120%}#app .workspace .dropzone .subtitle>small{font-size:1rem}#app .workspace .dropzone:hover,#app .workspace .dropzone.active{border-color:var(--color-dropzone-hover-border);color:var(--color-dropzone-hover-text)}@media (min-width:768px){#app .workspace .dropzone{min-height:360px}}#app .workspace .jpeg-quality-mobile{margin-top:1rem}#app .workspace .jpeg-quality-mobile .settings{--settings-gap:.5rem;--settings-label-width:6rem;align-items:center;gap:var(--settings-gap);flex-flow:wrap;justify-content:stretch;display:flex}#app .workspace .jpeg-quality-mobile .settings>label:first-child{flex:0 0 var(--settings-label-width)}#app .workspace .jpeg-quality-mobile .settings>:not(:first-child){flex:1 1 calc(100% - var(--settings-label-width) - var(--settings-gap))}#app .workspace .jpeg-quality-mobile .settings>label:last-child:not(:first-child){margin-left:calc(var(--settings-label-width) + var(--settings-gap));flex:0 0 calc(100% - var(--settings-label-width) - var(--settings-gap))}@media (min-width:768px){#app .workspace .jpeg-quality-mobile{display:none}}#app .workspace .actions{flex-direction:row;gap:.5rem;margin-top:1rem;display:flex}#app .workspace .actions>button{flex:1;padding:1rem;font-size:1.25rem}.dimmed-info{color:var(--color-dimmed-text);text-align:justify;margin:0 0 2rem}ol.dimmed-info{flex-direction:column;gap:1rem;display:flex}#cookie-consent{background-color:var(--color-cookie-background);color:var(--color-cookie-text);flex-direction:row;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}#cookie-consent>:first-child{flex:1}#cookie-consent>button{--control-background:var(--color-theme-switcher-menu-background);--control-text:var(--color-text);padding:.75rem 1.25rem;font-size:1rem}#privacy-dialog{background-color:var(--color-dialog-background);max-width:600px;color:var(--color-dialog-text);border:none;padding:2rem;overflow-y:auto}#privacy-dialog h2{margin:0}#privacy-dialog p{text-align:justify}#privacy-dialog button{--control-background:var(--color-theme-switcher-menu-background);--control-text:var(--color-dialog-text);padding:.75rem 1.25rem;font-size:1rem}#privacy-dialog::backdrop{background:var(--color-dialog-backdrop)}