:root{--ink:#17263d;--muted:#647087;--blue:#214ee8;--line:#e0e5ed;--paper:#f6f8fc;--soft-blue:#edf2ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,select,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #ed9d31;outline-offset:4px}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:100;background:white;padding:12px;top:8px;left:8px}.wrap{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}.header{height:84px;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line);padding:0 max(36px,calc((100vw - 1108px)/2));background:#fff}.brand{font-weight:750;font-size:1.35rem;letter-spacing:-.065em;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-dot{color:var(--blue);margin-left:-7px}.brand-icon{width:31px;height:31px;background:var(--blue);color:white;display:grid;place-items:center;border-radius:8px;font-size:1.5rem;line-height:1;font-weight:400;letter-spacing:0}.header nav{display:flex;gap:26px;font-size:.875rem}.header nav a{text-decoration:none;color:var(--muted);padding:31px 0 29px;border-bottom:2px solid transparent}.header nav a:hover,.header nav a[aria-current]{color:var(--ink);border-color:var(--blue)}.header-note{font:600 .625rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:var(--muted);margin-left:auto}.eyebrow{font:650 .6875rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:var(--blue);margin:0 0 16px;line-height:1.5}.small-rule{display:inline-block;width:24px;height:2px;vertical-align:middle;background:var(--blue);margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.65rem,4.7vw,4rem);line-height:1.05;letter-spacing:-.065em;font-weight:720;margin-bottom:24px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:1.85rem;letter-spacing:-.045em;line-height:1.2;font-weight:650;margin-bottom:0}h3{font-weight:650;letter-spacing:-.02em}.lead{font-size:1.0625rem;line-height:1.8;color:var(--muted);max-width:460px;margin-bottom:27px}.quiet{color:var(--muted);font-size:.8125rem;line-height:1.6}.button{border:1px solid transparent;border-radius:7px;min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem;font-weight:620;text-decoration:none;transition:background .15s,transform .15s}.primary{color:#fff;background:var(--blue);box-shadow:0 2px 3px #214ee816}.primary:hover:not(:disabled){background:#173fcb;transform:translateY(-1px)}.secondary{background:white;border-color:#d4dce9;color:var(--ink)}.secondary:hover:not(:disabled){background:var(--soft-blue)}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.button-icon{font-size:1.3rem;margin-left:10px}.hero-foot{margin-top:15px;margin-bottom:0}.home-hero{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:70px;padding-top:68px;padding-bottom:62px}.hero-visual{background:#eaf0ff;border:1px solid #d5e0ff;border-radius:12px;transform:rotate(-2deg);overflow:hidden;box-shadow:12px 16px 0 #e6eaf1}.visual-top{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #d5e0ff;font:500 .5625rem ui-monospace,monospace;letter-spacing:.05em;color:#49628d;gap:10px}.frame-study{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:30px 20px}.study-frame{background:white;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #c7d4ef;box-shadow:0 6px 10px #214ee805}.study-frame span{position:absolute;bottom:-19px;font:500 .5rem ui-monospace,monospace;color:#526990;letter-spacing:.06em}.geometry{background:#7b9bed;border:1px solid #416fdc}.geometry.tall{height:80%;width:47%;background:repeating-linear-gradient(0deg,#6890eb 0 7px,#7b9bed 7px 8px)}.geometry.wide{height:45%;width:82%;background:#99b4f6}.geometry.square{width:66%;height:66%;background:#214ee8}.visual-bottom{margin:24px 20px 0;border-top:1px solid #d5e0ff;padding:21px 0;display:flex;align-items:center;gap:15px}.visual-bottom p{font-size:.8125rem;line-height:1.5;margin:0;color:#445c86}.ratio-label{font-size:2.4rem;font-weight:650;letter-spacing:-.07em;color:var(--blue)}.corner-mark{margin-left:auto;font-size:2.5rem;color:var(--blue)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px;gap:20px}.section-top .eyebrow{margin-bottom:8px}.section-top h2{font-size:1.6rem}.featured-tool{display:flex;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:29px;text-decoration:none;transition:border .2s,box-shadow .2s}.featured-tool:hover{border-color:#9db6ff;box-shadow:0 10px 25px #17263d06}.tool-symbol{width:126px;height:126px;border-radius:9px;flex-shrink:0;background:#edf2ff;display:grid;place-items:center}.tool-symbol svg{width:84px;fill:none;stroke:#83a1ed;stroke-width:1.5}.tool-symbol svg rect:nth-child(2){fill:#b1c6fb;stroke:#456fda}.pill{display:inline-block;color:var(--blue);font:650 .625rem ui-monospace,monospace;letter-spacing:.06em;margin-bottom:10px}.featured-copy h3{font-size:1.5rem;margin-bottom:8px;letter-spacing:-.04em}.featured-copy p{max-width:550px;color:var(--muted);line-height:1.6;font-size:.9375rem;margin-bottom:14px}.tool-tags{font-size:.75rem;color:var(--muted)}.tool-tags>span{margin:0 8px;color:#9aa6b8}.tool-open{margin-left:auto;white-space:nowrap;color:var(--blue);font-weight:650;font-size:.875rem}.tool-open>span{margin-left:9px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:42px;margin-bottom:44px}.principle-no{font:550 .625rem ui-monospace,monospace;letter-spacing:.07em;color:#78869c}.principles h3{font-size:1rem;margin:13px 0 8px}.principles p{color:var(--muted);font-size:.875rem;line-height:1.7;margin-bottom:0}.guide-callout{margin-bottom:50px}.guide-callout>span{display:block;border-top:1px solid var(--line);padding-top:27px;margin-bottom:12px}.guide-callout>a{display:block;text-decoration:none}.guide-callout h2{font-size:1.35rem;margin-bottom:10px}.guide-callout p{color:var(--muted);line-height:1.6;font-size:.875rem;margin-bottom:12px}.text-link{color:var(--blue);font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;min-height:85px;color:var(--muted);font-size:.75rem}.footer-brand{font-size:1.1rem;color:var(--ink)}.footer p{margin:0}.footer>a:last-child{margin-left:auto}.tool-main{max-width:1236px;padding:0 36px;margin:auto}.tool-title{display:flex;justify-content:space-between;align-items:end;padding:31px 0 26px;gap:24px}.breadcrumb{font-size:.75rem;text-decoration:none;color:var(--muted);display:inline-block;margin-bottom:14px}.tool-title h1{font-size:2.5rem;letter-spacing:-.055em;margin:0 0 10px}.title-dot{color:var(--blue)}.tool-title p{color:var(--muted);font-size:.9375rem;line-height:1.6;margin:0}.local-badge{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#456078;background:#eaf0f6;font-size:.75rem;border-radius:5px;padding:8px 10px}.local-badge svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.workbench{display:grid;grid-template-columns:277px minmax(0,1fr);background:white;border:1px solid #d9e0eb;border-radius:12px;box-shadow:0 7px 24px #17263d04;overflow:hidden;scroll-margin-top:16px}.settings{padding:25px 23px;border-right:1px solid var(--line);background:#fcfdff}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:26px}.panel-title .eyebrow{margin:0;color:#778aa9;letter-spacing:0}.panel-title h2{font-size:.9375rem;letter-spacing:-.01em}.settings fieldset{padding:0;margin:0;border:0;min-width:0}.field-label{display:block;font-size:.8125rem;font-weight:650;margin-bottom:9px}select{width:100%;border:1px solid #cbd5e4;background:#fff;color:var(--ink);padding:11px 12px;min-height:44px;border-radius:6px;font-size:.875rem}.field-help{color:var(--muted);font-size:.75rem;line-height:1.65;margin:8px 0 23px}.label-row{display:flex;justify-content:space-between;gap:10px}.muted{color:var(--muted);font-size:.75rem}.segments{display:flex;border:1px solid #cbd5e4;border-radius:6px;overflow:hidden;margin-bottom:25px}.segments label{position:relative;flex:1;cursor:pointer}.segments label+label{border-left:1px solid #cbd5e4}.segments input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.segments span{display:block;padding:10px 0;text-align:center;font-size:.8125rem}.segments input:checked+span{color:var(--blue);font-weight:700;background:var(--soft-blue)}.segments input:focus-visible+span{outline:3px solid #ed9d31;outline-offset:-3px}.toggle-label{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:9px;cursor:pointer}.toggle-label input{appearance:none;width:29px;height:17px;background:#c4cfdf;border-radius:12px;margin:0;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.toggle-label input:after{content:"";position:absolute;width:11px;height:11px;top:3px;left:3px;background:white;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}.toggle-label input:checked{background:var(--blue)}.toggle-label input:checked:after{transform:translateX(12px)}.export-details{border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:.75rem;color:var(--muted);margin-bottom:22px}.export-details strong{font-weight:500;color:var(--ink);display:flex;align-items:center;gap:6px}.swatch{height:10px;width:10px;background:white;border:1px solid #cbd5e4;display:inline-block;border-radius:2px}.export-block .button{width:100%;font-size:.875rem;padding-left:10px;padding-right:10px}.export-block .quiet{font-size:.75rem;margin:9px 0 0;text-align:center}.export-block .text-link{display:block;text-align:center;margin-top:10px;font-size:.8125rem}.export-block progress{width:100%;height:6px;accent-color:var(--blue);margin-top:14px}.workspace-content{padding:25px;min-width:0}.batch-heading{margin-bottom:23px}.batch-heading h2{display:flex;align-items:center;gap:9px}.batch-heading h2 span{font-weight:400;font-size:.75rem;color:var(--muted);letter-spacing:0}.text-button{font-size:.75rem;background:none;border:0;color:var(--muted);padding:5px 0;text-decoration:underline;text-underline-offset:3px;min-height:32px}.batch-heading .text-button{margin-left:auto}.dropzone{background:#f7f9ff;border:1.5px dashed #b9cbed;border-radius:9px;padding:49px 20px 38px;min-height:415px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background .18s,border .18s}.dropzone.dragover{background:#e6edff;border-color:var(--blue)}.drop-symbol{width:83px;margin-bottom:20px}.drop-symbol svg{stroke:#adc0ea;stroke-width:1.5;fill:white;width:100%;overflow:visible}.drop-symbol svg rect:first-child{fill:#e7efff;transform:rotate(-9deg);transform-origin:center}.drop-symbol svg path{stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dropzone h3{font-size:1.2rem;margin-bottom:8px}.dropzone p{font-size:.875rem;color:var(--muted);margin-bottom:22px;line-height:1.65}.choose-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dropzone .file-limits{font-size:.75rem;margin:20px 0 0;line-height:1.7}.dropzone.compact{padding:13px 16px;min-height:0;flex-direction:row;gap:16px;justify-content:space-between;text-align:left}.dropzone.compact .drop-symbol,.dropzone.compact .file-limits,.dropzone.compact .drop-copy p,.dropzone.compact #sample{display:none}.dropzone.compact h3{font-size:.8125rem;margin:0}.dropzone.compact .button{min-height:36px;font-size:.75rem;padding:8px 13px}.status{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-top:14px}.status:empty{display:none}.errors{background:#fff1e9;color:#963a16;padding:12px 15px 12px 30px;border-radius:6px;line-height:1.6;font-size:.8125rem;overflow-wrap:anywhere;margin:14px 0 0}.preview-area{margin-top:23px}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px}.preview-heading .eyebrow{font-size:.625rem;color:var(--muted);margin-bottom:4px}.preview-heading h3{font-size:.875rem;margin:0;overflow-wrap:anywhere;max-width:330px;line-height:1.4}.preview-heading .text-button{color:var(--blue);flex-shrink:0}.preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-pair figure{margin:0;min-width:0}.canvas-stage{position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden}.canvas-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1}.source-stage{background:repeating-conic-gradient(#f0f3f8 0% 25%,#f6f8fc 0% 50%) 50% / 16px 16px}.output-stage{background:white;box-shadow:0 3px 12px #12274806}.frame-chip{position:absolute;right:7px;bottom:7px;border:1px solid #dae3f7;border-radius:3px;background:#ffffffea;color:var(--blue);padding:3px 6px;font:500 .625rem ui-monospace,monospace}.preview-pair figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:.6875rem;color:var(--muted);line-height:1.5}.preview-pair figcaption span:first-child{color:var(--ink);font-weight:600}.image-note{color:#826022;background:#fff8e8;border-radius:5px;font-size:.75rem;line-height:1.6;padding:9px 12px;margin:14px 0 0}.image-note:empty{display:none}.photo-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;margin-top:18px}.photo-strip:empty{display:none}.photo-card{position:relative;min-width:0;max-width:150px}.photo-select{padding:4px;border:1px solid var(--line);border-radius:5px;width:100%;background:#fff;display:block}.photo-select[aria-pressed=true]{border:2px solid var(--blue);padding:3px;box-shadow:0 0 0 2px #214ee814}.photo-select canvas{width:100%;height:auto;display:block;aspect-ratio:1}.photo-card p{font-size:.625rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin:5px 0 0}.remove{position:absolute;right:-4px;top:-4px;width:24px;height:24px;line-height:1;border:1px solid var(--line);background:white;border-radius:50%;color:var(--muted);box-shadow:0 1px 4px #0001;font-size:1rem;display:grid;place-items:center}.remove:hover{color:#c94231}.tool-under{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.75rem;line-height:1.7;margin:16px 2px 0}.tool-under p{margin:0}.tool-under p>span{margin-right:5px}.tool-under a{color:var(--blue)}.tool-explainer{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding:55px 0 45px}.tool-explainer h2{font-size:2rem;margin-bottom:17px}.tool-explainer>div>p:last-child{font-size:.875rem;line-height:1.8;color:var(--muted);max-width:420px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.6}.faq p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:12px 0 0}.notice{padding:20px;text-align:center;background:#fff0e0}.article{max-width:780px;margin:55px auto 65px;padding:0 28px}.article h1{font-size:2.8rem}.article h2{font-size:1.4rem;margin:35px 0 14px}.article h3{font-size:1rem}.article p,.article li{font-size:1rem;line-height:1.85;color:#536079}.article a:not(.button){color:var(--blue)}.article .eyebrow{font-size:.6875rem;color:var(--blue)}.article-callout{padding:22px;background:#eaf0ff;border-left:3px solid var(--blue);border-radius:0 7px 7px 0;margin:28px 0}.article-callout p:last-child{margin-bottom:0}.article .button{margin-top:12px}.busy .photo-select,.busy .remove{pointer-events:none;opacity:.6}@media(min-width:1500px){.header{padding-left:calc((100vw - 1108px)/2);padding-right:calc((100vw - 1108px)/2)}}@media(max-width:1000px){.header-note{display:none}.header{justify-content:space-between;padding:0 26px;gap:25px}.wrap,.tool-main{padding-left:26px;padding-right:26px}.home-hero{gap:35px}.hero-visual{box-shadow:7px 10px 0 #e6eaf1}.home-hero h1{font-size:3rem}.tool-open{display:none}.tool-title h1{font-size:2.2rem}.tool-explainer{gap:45px}.workbench{grid-template-columns:245px minmax(0,1fr)}.settings{padding:23px 19px}.workspace-content{padding:23px 20px}.local-badge{font-size:.6875rem}.preview-pair{gap:12px}.preview-pair figcaption{flex-direction:column;gap:0}.principles{gap:24px}.photo-strip{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}}@media(max-width:720px){.header{height:72px;padding:0 20px;gap:15px}.brand{font-size:1.15rem}.brand-icon{width:27px;height:27px;font-size:1.3rem}.header nav{gap:17px;font-size:.8125rem}.header nav a{padding:26px 0 23px}.header nav a:last-child{display:none}.wrap,.tool-main{padding-left:20px;padding-right:20px}.home-hero{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:42px}.home-hero h1{font-size:3.1rem}.hero-visual{max-width:440px;width:100%;margin:0 auto}.hero-copy .lead{max-width:none}.section-top{align-items:start}.section-top .quiet{display:none}.featured-tool{padding:22px;gap:20px}.tool-symbol{width:88px;height:88px}.tool-symbol svg{width:64px}.featured-copy h3{font-size:1.25rem}.featured-copy p{font-size:.875rem}.tool-tags{display:none}.principles{grid-template-columns:1fr;gap:23px;margin-top:32px;margin-bottom:32px}.principles h3{margin-top:9px}.footer{gap:12px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.footer p{display:none}.footer>a:last-child{font-size:.6875rem}.tool-title{display:block;padding-top:25px;padding-bottom:23px}.tool-title h1{font-size:2.15rem}.local-badge{width:fit-content;margin-top:13px}.workbench{display:flex;flex-direction:column}.workspace-content{order:0;padding:22px 18px}.settings{order:1;border-right:0;border-top:1px solid var(--line);padding:22px}.settings fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.settings fieldset>*{grid-column:1 / -1}.settings .panel-title{margin-bottom:20px}.export-details{display:none}.field-help{margin-bottom:18px}.segments{margin-bottom:21px}.export-block .quiet{margin-bottom:0}.dropzone{min-height:320px;padding:30px 14px}.dropzone h3{font-size:1rem}.dropzone.compact{gap:10px}.dropzone.compact h3{font-size:.75rem}.preview-heading{gap:8px}.preview-heading h3{font-size:.8125rem;max-width:180px}.preview-heading .text-button{font-size:.6875rem}.tool-under{display:block}.tool-under a{display:inline-block;margin-top:6px}.tool-explainer{grid-template-columns:1fr;gap:22px;padding:38px 0}.tool-explainer h2 br{display:none}.tool-explainer h2{font-size:1.75rem}.article{margin-top:35px}.article h1{font-size:2.25rem}}@media(max-width:380px){.header nav{gap:12px}.brand{font-size:1rem}.brand-icon{width:24px;height:24px}.header{padding:0 15px}.tool-main,.wrap{padding-left:15px;padding-right:15px}.tool-title h1{font-size:1.9rem}.choose-actions{flex-direction:column}.button{font-size:.8125rem}.featured-tool{gap:14px;padding:18px}.tool-symbol{width:64px;height:64px}.tool-symbol svg{width:48px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.study-photo{display:block;object-fit:contain;max-width:100%;max-height:100%}.study-photo.portrait{width:auto;height:90%}.study-photo.landscape{width:90%;height:auto}.study-photo.padded{width:60%;height:75%}.field-label,.toggle-label{font-size:.875rem}.tool-title p{font-size:1rem}.preview-heading h3{font-size:.9375rem}.faq summary{font-size:.9375rem}.photo-card p{font-size:.75rem}.header-note,.visual-top,.study-frame span,.pill,.principle-no,.eyebrow,.preview-heading .eyebrow{font-size:.75rem}.visual-top{font-size:.625rem}.study-frame span{font-size:.625rem}.hero-visual .frame-study{padding-top:27px;padding-bottom:33px}
/* Constrain demo photos to their frame rather than their intrinsic file size. */
.study-frame{min-width:0;width:100%;isolation:isolate}.study-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}.study-photo.portrait,.study-photo.landscape{width:90%;height:90%}.study-photo.padded{width:58%;height:78%}.home-hero h1{letter-spacing:-.045em}.hero-visual{min-width:0}.frame-study{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Let enlarged text reflow without forcing horizontal scrolling. */
.header{height:auto;min-height:84px;flex-wrap:wrap;row-gap:0}.preview-heading>div{min-width:0}.preview-heading{flex-wrap:wrap}.dropzone.compact .choose-actions{flex-shrink:0}.tool-title>div{min-width:0}@media(max-width:720px){.header{min-height:72px}.footer-brand{white-space:normal}.header nav{flex-wrap:wrap}}

/* A single labeled placement, outside all upload and download controls. */
.tidy-ad-placement{width:min(1100px,calc(100% - 40px));margin:48px auto;padding-top:22px;border-top:1px solid #d8ddd6;text-align:center;clear:both}.tidy-ad-placement[hidden]{display:none!important}.tidy-ad-placement>p{margin:0 0 12px;font:10px/1.5 sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#667068}.tidy-ad-placement .adsbygoogle{display:block;min-height:100px}.tidy-ad-placement:has(.adsbygoogle[data-ad-status="unfilled"]){display:none}