@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url("/assets/dm-sans.woff2") format("woff2")}
:root{color-scheme:light;--paper:#faf8ff;--ink:#28233b;--muted:#596471;--line:#dcdedc;--blue:#5b46d6;--blue-deep:#4934bb;--wash:#f0ecff;--width:1160px;--gutter:clamp(20px,5vw,70px);font-family:"DM Sans",Arial,sans-serif;font-optical-sizing:auto}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{color:inherit;cursor:pointer}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #5574ec;outline-offset:4px}
a{color:var(--blue)}
.skip-link{position:fixed;top:10px;left:10px;z-index:90;transform:translateY(-160%);padding:8px 14px;background:#fff;border:1px solid var(--blue);border-radius:6px}
.skip-link:focus{transform:none}
.icon-library{width:0;height:0;position:absolute;pointer-events:none;overflow:hidden}
.icon{width:19px;height:19px;display:block;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.masthead{border-bottom:1px solid #dfe1df}
.masthead-inner,.workspace,.workspace-footer>div{width:min(calc(100% - 2 * var(--gutter)),var(--width));margin-inline:auto}
.masthead-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}
.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:24px;font-weight:740;letter-spacing:-1.15px;line-height:1}
.brand-icon{color:var(--blue);width:33px;height:33px;overflow:visible}
.site-nav{display:flex;align-items:center;gap:24px}
.site-nav button{border:0;background:transparent;font-size:13px;font-weight:600;line-height:20px;letter-spacing:-.15px;padding:6px 1px}
.site-nav button:hover{color:var(--blue)}
.site-nav .privacy-link{border:1px solid #d4d9d7;border-radius:22px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px}
.privacy-link .icon{width:15px;height:15px}
.workspace{padding-top:38px}
.drop-area{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,.92fr);align-items:center;min-height:320px;padding:41px clamp(30px,4.1vw,64px);overflow:hidden;border:1.5px dashed #a2b5eb;border-radius:18px;cursor:pointer;background:radial-gradient(ellipse at 80% 45%,#e5eeff 0,transparent 53%),#eef3fc;transition:background-color .2s,border-color .2s,box-shadow .2s}
.drop-area:focus-visible{outline:3px solid #5574ec;outline-offset:4px}
.drop-area:is(:hover,:focus-within){border-color:#7b96da}
.drop-area:is(.dragging,.dragover,.is-dragging,[data-dragging=true]){border-color:var(--blue);box-shadow:inset 0 0 0 2px #5678e8;background:#e3ecff}
.hero-copy{position:relative;z-index:2}
.workspace-label{display:inline-flex;align-items:center;gap:8px;color:#405983;font:650 10.5px/1.5 "DM Sans",Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5980eb}
h1,h2,h3,p{margin:0}
.hero-copy h1{margin-top:12px;font-size:clamp(40px,4.42vw,64px);line-height:1.05;letter-spacing:-.061em;font-weight:620;color:#1c2837;text-wrap:balance}
.lead{margin-top:12px;color:#4f6076;font-size:16px;line-height:1.5;letter-spacing:-.12px}
.picker-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:24px}
.file-picker,.folder-picker{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-weight:650;line-height:20px;font-size:14px;letter-spacing:-.12px}
.file-picker{background:var(--blue);color:#fff;border:1px solid #3150ce;padding:12px 20px;box-shadow:0 2px 2px #172f8a13;transition:background .18s,transform .18s}
.file-picker:hover{background:var(--blue-deep);transform:translateY(-1px)}
.file-picker .icon{width:17px;height:17px;stroke-width:2}
.folder-picker{border:0;padding:11px 0;background:transparent;color:#405274}
.folder-picker .icon{width:17px;height:17px}
.folder-picker:hover{text-decoration:underline;text-underline-offset:4px}
.format-list{display:flex;align-items:center;gap:8px;margin-top:16px;color:#5a6c82;font-size:11.5px;font-weight:540;line-height:1.5;letter-spacing:.15px}
.format-list span{font-size:11px;color:#8999b1}
.print-scene{position:relative;height:234px;width:100%;max-width:414px;justify-self:center;pointer-events:none;user-select:none}
.print-scene::before{content:"";position:absolute;inset:0 -8% -4% 0;z-index:-1;background-image:radial-gradient(#7190ca42 .85px,transparent 1px);background-size:9px 9px;mask-image:radial-gradient(ellipse at 55% 52%,black 18%,transparent 73%)}
.print{position:absolute;padding:7px 7px 10px;background:#fff;border-radius:8px;box-shadow:0 9px 18px -8px #24374d4d,0 2px 4px #24374d26;overflow:hidden}
.print img{width:100%;height:100%;display:block;object-fit:cover;border-radius:3px}
.print-back{width:52%;height:68%;right:1%;top:16%;transform:rotate(16deg)}
.print-back img{object-position:67% 50%}
.print-middle{width:59%;height:78%;left:4%;top:6%;transform:rotate(-13deg)}
.print-front{width:69%;height:84%;left:22%;top:9%;transform:rotate(6deg)}
.print-front img{object-position:50% 46%}
.upload-stamp{position:absolute;left:16%;bottom:0;display:grid;place-items:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 4px 8px #293f8c36;color:white;transform:rotate(-8deg)}
.upload-stamp .icon{width:23px;height:23px;stroke-width:1.9}
.tools-area{margin-top:37px}
.tools-heading{margin-bottom:16px}
.tools-heading h2,#batch-area h2,#results-area h2,#settings-area h2{font-size:clamp(25px,2.25vw,32px);font-weight:650;letter-spacing:-.047em;line-height:1.2}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tool-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #d9ddde;border-radius:13px;overflow:hidden;background:#fff;min-width:0;transition:border-color .15s,transform .15s,box-shadow .15s}
.tool-card:hover{border-color:#a8b7c7;box-shadow:0 4px 14px #2231480d;transform:translateY(-2px)}
.tool-card:is([aria-pressed=true],.selected,.active){border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}
.card-art{display:block;position:relative;width:100%;aspect-ratio:2.04;overflow:hidden;isolation:isolate;background:#dce6eb}
.card-art>img{width:100%;height:100%;object-fit:cover;display:block}
.upscale-art{background:#445455}
.upscale-art>img{object-position:50% 43%}
.upscale-art::before{content:"";position:absolute;z-index:1;inset:0;background:url("/assets/upscale-baseline.webp") center 43%/cover;clip-path:inset(0 47% 0 0)}
.upscale-divider{position:absolute;z-index:2;left:53%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 3px #18202066}
.compare-grip{position:absolute;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;color:#35423f;box-shadow:0 1px 4px #0003}
.compare-grip .icon{width:16px;height:16px;stroke-width:2}
.art-tag,.format-tags,.exif-tag{display:inline-flex;align-items:center;font-size:9px;letter-spacing:.3px;line-height:1;font-weight:720;border-radius:4px;padding:5px 6px;box-shadow:0 1px 3px #16211622}
.upscale-tag{position:absolute;left:11px;bottom:10px;z-index:3;background:#23322aca;color:white}
.convert-art{background:#e8b1a3}
.convert-art>img{object-position:50% 44%}
.format-tags{position:absolute;left:11px;bottom:10px;gap:5px;background:#fff9f1f2;color:#584138}
.format-tags .icon{width:11px;height:11px;stroke-width:2}
.resize-art{background:#8ea4a5}
.resize-art>img{object-position:50% 57%}
.crop-frame{position:absolute;inset:16% 20%;border:1px solid #ffffffb5;box-shadow:0 0 0 150px #28353136}
.crop-frame::before,.crop-frame::after{content:"";position:absolute;pointer-events:none}
.crop-frame::before{inset:0 33%;border-inline:1px solid #ffffff47}
.crop-frame::after{inset:33% 0;border-block:1px solid #ffffff47}
.crop-frame i{position:absolute;width:8px;height:8px;border-style:solid;border-color:#fff;border-width:0}
.crop-frame i:nth-child(1){top:-2px;left:-2px;border-width:3px 0 0 3px}
.crop-frame i:nth-child(2){top:-2px;right:-2px;border-width:3px 3px 0 0}
.crop-frame i:nth-child(3){bottom:-2px;left:-2px;border-width:0 0 3px 3px}
.crop-frame i:nth-child(4){bottom:-2px;right:-2px;border-width:0 3px 3px 0}
.strip-art{background:#d1c1a8}
.strip-art>img{object-position:50% 51%}
.exif-tag{position:absolute;left:11px;bottom:10px;gap:5px;background:#fffcf4ee;color:#403c34}
.exif-tag .icon{width:11px;height:11px}
.card-copy{display:block;padding:16px 17px 19px}
.tool-name{display:flex;align-items:center;gap:8px;font-weight:690;font-size:clamp(16px,1.3vw,19px);line-height:1.24;letter-spacing:-.65px}
.tool-icon{display:inline-grid;place-items:center;flex:none;width:27px;height:27px;border-radius:7px;color:#5666bf;background:#eaeafe}
.tool-icon .icon{width:16px;height:16px;stroke-width:1.8}
.convert-card .tool-icon{background:#ffede1;color:#a45c34}
.resize-card .tool-icon{background:#e3f1e9;color:#407959}
.strip-card .tool-icon{background:#f0e9fa;color:#7856a5}
.tool-description{display:block;margin-top:8px;font-size:14px;letter-spacing:-.12px;line-height:1.51;color:#59616b}
.workspace-footer{margin-top:38px}
.workspace-footer>div{border-top:1px solid #dddfdd;padding:18px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#646d76;font-size:11.5px;line-height:1.5;letter-spacing:.05px}
.local-note{display:inline-flex;align-items:center;gap:6px}
.local-note .icon{width:14px;height:14px;color:#587264}
.separator{padding:0 4px;color:#858b92}
body.has-files .drop-area{min-height:158px;padding:24px 32px;grid-template-columns:minmax(0,1fr) 240px}
body.has-files .hero-copy h1{font-size:32px;margin-top:5px}
body.has-files .hero-copy .lead,body.has-files .format-list{display:none}
body.has-files .picker-actions{margin-top:12px}
body.has-files .print-scene{height:132px;width:205px}
body.has-files .upload-stamp{height:30px;width:30px;border-width:2px}
body.has-files .upload-stamp .icon{width:15px;height:15px}
@media(min-width:1500px){.workspace{padding-top:47px}.drop-area{min-height:345px}.tools-area{margin-top:45px}}
@media(max-width:1050px){.masthead-inner,.workspace,.workspace-footer>div{width:min(calc(100% - 64px),var(--width))}.drop-area{padding-inline:32px;grid-template-columns:1.12fr .88fr}.print-scene{height:208px}.tool-grid{gap:12px}.card-copy{padding:13px 12px 15px}.tool-name{gap:5px;font-size:16px}.tool-description{font-size:13px}.tool-icon{width:22px;height:22px;border-radius:5px}.tool-icon .icon{width:14px;height:14px}}
@media(max-width:840px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-name{font-size:18px;gap:8px}.tool-icon{width:26px;height:26px}.tool-icon .icon{width:16px;height:16px}.card-copy{padding:16px}.tool-description{font-size:14px}.drop-area{grid-template-columns:1.21fr .79fr;padding:29px 25px;min-height:280px}.hero-copy h1{font-size:clamp(35px,5.3vw,44px)}.lead{font-size:14px}.print-scene{height:167px}.upload-stamp{width:36px;height:36px;border-width:2px}.upload-stamp .icon{width:18px;height:18px}.picker-actions{gap:14px}.file-picker,.folder-picker{font-size:13px}.file-picker{padding:10px 14px}}
@media(max-width:620px){.masthead-inner,.workspace,.workspace-footer>div{width:calc(100% - 36px)}.masthead-inner{min-height:63px;gap:12px}.wordmark{font-size:21px;gap:7px}.brand-icon{width:28px;height:28px}.site-nav{gap:13px}.site-nav button{font-size:12px}.site-nav .privacy-link{padding:5px 8px;gap:4px}.site-nav .icon{width:13px;height:13px}.workspace{padding-top:21px}.drop-area{display:block;min-height:0;padding:25px 22px 24px;border-radius:14px}.hero-copy{display:block}.hero-copy h1{font-size:clamp(33px,7.2vw,45px);max-width:75%;margin-top:14px;line-height:1.03;letter-spacing:-.06em;position:relative;z-index:2}.lead{max-width:64%;font-size:13.5px;margin-top:12px}.workspace-label{font-size:9px;gap:6px;letter-spacing:1.35px}.status-dot{width:6px;height:6px}.picker-actions{margin-top:20px;gap:14px}.format-list{margin-top:12px;gap:6px;font-size:10.5px}.print-scene{position:absolute;right:2%;top:22%;width:27%;height:auto;aspect-ratio:1.4;opacity:.98}.print{padding:3px 3px 5px;border-radius:4px}.print img{border-radius:1px}.upload-stamp{height:21px;width:21px;border-width:1.5px}.upload-stamp .icon{width:11px;height:11px}.tools-area{margin-top:25px}.tools-heading{margin-bottom:13px}.tool-grid{gap:12px}.tools-heading h2{font-size:25px}.tool-card{border-radius:9px}.card-art{aspect-ratio:1.72}.card-copy{padding:11px 10px 13px}.tool-name{font-size:15px;gap:5px;letter-spacing:-.55px}.tool-icon{width:21px;height:21px}.tool-icon .icon{width:13px;height:13px}.tool-description{font-size:12px;line-height:1.45;margin-top:7px}.art-tag,.format-tags,.exif-tag{font-size:8px;left:7px;bottom:7px;padding:4px 5px}.workspace-footer{margin-top:24px}.workspace-footer>div{padding-top:14px;gap:4px;font-size:10px}.local-note .icon{width:12px;height:12px}body.has-files .drop-area{padding:20px;min-height:0}body.has-files .print-scene{top:21%;height:auto;width:23%}body.has-files .hero-copy h1{font-size:27px}body.has-files .upload-stamp{height:20px;width:20px}body.has-files .upload-stamp .icon{width:10px;height:10px}}
@media(max-width:370px){.tool-name{font-size:14px}.tool-icon{width:18px;height:18px}.tool-grid{gap:9px}.tool-description{font-size:11.5px}.site-nav{gap:8px}.workspace-footer>div{flex-direction:column;align-items:flex-start}.print-scene{width:23%}.drop-area{padding-inline:17px}.card-copy{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.skip-link:not(:focus){opacity:0;clip-path:inset(50%);pointer-events:none}
body.has-files .tool-card{flex-direction:row;align-items:stretch;min-height:60px}
body.has-files .card-art{width:26%;max-width:75px;aspect-ratio:auto;flex:none}
body.has-files .card-copy{display:flex;align-items:center;flex:1;padding:10px}
body.has-files .tool-name{font-size:15px;letter-spacing:-.45px;gap:6px}
body.has-files .tool-icon{display:none}
body.has-files .tool-description,body.has-files .card-art>span{display:none}
@media(max-width:620px){body.has-files .tools-area{margin-top:24px}body.has-files .tool-grid{gap:8px}body.has-files .tool-card{min-height:47px}body.has-files .card-art{width:27%}body.has-files .tool-name{font-size:13.5px}body.has-files .card-copy{padding:7px}}
.site-nav .saved-link{display:inline-flex;gap:6px;align-items:center}.saved-link .icon{width:16px;height:16px}
.format-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-top:16px}.format-line .format-list{margin:0}.sample-link{padding:1px 0 1px 12px;border:0;border-left:1px solid #b6c4d9;color:#3c5084;background:none;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.sample-link:disabled{opacity:.6}
.edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}
.edit-card{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #d9ddde;border-radius:12px;text-align:left;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}
.edit-card:hover{border-color:#a8b7c7;box-shadow:0 4px 14px #2231480d;transform:translateY(-2px)}
.edit-card[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}
.edit-thumbnail{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;flex:0 0 63px;height:60px;border-radius:7px;background:#dce6eb}.edit-thumbnail img{width:100%;height:100%;object-fit:cover}.crop-thumbnail i{position:absolute;inset:15% 20%;border:2px solid #fff;box-shadow:0 0 0 16px #041c344a}.rotate-thumbnail{background:#f3e9d6}.rotate-thumbnail img{transform:rotate(-15deg) scale(.78);border:3px solid #fff;box-shadow:0 2px 5px #3b342c30}.rotate-thumbnail .icon{position:absolute;right:3px;bottom:3px;width:17px;height:17px;padding:3px;color:#514034;background:#fff;border-radius:50%}.enhance-thumbnail::after{content:"";position:absolute;inset:0 50% 0 0;background:url("/assets/flower.webp") left center/200% 100%;filter:grayscale(.6) brightness(.82);border-right:1px solid white}
.edit-copy{min-width:0;flex:1}.edit-name,.edit-description{display:block}.edit-name{font-size:16px;font-weight:680;line-height:1.2;letter-spacing:-.4px}.edit-description{color:#59616b;font-size:12.5px;line-height:1.43;margin-top:4px}.edit-arrow{color:#77818e;width:14px;flex:none}
body.has-files .format-line,body.has-files .edit-description{display:none}body.has-files .edit-card{min-height:48px;padding:6px 9px;gap:9px}body.has-files .edit-thumbnail{flex-basis:38px;height:33px}body.has-files .edit-name{font-size:14px}
@media(max-width:840px){.edit-grid{gap:10px}.edit-card{gap:8px;padding:8px}.edit-thumbnail{flex-basis:41px;height:47px}.edit-arrow{display:none}.edit-name{font-size:15px}}
@media(max-width:620px){.edit-grid{grid-template-columns:1fr;margin-top:12px;gap:8px}.edit-thumbnail{flex-basis:46px;height:42px}.edit-arrow{display:block;margin-right:7px}.edit-description{margin-top:2px}.format-line{margin-top:12px}.sample-link{font-size:10.5px}.site-nav{gap:10px}.site-nav .privacy-link .icon{width:15px;height:15px}.edit-card{gap:12px}body.has-files .edit-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}body.has-files .edit-card{flex:1;min-width:89px;min-height:36px;justify-content:center;padding:5px}body.has-files .edit-thumbnail,body.has-files .edit-arrow{display:none}body.has-files .edit-copy{flex:none}body.has-files .edit-name{font-size:12.5px}}
@media(max-width:480px){.site-nav .saved-link{font-size:12px}.site-nav .saved-link .icon{display:none}.site-nav .privacy-link span{position:absolute;height:1px;width:1px;overflow:hidden;clip-path:inset(50%)}.site-nav .privacy-link{height:29px;width:29px;justify-content:center;padding:4px}}
@media(max-width:350px){.site-nav{gap:7px}.masthead-inner{gap:5px}.site-nav button{font-size:11px}.wordmark{font-size:19px}}

/* Picboop: a friendly shell around precise photo controls. */
.masthead{background:#ffffffc9;border-bottom-color:#e8e2f2}.wordmark{font-size:29px;font-weight:800;letter-spacing:-1.5px;color:#2d2544;gap:9px}.brand-icon{width:39px;height:39px;flex:none}.drop-area{border-color:#bfb0ed;background:radial-gradient(ellipse at 83% 38%,#ffe4dc 0,transparent 42%),radial-gradient(ellipse at 40% 100%,#e9e5ff 0,transparent 58%),#f2eeff;border-radius:23px}.drop-area:is(:hover,:focus-within){border-color:#9c86de}.drop-area:is(.dragging,.dragover,.is-dragging,[data-dragging=true]){background:#eae2ff;border-color:#6b4cdb;box-shadow:inset 0 0 0 2px #a18be6}.workspace-label{color:#6b5594}.status-dot{background:#9475de}.hero-copy h1{color:#30263f}.lead{max-width:440px;color:#675c76}.file-picker{background:#5b46d6;border-color:#5b46d6;border-radius:12px}.file-picker:hover{background:#4934bb}.folder-picker{color:#6a5587}.upload-stamp{background:#5b46d6}.tools-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.tools-heading p{color:#8a779b;font-size:12px}.tool-card:is([aria-pressed=true],.selected,.active){border-color:#6950d5;box-shadow:0 0 0 2px #6950d5}.tool-card:hover{border-color:#beaddd}.site-nav .privacy-link{border-color:#e2d9ed}.workspace-footer{color:#796e86}.admin-badge{background:#f0eaff;color:#6a4bb4}.speed-back{color:#6b50b8}@media(max-width:590px){.wordmark{font-size:25px}.brand-icon{width:33px;height:33px}.tools-heading{align-items:flex-start}.tools-heading p{max-width:125px;text-align:right;font-size:11px}}