/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#f6f9fb;--paper:#fff;--text:#193343;--muted:#526a78;--border:#dce5eb;--accent:#087f75;--accent-strong:#06665e;--tint:#eaf7f4;--success:#087f75;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{color:inherit}a{text-decoration:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #3566be}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button{background:0 0;border:0}fieldset{border:0;min-width:0;margin:0;padding:0}.container{max-width:1120px;margin:0 auto;padding:0 28px}.site-header{border-bottom:1px solid var(--border);background:#fcfbf8f2;height:88px}.header-inner{justify-content:space-between;align-items:center;gap:40px;height:100%;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:8px;font-size:27px;font-weight:800;line-height:1;display:inline-flex}.brand svg{color:var(--accent)}.brand-light{font-weight:400}.brand-dot{color:var(--accent)}nav{align-items:center;gap:34px;margin-left:auto;font-size:13px;display:flex}nav a{color:var(--muted);transition:color .15s}nav a:hover{color:var(--accent)}nav .nav-active{color:var(--text);align-items:center;gap:7px;font-weight:600;display:flex}.tiny-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.header-cta{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:18px;padding:9px 16px;font-size:12px;font-weight:600;display:flex}.hero{text-align:center;padding-top:61px;padding-bottom:35px}.hero-eyebrow{letter-spacing:1.6px;color:#376961;background:#eaf4f4;border:1px solid #d5e8e5;border-radius:30px;align-items:center;gap:8px;padding:5px 12px;font-weight:700;display:inline-flex}.hero-eyebrow .tiny-dot{background:#087f75}.hero h1{letter-spacing:-2.8px;margin-top:23px;font-size:57px;font-weight:700;line-height:1.12}.accent-text{color:var(--accent);position:relative}.accent-text svg{fill:none;stroke:#8cc8bd;stroke-width:3px;stroke-linecap:round;width:100%;height:10px;position:absolute;bottom:-9px;left:0}.hero-description{margin-top:26px;font-size:15px;line-height:1.75}.hero-detail{color:#526a78;justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:11px;display:flex}.hero-detail span{align-items:center;gap:6px;display:inline-flex}.hero-detail svg{color:var(--success)}.detail-separator{color:#b4b6a9}.tool-anchor{scroll-margin-top:25px}.editor-card,.result-card,.upload-card{border-radius:var(--radius);background:#fff;border:1px solid #dce5eb;overflow:hidden;box-shadow:0 6px 35px #272c1910}.tool-heading{justify-content:space-between;align-items:center;padding:21px 25px 18px;display:flex}.tool-heading>div{align-items:center;gap:10px;display:flex}.step-number{color:var(--accent);background:var(--tint);border-radius:7px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.tool-heading h2{font-size:14px;font-weight:600}.local-tag{color:#6d8066;align-items:center;gap:7px;font-size:10px;display:flex}.local-tag span{background:#7c9b6d;border-radius:50%;width:5px;height:5px}.upload-grid{grid-template-columns:1fr 268px;gap:20px;padding:0 25px;display:grid}.dropzone{background:#f8fbfc;border:1.5px dashed #b9cdd5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:283px;padding:24px;transition:all .2s;display:flex}.dropzone.is-dragging{border-color:var(--accent);background:#eaf7f4}.upload-symbol{color:#42756e;background:#eaf4f4;border-radius:18px;place-items:center;width:61px;height:61px;margin-bottom:15px;display:grid;position:relative;transform:rotate(-5deg)}.symbol-plus{background:var(--accent);color:#fff;border:3px solid #f8fbfc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:17px;line-height:1;display:grid;position:absolute;bottom:-4px;right:-6px}.dropzone h3{letter-spacing:-.3px;font-size:18px;font-weight:600}.dropzone p{color:var(--muted);margin-top:3px;font-size:12px}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:12px 19px;font-size:13px;font-weight:600;line-height:1.35;transition:background .15s,transform .15s;display:inline-flex}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 2px 2px #924f1e12}.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-1px)}.secondary{border:1px solid var(--border);background:#fff}.secondary:hover:not(:disabled){background:#f1f6f8}.small{padding:8px 12px;font-size:11px}.choose-button{gap:12px;margin-top:18px}.upload-limit{color:#919487;margin-top:12px;font-size:10px}.example-card{background:#edf3f7;border-radius:10px;flex-direction:column;justify-content:center;padding:13px 13px 16px;display:flex}.example-image{aspect-ratio:1.7;background:#e2edf3;border-radius:7px;position:relative;overflow:hidden}.example-image>img{object-fit:cover;width:100%;height:100%}.gif-badge{letter-spacing:1px;background:#fff9;border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:8px;font-weight:700;display:flex;position:absolute;top:9px;left:9px}.gif-badge span{background:var(--accent);border-radius:50%;width:4px;height:4px}.example-crop{border:1px solid #fff;width:50%;height:78%;position:absolute;top:12%;left:25%;box-shadow:0 0 0 100px #24392315}.example-crop i{border:2px solid #fff;width:9px;height:9px;position:absolute}.example-crop i:first-child{border-bottom:0;border-right:0;top:-3px;left:-3px}.example-crop i:nth-child(2){border-bottom:0;border-left:0;top:-3px;right:-3px}.example-crop i:nth-child(3){border-top:0;border-left:0;bottom:-3px;right:-3px}.example-crop i:nth-child(4){border-top:0;border-right:0;bottom:-3px;left:-3px}.example-copy{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.eyebrow{letter-spacing:1.5px;color:#7e8277;font-size:9px;font-weight:700}.example-copy .eyebrow{font-size:8px}.example-copy h3{margin-top:2px;font-size:14px;font-weight:600}.example-copy button{color:#676b5f;background:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.text-link{color:var(--accent-strong);align-items:center;gap:9px;font-size:12px;font-weight:600;display:inline-flex}.example-card>.text-link{align-self:flex-start;margin-top:10px;padding:0;font-size:10px}.upload-footnote{color:#8c9083;align-items:center;gap:7px;padding:16px}.trust-row,.upload-footnote{justify-content:center;font-size:10px;display:flex}.trust-row{color:#73796b;gap:31px;margin:21px 0 0}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{color:#72916a}.how-section{padding-top:78px;padding-bottom:72px}.section-intro{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.faq-intro h2,.section-intro h2,.why-intro h2{letter-spacing:-1.15px;margin-top:8px;font-size:31px;font-weight:600;line-height:1.22}.section-intro>p{color:var(--muted);font-size:12px;line-height:1.8}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:24px 25px}.step-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.step-icon{color:#777d65;background:#edf3f7;border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.step-index{color:#dedfd3;font-family:Georgia,serif;font-size:26px}.step-card h3{letter-spacing:-.15px;margin-bottom:7px;font-size:14px;font-weight:600}.step-card p{color:var(--muted);font-size:12px;line-height:1.8}.why-section{background:#edf5f7;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb;padding:60px 0}.why-grid{grid-template-columns:1fr 1.35fr;gap:85px;display:grid}.why-intro p{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.8}.why-intro>.text-link{margin-top:19px}.benefits-grid{grid-template-columns:1fr 1fr;gap:37px 35px;padding-top:8px;display:grid}.benefit>svg{color:#6f805d;margin-bottom:13px}.benefit h3{margin-bottom:6px;font-size:13px;font-weight:600}.benefit p{color:var(--muted);font-size:12px;line-height:1.75}.faq-section{grid-template-columns:1fr 1.65fr;gap:70px;padding-top:72px;padding-bottom:83px;display:grid}.faq-intro p{color:var(--muted);margin-top:14px;font-size:12px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;font-size:12px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#999f8d;font-size:19px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding-bottom:20px;font-size:12px;line-height:1.8}.site-footer{border-top:1px solid var(--border);padding:30px 0 18px}.footer-main{justify-content:space-between;align-items:center;display:flex}.footer-main .brand{font-size:23px}.footer-main p{color:var(--muted);margin-top:10px;font-size:10px}.footer-links{color:#6c7364;gap:24px;font-size:10px;display:flex}.footer-links a:hover{color:var(--accent)}.footer-bottom{color:#959989;border-top:1px solid var(--border);justify-content:space-between;margin-top:33px;padding-top:17px;font-size:9px;display:flex}.footer-bottom span:last-child{align-items:center;gap:6px;display:flex}.home-tool-link{text-align:center;padding-bottom:40px}.home-tool-link p{color:var(--muted);margin-top:7px;font-size:11px}.prose-page{max-width:800px;min-height:65vh;padding-top:65px;padding-bottom:90px}.prose-page h1{letter-spacing:-2px;margin:15px 0 25px;font-size:49px;font-weight:650;line-height:1.15}.prose-page .lead{color:#6c7364;font-size:19px}.prose-page h2{letter-spacing:-.6px;margin:34px 0 10px;font-size:22px;font-weight:600}.prose-page p{color:#6e7467;margin:13px 0;line-height:1.8}.prose-page .muted{color:#959989;font-size:12px}.prose-page a:not(.button){text-underline-offset:4px;color:var(--accent-strong);text-decoration:underline}.prose-page .button{margin-top:15px}.prose-page ul{padding-left:20px;list-style:outside}.consent{z-index:50;border:1px solid var(--border);background:#fff;border-radius:12px;max-width:450px;padding:18px;position:fixed;bottom:20px;left:20px;box-shadow:0 5px 35px #0002}.consent p{color:var(--muted);font-size:12px}.consent p a{text-decoration:underline}.consent>div{justify-content:end;gap:8px;margin-top:12px;display:flex}.skip-link{z-index:100;background:#fff;padding:10px;position:absolute;top:-100px;left:15px}.skip-link:focus{top:15px}.error-banner{color:#9c4021;background:#fff1eb;border:1px solid #ebc1ae;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:15px 18px;font-size:13px;display:flex}.error-banner>svg{flex-shrink:0}.error-banner button{margin-left:auto;padding:4px}.notice{border:1px solid var(--border);background:#edf5f7;border-radius:9px;margin-bottom:16px;padding:14px 18px;font-size:13px}.editor-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:20px 24px}.editor-header,.file-identity{align-items:center;display:flex}.file-identity{gap:12px;min-width:0}.file-icon{border:1px solid var(--border);color:#738264;background:#edf3f7;border-radius:9px;flex-shrink:0;place-items:center;width:41px;height:45px;display:grid}.file-identity>div{min-width:0}.file-identity h2{text-overflow:ellipsis;white-space:nowrap;max-width:380px;font-size:13px;font-weight:600;overflow:hidden}.file-stats{color:#8b9180;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;display:flex}.file-stats i{background:#abb09f;border-radius:50%;width:2px;height:2px}.editor-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.icon-button{color:#8b9180;padding:4px}.editor-grid{grid-template-columns:1fr 310px;display:grid}.workspace{border-right:1px solid var(--border);flex-direction:column;min-width:0;padding:23px;display:flex}.workspace-label{color:#8b9180;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:9px;display:flex}.workspace-label span:first-child{letter-spacing:.6px;align-items:center;gap:6px;font-weight:600;display:flex}.canvas-stage{border:1px solid #e9e9e1;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:350px;padding:22px;display:flex;overflow:hidden}.checkerboard{background-color:#fafcfd;background-image:linear-gradient(45deg,#eaf0f4 25%,#0000 0),linear-gradient(-45deg,#eaf0f4 25%,#0000 0),linear-gradient(45deg,#0000 75%,#eaf0f4 0),linear-gradient(-45deg,#0000 75%,#eaf0f4 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.gif-canvas{flex-shrink:1;position:relative;overflow:visible;box-shadow:0 2px 10px #0001}.gif-canvas>img{-webkit-user-select:none;user-select:none;width:100%;height:100%}.crop-selection{cursor:move;touch-action:none;border:2px solid #fff;position:absolute}.crop-selection.processing{cursor:wait}.crop-grid{background:linear-gradient(90deg,#0000 33%,#fff5 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#fff5 66% calc(66% + 1px),#0000 calc(66% + 1px)),linear-gradient(#0000 33%,#fff5 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#fff5 66% calc(66% + 1px),#0000 calc(66% + 1px));inset:0}.crop-grid,.crop-size{pointer-events:none;position:absolute}.crop-size{white-space:nowrap;color:#fff;background:#222a20aa;border-radius:4px;padding:3px 8px;font-size:10px;bottom:8px;left:50%;transform:translate(-50%)}.crop-shade{pointer-events:none;position:absolute;inset:0;overflow:hidden}.crop-shade>div{position:absolute;box-shadow:0 0 0 2000px #1d28185c}.crop-handle{z-index:2;touch-action:none;width:28px;height:28px;position:absolute}.crop-handle:after{content:"";border:2px solid var(--accent);pointer-events:none;background:#fff;border-radius:3px;width:14px;height:14px;position:absolute;top:50%;left:50%}.crop-handle:after,.handle-nw{transform:translate(-50%,-50%)}.handle-nw{cursor:nwse-resize;top:0;left:0}.handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.handle-n{top:0;transform:translate(-50%,-50%)}.handle-n,.handle-s{cursor:ns-resize;left:50%}.handle-s{bottom:0;transform:translate(-50%,50%)}.handle-w{left:0;transform:translate(-50%,-50%)}.handle-e,.handle-w{cursor:ew-resize;top:50%}.handle-e{right:0;transform:translate(50%,-50%)}.handle-n:after,.handle-s:after{height:8px}.handle-e:after,.handle-w:after{width:8px}.canvas-tip{color:#929788;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:10px;display:flex}.crop-controls{padding:23px}.control-title{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.control-title h3{letter-spacing:-.2px;font-size:14px;font-weight:600}.control-title svg{color:var(--accent)}.crop-controls legend{color:#828a77;margin-bottom:8px;font-size:10px}.ratios{gap:4px;display:flex}.ratios button{border:1px solid var(--border);border-radius:5px;padding:6px 9px;font-size:10px}.ratios button.selected{background:var(--tint);color:#06665e;border-color:#8cc8bd}.pixel-fields{grid-template-columns:1fr 1fr;gap:11px;margin:19px 0 13px;display:grid}.pixel-field>span{color:#79836f;margin-bottom:4px;font-size:10px;display:block}.pixel-field>div{border:1px solid var(--border);background:#fff;border-radius:6px;align-items:center;padding-right:10px;display:flex;overflow:hidden}.pixel-field input{appearance:textfield;background:0 0;border:0;width:100%;min-width:0;padding:8px 10px;font-size:12px}.pixel-field input::-webkit-inner-spin-button{appearance:none}.pixel-field>div>span{color:#a2a895;font-size:10px}.custom-ratio{align-items:end;gap:5px;margin-top:10px;display:flex}.custom-ratio label{color:#79836f;flex:1;min-width:0;font-size:8px}.custom-ratio input{border:1px solid var(--border);border-radius:5px;width:100%;margin-top:3px;padding:6px;font-size:12px}.utility-actions{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding-bottom:16px;display:flex}.utility-actions button{color:#79836f;align-items:center;gap:4px;padding:3px 0;font-size:10px;display:flex}.utility-actions button[aria-pressed=true]{color:var(--accent-strong)}.live-preview{margin-top:15px}.live-preview>span{color:#8a9380;letter-spacing:.7px;font-size:8px}.mini-stage{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;min-height:100px;margin-top:7px;padding:9px;display:flex}.crop-button{gap:8px;width:100%;margin-top:20px;font-size:12px}.preserve-note{color:#949b88;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:9px;display:flex}.cancel-button{color:var(--accent-strong);margin:10px auto 0;font-size:11px;text-decoration:underline;display:block}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.result-card{margin-top:25px;padding:25px}.result-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.result-heading>div{align-items:center;gap:12px;display:flex}.success-icon{color:#688855;background:#edf3e6;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.result-heading h2{letter-spacing:-.4px;font-size:18px;font-weight:600}.result-heading p{color:#929988;margin-top:3px;font-size:11px}.comparison{grid-template-columns:1fr 30px 1fr;gap:20px;margin-top:26px;display:grid}.comparison>div{min-width:0}.comparison-image{border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;height:230px;margin:10px 0;padding:12px;display:flex}.comparison-image img{object-fit:contain;max-width:100%;max-height:100%}.comparison-arrow{color:#a5ac99;place-items:center;display:grid}.result-note{border-top:1px solid var(--border);color:#7a8d6c;align-items:center;gap:6px;margin-top:22px;padding-top:15px;font-size:10px;display:flex}@media (min-width:1500px){.hero{padding-top:75px;padding-bottom:42px}.hero h1{font-size:64px}.upload-grid{grid-template-columns:1fr 285px}.dropzone{min-height:305px}}@media (max-width:900px){.container{padding-left:24px;padding-right:24px}.header-inner{gap:25px}.why-grid{gap:40px}.faq-section{gap:30px}.editor-grid{grid-template-columns:1fr 285px}.workspace{padding:16px}.crop-controls{padding:18px}.canvas-stage{padding:12px}.file-identity h2{max-width:270px}.upload-grid{grid-template-columns:1fr 235px}.step-card{padding:21px}.benefits-grid{gap:26px}.hero h1{font-size:51px}}@media (max-width:680px){body{font-size:15px}.container{padding-left:16px;padding-right:16px}.site-header{height:72px}.header-inner{gap:10px}.brand{gap:6px;font-size:24px}.brand svg{width:29px}nav{gap:14px;font-size:12px}nav a{align-items:center;min-height:44px;display:inline-flex}.header-cta{display:none}.hero{padding-top:30px;padding-bottom:26px}.hero-eyebrow{letter-spacing:1px;font-size:9px}.hero h1{letter-spacing:-1.6px;margin-top:20px;font-size:clamp(34px,9.5vw,42px);line-height:1.14}.hero-description{margin-top:20px;font-size:14px}.desktop-break{display:none}.hero-detail{gap:10px;margin-top:16px;font-size:10px}.button{min-height:48px;font-size:14px}.tool-heading{flex-wrap:wrap;gap:8px;padding:16px}.tool-heading h2{font-size:14px}.local-tag{gap:5px;font-size:11px}.upload-grid{grid-template-columns:1fr;gap:13px;padding:0 14px}.dropzone{min-height:260px;padding:22px 12px}.dropzone p{font-size:13px}.upload-limit{text-align:center;font-size:11px}.example-card{grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:14px;padding:12px;display:grid}.example-image{aspect-ratio:1;grid-row:span 2;width:72px}.example-copy{margin:0}.example-copy h3{font-size:15px}.example-copy button{display:none}.example-copy .eyebrow{letter-spacing:1px;font-size:9px}.example-card>.text-link{grid-column:2;align-self:center;min-height:44px;margin:0;font-size:13px}.example-crop{width:65%;height:78%;top:12%;left:17%}.example-image>img{object-fit:cover}.gif-badge{display:none}.upload-footnote{align-items:flex-start;gap:7px;padding:15px;font-size:11px}.upload-footnote svg{flex-shrink:0;margin-top:2px}.trust-row{grid-template-columns:auto auto;gap:10px 20px;margin-top:20px;font-size:11px;display:grid}.how-section{padding-top:48px;padding-bottom:44px}.section-intro{align-items:start;margin-bottom:22px}.section-intro>p{display:none}.faq-intro h2,.section-intro h2,.why-intro h2{letter-spacing:-1px;font-size:28px}.eyebrow{font-size:10px}.steps-grid{grid-template-columns:1fr;gap:12px}.step-card{grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:20px;display:grid;position:relative}.step-card-top{grid-row:span 2;align-self:start;margin:0}.step-index{font-size:21px;position:absolute;top:13px;right:20px}.step-card h3{margin:0 0 5px;padding-right:23px}.benefit p,.faq-list details p,.step-card h3,.step-card p,.why-intro p{font-size:14px}.step-icon{width:40px;height:40px}.why-section{padding:40px 0}.why-grid{grid-template-columns:1fr;gap:30px}.benefits-grid{gap:28px 22px}.benefit h3{font-size:14px}.faq-section{grid-template-columns:1fr;gap:24px;padding-top:46px;padding-bottom:48px}.faq-intro p{margin-top:10px;font-size:14px}.faq-list summary{min-height:48px;padding:17px 0;font-size:14px}.footer-main{flex-direction:column;align-items:start;gap:16px}.footer-links,.footer-main p{font-size:12px}.footer-links{flex-wrap:wrap;gap:4px 20px}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-bottom{flex-wrap:wrap;gap:12px;margin-top:20px;font-size:10px}.site-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.prose-page{padding-top:40px;padding-bottom:60px}.prose-page h1{font-size:39px}.prose-page .lead{font-size:17px}.prose-page h2{font-size:20px}.editor-card,.result-card{scroll-margin-top:12px}.editor-header{flex-wrap:wrap;align-items:start;gap:10px;padding:14px}.file-icon{display:none}.file-identity{width:100%}.file-identity h2{max-width:none;font-size:14px}.file-stats{color:#6e7862;gap:5px;font-size:11px}.editor-actions{gap:8px;width:100%}.editor-actions .small{flex:1;min-height:44px;font-size:13px}.error-banner button,.icon-button{place-items:center;min-width:44px;min-height:44px;display:grid}.editor-grid{grid-template-columns:minmax(0,1fr)}.workspace{border-right:0;border-bottom:1px solid var(--border);gap:0;padding:14px}.workspace-label{font-size:11px}.canvas-stage{min-height:220px;padding:24px}.crop-handle{width:44px;height:44px}.crop-handle:after{width:16px;height:16px}.handle-n:after,.handle-s:after{height:10px}.handle-e:after,.handle-w:after{width:10px}.canvas-tip{color:#727c67;align-items:start;font-size:12px;line-height:1.5}.canvas-tip svg{flex-shrink:0;margin-top:2px}.crop-controls{padding:18px 16px}.control-title{margin-bottom:16px}.control-title h3{font-size:16px}.crop-controls legend,.pixel-field>span{color:#69745f;font-size:12px}.ratios{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.ratios button{min-height:44px;padding:8px 0;font-size:12px}.pixel-fields{gap:12px;margin-top:16px}.pixel-field input{min-height:48px;font-size:16px}.pixel-field>div>span{font-size:12px}.custom-ratio{align-items:end;gap:8px}.custom-ratio label{font-size:11px}.custom-ratio input{min-height:48px;font-size:16px}.custom-ratio .button{min-height:48px;padding:8px 12px;font-size:13px}.utility-actions{gap:6px;padding-bottom:10px}.utility-actions button{flex:1;justify-content:center;gap:5px;min-height:44px;font-size:12px}.live-preview{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;display:grid}.live-preview>span{letter-spacing:.5px;font-size:11px}.mini-stage{min-height:85px;margin-top:0}.crop-button{min-height:52px;margin-top:18px;font-size:15px}.preserve-note{font-size:11px}.cancel-button{min-height:44px;font-size:14px}.result-card{padding:20px 16px}.result-heading{flex-direction:column;align-items:stretch;gap:16px}.result-heading h2{font-size:18px}.result-heading p{font-size:12px}.success-icon{flex-shrink:0}.comparison{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:12px}.comparison-image{height:180px;padding:8px}.comparison-arrow svg{width:20px}.result-note{align-items:start;font-size:12px}.result-note svg{flex-shrink:0;margin-top:2px}.consent{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.consent p{font-size:14px}.consent>div{flex-wrap:wrap}.error-banner{padding:10px;font-size:14px}}@media (max-width:480px){.comparison{grid-template-columns:minmax(0,1fr);gap:8px}.comparison-image{height:220px}.comparison-arrow{height:24px;transform:rotate(90deg)}}@media (max-width:360px){.brand{gap:4px;font-size:22px}.brand svg{width:25px}nav{gap:10px;font-size:11px}.header-inner{gap:8px}.hero-detail{gap:8px;font-size:9px}.benefits-grid{grid-template-columns:1fr}}@media (pointer:coarse){.crop-handle{width:44px;height:44px}.canvas-stage{padding:24px}.button,.cancel-button,.ratios button,.utility-actions button{min-height:44px}.error-banner button,.icon-button{min-width:44px;min-height:44px}.custom-ratio input,.pixel-field input{min-height:48px;font-size:16px}.footer-links a,nav a{align-items:center;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.spin{animation-duration:2s}}.palette-notice{color:#8d662c;background:#fff7e8;border-radius:7px;margin-top:20px;padding:12px 15px;font-size:12px}.tool-switcher{gap:8px;margin:0 0 16px;font-size:13px;display:flex}.tool-switcher a{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;display:flex}.tool-switcher a[aria-current=page]{background:var(--tint);color:var(--accent-strong);border-color:#8cc8bd}.tool-switcher svg{flex-shrink:0}.related-tool{justify-content:space-between;align-items:center;gap:20px;padding-bottom:54px;display:flex}.related-tool h2{letter-spacing:-.5px;font-size:21px;font-weight:600}.related-tool p{color:var(--muted);margin-top:5px;font-size:13px}.tools-grid{grid-template-columns:1fr 1fr;scroll-margin-top:25px;display:grid}.tool-directory-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;padding:30px;transition:border-color .2s,box-shadow .2s;display:flex}.tool-directory-card:hover{border-color:#8cc8bd;box-shadow:0 8px 30px #6b402008}.tool-directory-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tool-directory-icon{background:var(--tint);width:58px;height:58px;color:var(--accent-strong);border-radius:14px;place-items:center;display:grid}.tool-directory-icon.green{color:var(--success);background:#eaf7f4}.tool-free{letter-spacing:1.2px;color:#6d8066;font-size:10px;font-weight:600}.tool-directory-card h2{letter-spacing:-.8px;margin-bottom:10px;font-size:26px;font-weight:600}.tool-directory-card p{color:var(--muted);line-height:1.8}.tool-directory-tags{flex-wrap:wrap;gap:8px;margin:20px 0 26px;display:flex}.tool-directory-tags span{color:#76816b;background:#f1f5f8;border-radius:5px;padding:4px 8px;font-size:11px}.tool-directory-action{color:var(--accent-strong);border-top:1px solid var(--border);justify-content:space-between;margin-top:auto;font-size:14px;font-weight:600;display:flex}.home-promise{grid-template-columns:repeat(3,1fr);gap:30px;padding-top:62px;padding-bottom:70px;display:grid}.home-promise svg{color:var(--success);margin-bottom:13px}.home-promise h2{margin-bottom:7px;font-size:16px;font-weight:600}.home-promise p{color:var(--muted);line-height:1.8}.extract-source,.extraction-result{scroll-margin-top:20px}.extract-source-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding:28px;display:grid}.extract-original{border:1px solid var(--border);border-radius:9px;justify-content:center;align-items:center;min-height:260px;padding:20px;display:flex;overflow:hidden}.extract-original img{object-fit:contain;min-width:0;max-height:300px}.extract-start{align-self:center}.extract-start h3{letter-spacing:-.7px;margin:8px 0 10px;font-size:25px;font-weight:600}.extract-start p{color:var(--muted);font-size:14px;line-height:1.8}.extract-start ul{color:#68765e;gap:10px;margin:20px 0;padding:0;font-size:13px;list-style:none;display:grid}.extract-start li{align-items:center;gap:8px;display:flex}.extract-start .button{width:100%;min-height:48px}.extract-start progress{width:100%;height:6px;accent-color:var(--accent);margin-top:14px;display:block}.extract-start .cancel-button{min-height:44px;font-size:13px}.extract-start [role=status]{text-align:center;margin-top:6px;font-size:12px}.extract-archive-note{color:var(--muted);margin-top:13px;font-size:12px}.frame-inspector{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;margin-top:25px;display:grid}.frame-stage{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;height:340px;padding:20px;display:flex}.frame-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.frame-details{align-self:center;min-width:0}.frame-details h3{letter-spacing:-.6px;margin:6px 0 16px;font-size:24px;font-weight:600}.frame-details dl{margin:0 0 20px;font-size:13px}.frame-details dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:8px 0;display:flex}.frame-details dt{color:var(--muted)}.frame-details dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.frame-details .button{width:100%;min-height:46px}.extract-detail-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.frame-navigation{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.frame-navigation .button{min-width:44px;min-height:44px;padding:10px}.frame-number{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.frame-number input{border:1px solid var(--border);width:70px;min-height:44px;color:var(--text);text-align:center;background:#fff;border-radius:6px;padding:8px;font-size:16px}.frame-slider{padding:5px 0 14px;display:block}.frame-slider input{width:100%;min-height:44px;accent-color:var(--accent);cursor:pointer}.frame-gallery-heading{justify-content:space-between;align-items:center;gap:12px;margin:12px 0 15px;display:flex}.frame-gallery-heading h3{font-size:16px;font-weight:600}.frame-gallery-heading>span{color:var(--muted);font-size:12px}.frame-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.frame-tile{border:2px solid var(--border);text-align:left;border-radius:8px;min-width:0;padding:5px;transition:border-color .15s}.frame-tile.selected{border-color:var(--accent);background:var(--tint)}.frame-thumb{border-radius:4px;justify-content:center;align-items:center;height:95px;padding:4px;display:flex}.frame-thumb img{object-fit:contain;max-width:100%;max-height:100%}.frame-tile-label{color:var(--muted);justify-content:space-between;align-items:center;gap:3px;margin:7px 3px 3px;font-size:10px;display:flex}.frame-tile-label strong{color:var(--text);font-size:11px;font-weight:600}.frame-pagination{justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.frame-pagination>span{color:var(--muted);font-size:13px}.extract-answer{padding-top:58px;padding-bottom:20px}.extract-answer h2{letter-spacing:-.8px;margin:8px 0 12px;font-size:29px;font-weight:600}.extract-answer>p{color:var(--muted);max-width:850px;font-size:15px;line-height:1.85}.extract-facts{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:20px 0;display:grid}.extract-facts dt{letter-spacing:.6px;text-transform:uppercase;color:var(--success);margin-bottom:5px;font-size:11px;font-weight:600}.extract-facts dd{margin:0;font-size:13px}.extractor-how{padding-top:40px;padding-bottom:45px}.extract-notes{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:10px;display:grid}.extract-notes h2{letter-spacing:-.4px;margin-bottom:10px;font-size:20px;font-weight:600}.extract-notes p{color:var(--muted);font-size:14px;line-height:1.8}@media (max-width:900px){.frame-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.frame-inspector{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.extract-source-grid{gap:22px;padding:22px}.extract-facts{grid-template-columns:1fr 1fr}.tool-directory-card{padding:24px}.footer-links{flex-wrap:wrap;justify-content:flex-end;max-width:480px}}@media (max-width:680px){.tool-switcher{gap:6px;font-size:12px}.tool-switcher a{flex:1;gap:6px;min-width:0;padding:10px 6px}.tool-switcher svg{width:15px}.related-tool{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:40px}.related-tool h2{font-size:20px}.related-tool p{font-size:14px}.tools-grid{grid-template-columns:minmax(0,1fr);gap:16px}.tool-directory-card{padding:24px}.tool-directory-card h2{font-size:24px}.home-promise{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:40px;padding-bottom:44px}.home-promise p{font-size:14px}.home-promise h2{font-size:17px}.footer-links{justify-content:flex-start}.extract-tool .dropzone h3{text-align:center;font-size:17px}.extract-tool .example-copy h3{font-size:14px}.extract-source-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding:16px}.extract-original{min-height:180px;max-height:280px;padding:16px}.extract-original img{max-height:245px}.extract-start h3{font-size:23px}.extract-start .button{min-height:52px;font-size:15px}.extraction-result{padding:20px 16px}.frame-inspector{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}.frame-stage{height:260px;padding:16px}.frame-details h3{margin-bottom:12px;font-size:23px}.frame-details dl{margin-bottom:16px;font-size:14px}.frame-details dl>div{padding:7px 0}.frame-details .button{min-height:48px}.frame-navigation{gap:10px;margin-top:22px}.frame-number{gap:7px;font-size:13px}.frame-number input{width:62px}.frame-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.frame-thumb{height:80px}.frame-tile{padding:4px}.frame-tile-label{margin:7px 0 3px;font-size:10px}.frame-tile-label strong{font-size:11px}.frame-pagination{justify-content:space-between;gap:10px}.frame-pagination .button{min-height:44px;padding:9px 10px;font-size:12px}.frame-gallery-heading>span{font-size:11px}.extract-answer{padding-top:42px;padding-bottom:12px}.extract-answer h2{font-size:25px;line-height:1.3}.extract-answer>p{font-size:14px}.extract-facts{gap:18px 16px;margin-top:20px}.extract-facts dd{font-size:13px}.extractor-how{padding-top:32px;padding-bottom:36px}.extract-notes{grid-template-columns:minmax(0,1fr);gap:24px}.extract-notes h2{font-size:21px}.extract-notes p{font-size:14px}}@media (max-width:360px){.frame-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-gallery-heading{flex-direction:column;align-items:start;gap:4px}.extract-facts{grid-template-columns:minmax(0,1fr)}.extract-tool .example-copy h3{font-size:13px}.tool-switcher{font-size:11px}}.frame-inspector{scroll-margin-top:20px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--blue:#3566be;--blue-tint:#edf3ff;--radius:14px}html{scroll-padding-top:90px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.site-header{height:76px;position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(14px)}.header-inner{gap:32px;position:relative}.brand{gap:10px;font-size:23px;letter-spacing:-.9px;white-space:nowrap}.brand svg{flex-shrink:0;width:36px;height:36px}.brand-name{font-weight:750}.brand-name>span:first-child,.brand-suffix{font-weight:450}.brand-suffix{font-size:13px;letter-spacing:-.2px;color:var(--muted);margin-left:2px}.desktop-navigation{gap:30px;font-size:14px}.desktop-navigation a{min-height:44px;display:inline-flex;align-items:center;position:relative}.desktop-navigation .nav-active{color:var(--accent-strong)}.desktop-navigation .nav-active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;background:var(--accent)}.header-cta{border-color:#b8d9d4;color:var(--accent-strong);background:#f3faf8;font-size:13px;min-height:42px}.header-cta:hover{background:var(--tint)}.mobile-menu{display:none}.button{border-radius:8px;min-height:44px;font-size:14px}.small{font-size:12px}.primary{box-shadow:0 2px 3px #163f3c0a}.hero{padding-top:44px;padding-bottom:30px}.hero h1{font-size:48px;letter-spacing:-2px;line-height:1.14;margin-top:18px}.hero-eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:650;border:0;background:transparent;padding:0}.hero-description{color:var(--muted);font-size:16px;margin-top:20px}.hero-detail{font-size:12px;margin-top:16px;color:var(--muted)}.accent-text svg{display:none}.hero-eyebrow .tiny-dot{background:var(--accent)}.editor-card,.extract-source,.extraction-result,.frame-inspector,.result-card,.tool-anchor,.tools-grid,.tools-section{scroll-margin-top:12px}.editor-card,.result-card,.upload-card{box-shadow:0 4px 20px #15334406}.tool-heading h2{font-size:15px}.step-number{width:28px;height:28px;font-size:12px}.local-tag,.trust-row,.upload-footnote,.upload-limit{color:var(--muted);font-size:12px}.dropzone{min-height:290px}.dropzone p{font-size:14px}.upload-symbol{transform:none;border-radius:16px}.example-card{border:1px solid #dfe9ee}.example-copy h3{font-size:15px}.example-card>.text-link{font-size:12px;min-height:32px}.example-copy .eyebrow{font-size:9px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.3px}.accent-label{color:var(--accent-strong)}.text-link{font-size:14px}.canvas-tip,.crop-controls legend,.file-stats,.pixel-field>span,.preserve-note,.utility-actions button,.workspace-label{color:var(--muted)}.file-stats{font-size:12px}.file-identity h2{font-size:14px}.canvas-tip,.crop-controls legend,.pixel-field>span,.workspace-label{font-size:12px}.ratios{flex-wrap:wrap;gap:6px}.ratios button{min-height:36px;padding:7px 10px;font-size:12px}.pixel-field input{font-size:14px;min-height:40px}.custom-ratio label{font-size:11px}.custom-ratio input{font-size:14px;min-height:40px}.utility-actions button{font-size:12px;min-height:36px}.live-preview>span{color:var(--muted);font-size:10px}.preserve-note,.result-heading p,.result-note{font-size:12px;color:var(--muted)}.crop-button{font-size:14px}.step-icon,.success-icon{color:var(--accent-strong);background:var(--tint)}.step-index{font-family:inherit;color:#b9cbd5;font-size:23px;font-weight:500}.faq-intro h2,.section-intro h2,.why-intro h2{font-size:30px;letter-spacing:-1px}.benefit p,.faq-intro p,.faq-list details p,.section-intro>p,.step-card p,.why-intro p{font-size:14px}.benefit h3,.step-card h3{font-size:15px}.benefit>svg,.hero-detail svg,.trust-row svg{color:var(--accent)}.faq-list summary{font-size:14px;min-height:58px}.home-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;padding-top:64px;padding-bottom:50px}.home-hero h1{font-size:clamp(40px,4.7vw,57px);line-height:1.12;letter-spacing:-2.6px;font-weight:700;margin-top:22px}.home-hero h1>span{color:var(--accent)}.home-hero-copy{padding-bottom:4px}.home-hero-copy>p{font-size:17px;line-height:1.8;max-width:375px;color:var(--muted)}.home-assurance{display:flex;gap:8px;align-items:center;color:var(--accent-strong);font-size:12px;margin-top:23px}.home-assurance svg{flex-shrink:0}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.directory-heading h2{font-size:16px;font-weight:600}.directory-heading>span{font-size:12px;color:var(--muted)}.tools-grid{gap:24px}.tool-directory-card{padding:0;overflow:hidden;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-directory-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1933430b;border-color:#a2c8c6}.directory-preview{height:198px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.crop-preview{background-color:#eaf3f4;background-image:linear-gradient(#d9e9ea80 1px,transparent 0),linear-gradient(90deg,#d9e9ea80 1px,transparent 0);background-size:24px 24px}.preview-label{position:absolute;top:17px;left:22px;font-size:8px;letter-spacing:1.5px;color:#57757e;font-weight:650}.preview-format{position:absolute;right:18px;bottom:13px;font-size:9px;letter-spacing:1px;color:#496875}.preview-canvas{position:relative;width:220px;height:146px;margin-top:14px;border:1px solid #c5d7de;border-radius:6px;box-shadow:0 7px 20px #15334412}.preview-canvas>img{width:100%;height:100%;object-fit:cover;border-radius:5px}.preview-selection{top:0;left:36px;width:146px;height:146px;background:linear-gradient(90deg,transparent 33%,#fff7 0,#fff7 33.5%,transparent 0,transparent 66%,#fff7 0,#fff7 66.5%,transparent 0)}.preview-selection,.preview-selection>i{position:absolute;border:1.5px solid var(--accent)}.preview-selection>i{width:6px;height:6px;background:white}.preview-selection>i:first-child{top:-4px;left:-4px}.preview-selection>i:nth-child(2){top:-4px;right:-4px}.preview-selection>i:nth-child(3){bottom:-4px;left:-4px}.preview-selection>i:nth-child(4){bottom:-4px;right:-4px}.preview-selection>span{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#193343d9;color:white;font-size:9px;padding:2px 6px;border-radius:3px}.frames-preview{background:#edf2fc}.preview-frames{display:flex;align-items:center;gap:10px;width:90%;margin-top:15px}.preview-frames>div{min-width:0;flex:1;padding:5px;border:1px solid #cedbef;background:white;border-radius:7px;box-shadow:0 6px 16px #263e620d}.preview-frames>div:first-child{transform:rotate(-6deg) translateY(8px)}.preview-frames>div:last-child{transform:rotate(6deg) translateY(8px)}.preview-frames img{border-radius:3px}.preview-frames span{display:block;font-size:8px;color:#586f8c;letter-spacing:.6px;padding:6px 3px 2px}.directory-body{padding:24px;display:flex;flex-direction:column;flex:1}.tool-directory-top{margin-bottom:16px}.tool-directory-icon{width:43px;height:43px;border-radius:10px}.tool-directory-icon.blue{color:var(--blue);background:var(--blue-tint)}.tool-free{font-size:9px;color:var(--muted);border:1px solid var(--border);padding:3px 7px;border-radius:5px;letter-spacing:1px}.tool-directory-card h3{font-size:25px;font-weight:600;letter-spacing:-.7px;margin-bottom:9px}.tool-directory-card p{font-size:14px;max-width:410px;line-height:1.75}.tool-directory-tags{margin:17px 0 22px}.tool-directory-tags span{color:#526a78}.tool-directory-action{padding-top:17px}.home-promise{padding-top:50px;padding-bottom:58px;gap:42px}.home-promise h2{font-size:15px}.home-promise p{font-size:13px}.site-footer{background:#edf3f7;padding-top:32px}.footer-main .brand{font-size:22px}.footer-main .brand svg{width:32px;height:32px}.footer-links,.footer-main p{font-size:12px}.footer-bottom,.footer-links,.footer-main p{color:var(--muted)}.footer-bottom{font-size:11px}.prose-page .lead,.prose-page .muted,.prose-page p{color:var(--muted)}.prose-page h1{font-size:44px}.prose-page code{overflow-wrap:anywhere}.extract-answer{border-color:var(--border)}@media (max-width:900px){.home-hero{gap:32px;padding-top:48px;padding-bottom:36px}.home-hero h1{font-size:44px;letter-spacing:-2px}.home-hero-copy>p{font-size:15px}.desktop-navigation{gap:20px}.brand-suffix{display:none}.preview-label{font-size:7px;letter-spacing:1px}}@media (max-width:760px){.site-header{height:66px}.brand{font-size:22px;gap:9px}.brand svg{width:32px;height:32px}.desktop-navigation,.header-cta{display:none}.mobile-menu{display:block}.mobile-menu>summary{width:44px;height:44px;display:grid;place-items:center;list-style:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:white}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu[open]>summary{background:var(--tint);border-color:#9cc9c1;color:var(--accent-strong)}.mobile-menu nav{position:absolute;top:58px;right:16px;display:flex;flex-direction:column;align-items:stretch;width:min(300px,calc(100vw - 32px));gap:2px;margin:0;background:white;padding:8px;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #1933431a;font-size:14px}.mobile-menu nav a{padding:10px 13px;min-height:44px;border-radius:7px;display:flex;align-items:center}.mobile-menu nav a:hover,.mobile-menu nav a[aria-current=page]{background:var(--tint);color:var(--accent-strong)}.home-hero{grid-template-columns:1fr;gap:22px;padding-top:36px;padding-bottom:34px}.home-hero h1{font-size:clamp(35px,7vw,48px);letter-spacing:-1.7px;margin-top:17px}.home-hero-copy>p{max-width:510px;font-size:15px}.home-assurance{margin-top:14px;font-size:12px}.hero h1{font-size:clamp(33px,6.5vw,44px);letter-spacing:-1.5px}.hero{padding-top:32px}.directory-heading>span{display:none}.tools-grid{grid-template-columns:1fr;gap:20px}.directory-preview{height:180px}.preview-frames{max-width:370px}.home-promise{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:40px}.home-promise>div{display:grid;grid-template-columns:26px 1fr;column-gap:14px}.home-promise svg{grid-row:span 2;margin-top:2px}.home-promise p{max-width:450px}}@media (max-width:680px){.hero-description{font-size:14px;line-height:1.75}.hero-detail{font-size:11px;gap:8px;flex-wrap:wrap}.hero-eyebrow{font-size:9px;letter-spacing:1px}.tool-switcher{gap:8px}.tool-switcher a{padding:10px 7px;font-size:12px}.tool-heading{padding:16px}.tool-heading h2{font-size:14px}.local-tag{font-size:11px}.dropzone{min-height:260px}.dropzone h3{font-size:17px;text-align:center}.dropzone p{font-size:13px;text-align:center}.example-card>.text-link{min-height:44px;font-size:13px}.example-copy .eyebrow{font-size:9px}.upload-footnote{font-size:11px}.button{min-height:48px}.small{min-height:44px;font-size:13px}.canvas-tip,.file-stats{font-size:11px}.ratios button,.utility-actions button{min-height:44px}.custom-ratio input,.pixel-field input{font-size:16px;min-height:48px}.custom-ratio label{font-size:12px}.faq-intro h2,.section-intro h2,.why-intro h2{font-size:27px}.directory-body{padding:21px}.tool-directory-card h3{font-size:24px}.directory-preview{height:170px}.preview-label{top:12px;left:16px}.preview-canvas{width:186px;height:124px}.preview-selection{height:124px;width:124px;left:30px}.preview-format{font-size:8px;bottom:9px}.preview-frames{max-width:330px;gap:7px}.preview-frames span{font-size:7px}.footer-bottom{font-size:11px}.footer-main{align-items:flex-start}.prose-page h1{font-size:36px;letter-spacing:-1.4px}.result-note{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.tool-directory-card:hover{transform:none}}@media (max-width:680px) and (max-height:700px){.hero{padding-top:18px;padding-bottom:18px}.hero h1{font-size:28px;line-height:1.14;margin-top:12px;letter-spacing:-1.2px}.hero-description{font-size:13px;line-height:1.6;margin-top:12px}.hero-detail{display:none}.tool-heading{padding:12px 14px}.dropzone .upload-symbol,.local-tag{display:none}.dropzone{min-height:178px;padding:18px 12px}.choose-button{margin-top:14px}.home-hero{padding-top:24px;padding-bottom:25px;gap:16px}.home-hero h1{font-size:32px;margin-top:12px}.home-hero-copy>p{font-size:14px;line-height:1.65}.directory-preview{height:120px}.preview-canvas{width:138px;height:92px;margin-top:10px}.preview-selection{width:92px;height:92px;left:22px}.preview-label{display:none}.preview-frames{max-width:250px;margin-top:0}.directory-body{padding:18px}.tool-directory-top{display:none}}.tool-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0}.tool-switcher a{padding:10px 8px;font-size:13px}.transform-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;padding:28px}.transform-original{min-height:300px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;padding:20px;min-width:0;overflow:hidden}.transform-original img{max-height:360px;max-width:100%;width:auto;object-fit:contain}.transform-settings{min-width:0}.transform-settings h3{font-size:23px;font-weight:600;letter-spacing:-.6px;margin-bottom:18px}.transform-dimensions label,.transform-select,.transform-settings legend{font-size:13px;color:var(--muted)}.transform-presets{display:flex;gap:8px;margin:8px 0 18px;flex-wrap:wrap}.transform-presets .button{flex:1;min-height:44px;padding:8px}.transform-select{display:block;margin-bottom:12px}.transform-select select{display:block;width:100%;border:1px solid var(--border);border-radius:8px;background:white;padding:10px;font:inherit;font-size:16px;color:var(--text);min-height:48px;margin-top:6px}select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.transform-help{font-size:13px;color:var(--muted);line-height:1.75;margin:10px 0}.transform-checkbox{display:flex;align-items:center;gap:9px;font-size:14px;min-height:44px;margin-bottom:6px;cursor:pointer}.transform-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.transform-dimensions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:16px 0}.transform-dimensions input{display:block;width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid var(--border);border-radius:8px;background:white;font-size:16px;color:var(--text);margin-top:6px}.transform-submit{width:100%;margin-top:12px;min-height:48px}.transform-settings progress{width:100%;height:8px;accent-color:var(--accent);margin-top:15px}.transform-validation{font-size:13px;color:#9c4021;background:#fff1eb;padding:10px;border-radius:7px}.transform-stats{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.transform-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px}.transform-comparison h3{font-size:14px;font-weight:600;margin-bottom:10px}.transform-comparison>div{min-width:0}.transform-comparison .checkerboard{height:280px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:14px}.transform-comparison img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.transform-result .notice{margin-top:18px;margin-bottom:0}.resize-preview{background:#edf5ff;gap:20px}.resize-preview img{width:190px;border:1px solid #b9cfeb;border-radius:8px;box-shadow:0 5px 15px #19334312}.resize-preview img:last-of-type{width:100px}.compress-preview{background:#eaf6f1;gap:20px}.compress-preview img{width:200px;border-radius:8px}.compress-preview>strong{padding:15px 20px;background:white;color:var(--accent-strong);border:1px solid #bedbd1;border-radius:12px;font-size:20px;font-weight:600}.footer-links{flex-wrap:wrap;justify-content:flex-end;max-width:600px}@media(max-width:760px){.tool-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transform-grid{grid-template-columns:minmax(0,1fr);padding:16px;gap:22px}.transform-original{min-height:180px;max-height:280px}.transform-original img{max-height:240px}.transform-settings h3{font-size:22px}.transform-comparison{gap:18px}.transform-comparison .checkerboard{height:220px}.footer-links{justify-content:flex-start}.resize-preview img{width:150px}.resize-preview img:last-of-type{width:80px}.compress-preview img{width:140px}.compress-preview>strong{font-size:17px;padding:12px}}@media(max-width:480px){.transform-comparison{grid-template-columns:minmax(0,1fr)}.transform-stats{font-size:12px}.transform-presets{gap:6px}.tool-switcher a{font-size:12px;gap:6px}.resize-preview{gap:14px}}@media(max-width:680px) and (max-height:700px){.transform-tool .dropzone{min-height:178px}.resize-preview img{width:115px}.resize-preview img:last-of-type{width:60px}.compress-preview img{width:105px}.compress-preview>strong{font-size:14px;padding:10px}.compress-preview,.resize-preview{gap:12px}.transform-page .hero-description{display:none}.transform-page .hero h1{font-size:26px;letter-spacing:-1.4px}}