:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:space-between;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0 auto;--qp-bg: #282c34;--qp-primary: #646cff;--qp-secondary: #61dafb;--qp-accent: #ff6e64;--qp-text: #333}body{background-color:#ff99a8;background-image:radial-gradient(at 82% 32%,hsla(102,74%,61%,1) 0px,transparent 50%),radial-gradient(at 55% 63%,hsla(164,62%,62%,1) 0px,transparent 50%),radial-gradient(at 94% 41%,hsla(195,63%,77%,1) 0px,transparent 50%),radial-gradient(at 58% 31%,hsla(127,71%,72%,1) 0px,transparent 50%),radial-gradient(at 70% 71%,hsla(305,90%,70%,1) 0px,transparent 50%),radial-gradient(at 41% 83%,hsla(332,97%,71%,1) 0px,transparent 50%),radial-gradient(at 55% 7%,hsla(14,82%,76%,1) 0px,transparent 50%);overflow-x:hidden;color:#333}header,footer{width:100%;background:#fff1;padding:16px;margin:unset;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}header{text-align:center}main{width:100%;max-width:1280px;margin:0 auto}h1,p{margin:8px auto}hr{width:100%}button:disabled{cursor:not-allowed;background:#f003!important}.square{aspect-ratio:1}.app{min-height:100%;min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-content:space-between;gap:16px}.upload-area{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box;text-align:center}.user-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:16px}.qp-button{background:#0004;border:none!important;outline:none!important}.qp-button-alt{background:#3004;border:none}.qp-button.download-button{background:#0234;border:none}.qp-button-stripped{background:unset;color:var(--qp-accent);border:none;padding:unset;margin:unset}.qp-button,.qp-button-alt,.qp-button-stripped{border-radius:6px;transition:scale .3s ease}.qp-button:hover,.qp-button-alt:hover{scale:1.1;border:none}.qp-button-stripped:hover{scale:1.5;border:none}.image-info{list-style:none;display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:8px}.image-info:last-child{margin-bottom:unset}.image-info p{margin:unset}.file-list{display:none}.file-list:has(>ul li){display:block;text-align:left;max-height:45vh;max-height:45svh;background:#0002;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;margin:16px auto}.file-list:has(ul li){overflow-y:scroll}.file-list .qp-button-alt{width:46px;padding:6px;margin:unset;line-height:0}.file-list ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;align-content:center;gap:8px 20px;padding:unset}.file-list ul li{width:calc((100% / 3) - (40px / 3))}.file-list ul li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:1060px){.file-list ul li{width:calc(50% - 10px)}}@media only screen and (max-width:767px){.file-list ul li{width:100%;justify-content:space-between}}.qp-control{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#fff1;border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 22px #0001;align-self:stretch}.qp-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.qp-control-label{font-size:.95em;color:var(--qp-text)}.qp-pill{font-size:.9em;padding:4px 10px;border-radius:999px;background:#0001;border:1px solid #0001;-webkit-user-select:none;user-select:none}.qp-inline{display:flex;align-items:center;gap:6px}.qp-number{width:92px;padding:6px 8px;border-radius:10px;border:1px solid #0002;background:#fff8;color:var(--qp-text);outline:none}.qp-number:focus{border-color:var(--qp-accent);box-shadow:0 0 0 3px #ff6e6426}.qp-unit{font-size:.9em;color:#333b}.qp-hint{font-size:.85em;color:#333b}.qp-slider{--pct: 50%;width:100%;height:12px;border-radius:999px;background:linear-gradient(to right,var(--qp-accent) 0 var(--pct),#0002 var(--pct) 100%);border:1px solid #0001;outline:none;-webkit-appearance:none;appearance:none}.qp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:#fff;border:2px solid var(--qp-accent);box-shadow:0 6px 16px #0002;cursor:pointer}.qp-slider::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:#fff;border:2px solid var(--qp-accent);box-shadow:0 6px 16px #0002;cursor:pointer}.qp-slider::-webkit-slider-runnable-track{height:12px;border-radius:999px}.qp-slider::-moz-range-track{height:12px;border-radius:999px;background:transparent;border:none}.qp-slider:focus-visible{box-shadow:0 0 0 4px #ff6e6426}