header{padding:.5rem 1rem;border-bottom:1px solid #ccc;background-color:#f8f8f8}@media screen and (min-width: 61.25rem){header .mobile{display:none}}header .site-header-content{max-width:75rem;margin:0 auto;display:flex;justify-content:space-between}header .site-id{display:flex;align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none}header .site-id,header .site-id:active,header .site-id:visited,header .site-id:focus{color:#222}header .site-id img{margin-right:.75rem}header .site-nav ul{list-style:none;display:block}@media screen and (min-width: 61.25rem){header .site-nav ul{display:flex;gap:2rem}}header .site-nav a{text-decoration:none;font-weight:500;font-size:1rem}header .site-nav a,header .site-nav a:active,header .site-nav a:visited,header .site-nav a:focus{color:#22222e}header .site-nav a:hover{color:#5f5f8b}.mobile-menu-button,.mobile-close-button{background:rgba(0,0,0,0);border:none;cursor:pointer}.mobile-menu-button{padding-top:.5rem;margin-right:1rem}@media screen and (max-width: 61.24999rem){.site-nav{position:fixed;height:100vh;width:70vw;top:0;right:-70vw;z-index:2;background-color:#fafafa;transition:transform .2s ease-in-out;transform:translateX(0)}.site-nav.open{transform:translateX(-100%)}.mobile-close-button-container{display:flex;justify-content:flex-end;padding:1.5rem 2rem 0 0}header ul a{line-height:3rem;font-size:1.25rem !important}}footer{padding:2rem 1rem;background-color:#1b2949;color:#fff}footer .footer-content{max-width:75rem;margin:0 auto;display:flex;gap:4rem;justify-content:center}footer .footer-site-description{max-width:40%;color:#ddd;font-size:.9375rem}footer .site-id{display:flex;align-items:center;font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:#fff}@media screen and (min-width: 61.25rem){footer .site-id{font-size:1.25rem}}footer .site-id img{margin-right:.75rem;background-color:#fff;border-radius:50%;padding:.25rem;width:2.5rem;height:2.5rem;box-sizing:border-box}footer .footer-links{margin-top:1rem;line-height:2;font-size:1.125rem}@media screen and (min-width: 61.25rem){footer .footer-links{line-height:1.75;font-size:1.25rem}}footer .footer-links ul{list-style:none;padding-left:0}@media screen and (min-width: 61.25rem){footer .footer-links ul{padding-left:2.5rem}}footer .footer-links ul li{display:block}footer .footer-links a{text-decoration:none}footer .footer-links a,footer .footer-links a:active,footer .footer-links a:visited,footer .footer-links a:focus{color:#ccc}footer .footer-links a:hover{color:#fff}.button{background:#0056b3;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 .25rem .75rem rgba(102,126,234,.3);text-transform:uppercase;letter-spacing:.03125rem}.button:hover:not(:disabled){transform:translateY(-0.125rem);box-shadow:0 .375rem 1.25rem rgba(102,126,234,.4);background:#007bff}.button:active:not(:disabled){transform:translateY(0);box-shadow:0 .125rem .5rem rgba(102,126,234,.3)}.button:disabled{background:#ccc;color:#888;cursor:not-allowed;box-shadow:none;transform:none}.download-button{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 .25rem .75rem rgba(102,126,234,.3)}.download-button:hover:not(:disabled){box-shadow:0 .375rem 1.25rem rgba(102,126,234,.4);background:linear-gradient(135deg, #764ba2 0%, #667eea 100%)}.download-button:active:not(:disabled){box-shadow:0 .125rem .5rem rgba(102,126,234,.3)}.upload-area{--image-item-width: calc(164rem / 16);--image-item-height: calc(164rem / 16);--image-item-gap: calc(10rem / 16);border:2px dashed #ccc;border-radius:.625rem;padding:1.25rem;margin-bottom:1.875rem;transition:border-color .3s;position:relative;min-height:12.5rem}.upload-area.dragover{border-color:#007bff;background-color:#f8f9fa}.has-images .upload-area .upload-prompt{display:none}.has-images .upload-area .image-container{display:flex}.upload-prompt{text-align:center;margin-bottom:1.25rem}.file-input{text-align:center;margin-bottom:1.25rem}.file-input input[type=file]{padding:.625rem;border:1px solid #ccc;border-radius:.3125rem;display:none}.image-container{position:relative;display:none;overflow:hidden;align-items:center}.scroll-control{display:none;position:absolute;height:calc(var(--image-item-height));z-index:1;flex-direction:row;align-items:center}.scroll-control.scroll-control-left{left:0;padding-right:1rem;background:linear-gradient(to right, white, 70%, rgba(255, 255, 255, 0))}.scroll-control.scroll-control-right{right:0;padding-left:1rem;background:linear-gradient(to left, white, 70%, rgba(255, 255, 255, 0))}.scroll-control.visible{display:flex}.scroll-btn{background:#007bff;color:#fff;border:none;border-radius:.3125rem;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;height:calc(var(--image-item-height)/2)}.scroll-btn:hover{background:#0056b3}.scroll-btn:disabled{background:#ccc;cursor:not-allowed}.image-scroll{display:flex;gap:var(--image-item-gap);transition:transform .3s ease;padding:.625rem 0}.image-item{width:var(--image-item-width);height:var(--image-item-height);border:1px solid #ddd;border-radius:.5rem;overflow:hidden;position:relative;flex-shrink:0;background:url("/assets/images/checkerboard_164x164.webp")}.image-item img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:.3125rem;right:.3125rem;background:rgba(255,0,0,.8);color:#fff;border:none;border-radius:50%;width:1.5625rem;height:1.5625rem;cursor:pointer;font-size:.75rem}.remove-btn svg{transform:translate(-0.125rem, 0.0625rem);pointer-events:none}.global-convert-controls{display:flex;justify-content:center;align-items:center;align-content:center;margin-bottom:.25rem;gap:.5rem 2rem;flex-wrap:wrap}.global-convert-controls .transparency-controls{display:flex;gap:1.5rem;justify-content:center;align-items:center}.select-container,.input-container,.checkbox-container{display:flex;flex-direction:row;gap:.5rem;align-items:center;border:2px solid #e5e7eb;border-radius:.5rem}.select-container.disabled,.input-container.disabled,.checkbox-container.disabled{background-color:#f3f3f3}.select-container:hover:not(.disabled),.input-container:hover:not(.disabled),.checkbox-container:hover:not(.disabled){border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,.1)}.select-container:focus:not(.disabled),.input-container:focus:not(.disabled),.checkbox-container:focus:not(.disabled){border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,.2)}.select-container label,.input-container label,.checkbox-container label{font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;padding:.25rem 0 .25rem 1rem}.input-container,.checkbox-container{padding-right:.75rem}.input-container input,.checkbox-container input{border:none;border-radius:.5rem}.input-container input[type=color]{background-color:rgba(0,0,0,0)}.select-container{transition:all .2s ease}.select-container select{border:none;border-radius:.5rem;appearance:none;padding:.25rem 2.5rem .25rem .5rem;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem}.select-container select:focus{outline:none}.select-container select:active{transform:translateY(1px)}.select-container select:disabled{background-color:#f3f3f3;cursor:not-allowed}.select-container select:disabled:active{transform:none}.input-container.bg-color-container.hide{display:none}.download-container{display:flex;align-items:center;justify-content:center}.download-button-container{position:relative}.download-count{display:none;position:absolute;right:-0.675rem;top:-0.675rem;z-index:2;border-radius:50%;border:2px solid #0056b3;color:#0056b3;background:#fff;width:1.25rem;height:1.25rem;text-align:center;font-size:.8125rem;font-weight:600;line-height:1.25rem}.has-images .download-count{display:block}body{font-family:Arial,sans-serif;margin:0;line-height:1.5}main{max-width:75rem;margin:0 auto;padding:1.25rem 1rem 6rem 1rem}.page-title{margin-bottom:3rem}.page-title h1{text-align:center;margin-bottom:1rem}.page-title .subtitle{text-align:center;font-size:1.125rem}article{background-color:#f8f8f8;padding:2rem 1rem}article .format-description-container{max-width:75rem;margin:0 auto}@media screen and (min-width: 61.25rem){article .format-description-container{display:flex;gap:3rem}}article .image{padding:0 25%}@media screen and (min-width: 61.25rem){article .image{max-width:15.625rem;order:2;padding:4rem 0 0 0}}article .image img{object-fit:contain;width:100%;height:50vw}@media screen and (min-width: 61.25rem){article .image img{height:auto}}@media screen and (min-width: 61.25rem){article .content{max-width:40.625rem}}article h2{margin-bottom:1rem}article h2:not(:first-child){margin-top:2.5rem}/*# sourceMappingURL=root.css.map */