@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_deef94d5-module__Sms4YG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_deef94d5-module__Sms4YG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_1bf8cbf6-module__FlyLvG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_1bf8cbf6-module__FlyLvG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.app-container{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.app-container{padding-inline:1.5rem}}.site-header{z-index:40;border-bottom:1px solid var(--border);background:var(--header-backdrop);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--header-page-width:min(72rem, 100% - 2rem);position:sticky;top:0}.site-header .app-container{max-width:var(--header-page-width)}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;padding-block:.625rem;display:flex}@media (min-width:768px){.site-header-inner{min-height:3.5rem;padding-block:0}}.site-header-brand{letter-spacing:-.03em;color:var(--foreground);flex-shrink:0;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;transition:opacity .15s;display:inline-flex}@media (min-width:768px){.site-header-brand{gap:.5625rem}}.site-header-brand:hover{opacity:.85}.site-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;height:auto;display:block}.brand-logo--header{width:1.5rem;height:1.5rem}@media (min-width:768px){.brand-logo--header{width:1.75rem;height:1.75rem}}.brand-logo--footer{width:1.25rem;height:1.25rem}.brand-logo--hero{width:2.75rem;height:2.75rem}@media (min-width:640px){.brand-logo--hero{width:3.25rem;height:3.25rem}}@media (min-width:1024px){.brand-logo--hero{width:3.5rem;height:3.5rem}}.theme-switcher{border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-switcher:hover{color:var(--foreground);background:var(--surface-elevated);border-color:var(--ring)}.theme-switcher-icon{width:1.125rem;height:1.125rem}.site-tool-nav{flex:1;justify-content:center;min-width:0;display:none}@media (min-width:768px){.site-tool-nav{display:block}.site-tool-nav--mobile{display:none}}.site-tool-nav--mobile{border-top:1px solid var(--border);background:var(--mobile-nav-backdrop)}.site-tool-nav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.site-tool-nav-scroll::-webkit-scrollbar{display:none}.site-tool-nav-list{flex-wrap:nowrap;gap:.25rem;margin:0;padding:.5rem 0;list-style:none;display:flex}@media (min-width:768px){.site-tool-nav-list{justify-content:center;padding:0}}.site-tool-nav-link{border-radius:var(--radius-btn);color:var(--muted);white-space:nowrap;flex-shrink:0;padding:.4375rem .75rem;font-size:.8125rem;font-weight:500;transition:color .15s,background-color .15s;display:block}@media (min-width:768px){.site-tool-nav-link{padding:.5rem .875rem;font-size:.875rem}}.site-tool-nav-link:hover{color:var(--foreground);background:var(--surface-elevated)}.site-tool-nav-link--active{color:var(--foreground);background:var(--surface-elevated);box-shadow:inset 0 0 0 1px var(--border-strong)}.lang-switcher{border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--surface);flex-shrink:0;align-items:center;padding:.1875rem;display:flex}.lang-switcher-btn{color:var(--muted);border-radius:.5rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:color .15s,background-color .15s}.lang-switcher-btn:hover{color:var(--foreground)}.lang-switcher-btn--active{background:var(--surface-elevated);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border-strong)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.btn{border-radius:var(--radius-btn);justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;line-height:1.375rem;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:var(--accent);color:var(--accent-foreground)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-lg{padding:.8125rem 1.5rem;font-size:1rem;font-weight:600}.btn-secondary{color:var(--muted);border:1px solid var(--border-strong);background:0 0}.btn-secondary:hover:not(:disabled){color:var(--foreground);border-color:var(--ring);background:var(--surface-elevated)}.upload-zone{cursor:pointer;border:2px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--upload-zone-fill);text-align:center;padding:2rem 1.5rem;transition:border-color .2s,background-color .2s,box-shadow .2s;display:block}.upload-zone-wrap{flex-direction:column;gap:.75rem;width:100%;display:flex}.upload-zone-icon{width:3rem;height:3rem;color:var(--muted);margin-inline:auto;margin-bottom:1rem}.upload-zone-heading{letter-spacing:-.02em;color:var(--foreground);font-size:1.25rem;font-weight:600;display:block}.upload-zone-formats{color:var(--muted-subtle);margin-top:.625rem;font-size:.875rem;display:block}.upload-zone:hover{border-color:var(--ring);background:var(--upload-zone-fill-hover);box-shadow:0 0 0 1px var(--border-strong)}.upload-zone--active{border-color:var(--foreground);background:var(--upload-zone-fill-active);box-shadow:0 0 0 3px var(--upload-zone-active-ring)}.upload-zone--large{flex-direction:column;justify-content:center;align-items:center;min-height:min(22rem,50vh);padding:3rem 1.75rem;display:flex}.field-input{border:1px solid var(--border-strong);border-radius:var(--radius-btn);width:100%;color:var(--foreground);background:var(--background);outline:none;padding:.6875rem .875rem;font-size:1rem;line-height:1.375rem;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--input-focus-ring)}.checkerboard-bg{background-color:var(--checker-2);background-image:repeating-conic-gradient(var(--checker-1) 0% 25%, var(--checker-2) 0% 50%);background-size:12px 12px}.checkerboard-bg--sm{background-size:8px 8px}.home-page{flex-direction:column;gap:2rem;padding-block:.5rem;display:flex}.home-hero{text-align:center;flex-direction:column;gap:.75rem;max-width:36rem;margin-inline:auto;display:flex}.home-headline{letter-spacing:-.035em;color:var(--foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:2rem;font-weight:600;display:inline-flex}@media (min-width:640px){.home-headline{font-size:2.25rem}}.home-description{color:var(--muted);font-size:1.0625rem;line-height:1.6}.home-section-title{text-align:center;letter-spacing:-.02em;color:var(--foreground);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.home-tool-grid{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.home-tool-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.tool-page{flex-direction:column;gap:1.25rem;width:100%;display:flex}.tool-page-head{text-align:center}.tool-page-title{letter-spacing:-.03em;color:var(--foreground);font-size:1.625rem;font-weight:600}.tool-page-intro{max-width:42rem;color:var(--muted);margin-top:.75rem;margin-inline:auto;font-size:.9375rem;line-height:1.6}.tool-page-intro-section{text-align:center;margin-bottom:1.25rem}.tool-page-seo{border-top:1px solid var(--border);flex-direction:column;gap:2rem;margin-top:2rem;padding-top:1.5rem;display:flex}.tool-seo-heading{letter-spacing:-.02em;color:var(--foreground);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.tool-faq-list{flex-direction:column;gap:1.25rem;display:flex}.tool-faq-item{border-bottom:1px solid var(--border);padding-bottom:1.25rem}.tool-faq-item:last-child{border-bottom:none;padding-bottom:0}.tool-faq-question{color:var(--foreground);font-size:1rem;font-weight:600;line-height:1.4}.tool-faq-answer{color:var(--muted);margin-top:.5rem;font-size:.9375rem;line-height:1.6}.tool-popular-list{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:flex}.tool-popular-link{color:var(--muted);text-underline-offset:.15em;font-size:.9375rem;font-weight:500;text-decoration:underline;transition:color .15s}.tool-popular-link:hover{color:var(--foreground)}.tool-popular-current{color:var(--foreground);font-size:.9375rem;font-weight:600}.tool-page-related,.home-related,.static-page-related{margin-top:1.5rem}.tool-related-nav-label{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:.625rem;font-size:.8125rem;font-weight:600}.tool-related-nav-list{flex-wrap:wrap;gap:.5rem .75rem;margin:0;padding:0;list-style:none;display:flex}.tool-related-nav-link{color:var(--muted);text-underline-offset:.15em;font-size:.875rem;text-decoration:underline;transition:color .15s}.tool-related-nav-link:hover{color:var(--foreground)}.tool-related-nav-current{color:var(--foreground);font-size:.875rem;font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:640px){.tool-page-title{font-size:1.875rem}}.tool-upload-view{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.tool-panel{padding:1.25rem}@media (min-width:640px){.tool-panel{padding:1.5rem}}.tool-editor{flex-direction:column;gap:1.25rem;width:100%;display:flex}.tool-editor-split{gap:1.25rem;display:grid}@media (min-width:768px){.tool-editor-split{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}}@media (min-width:1024px){.tool-editor-split{grid-template-columns:minmax(0,1fr) 17rem;gap:1.5rem}}.tool-editor--crop .tool-editor-split{align-items:stretch}@media (min-width:768px){.tool-editor--crop .tool-editor-split{grid-template-columns:minmax(0,1fr) min(20rem,34%);gap:1.5rem}}@media (min-width:1024px){.tool-editor--crop .tool-editor-split{grid-template-columns:minmax(0,1fr) 22rem;gap:1.75rem}}.tool-editor--crop .tool-editor-workspace{justify-content:stretch}.tool-editor--crop .tool-editor-sidebar{gap:0}.tool-editor-workspace{justify-content:center;min-width:0;display:flex}.tool-editor-sidebar{flex-direction:column;gap:1rem;display:flex}.tool-editor-actions{border-top:1px solid var(--border);padding-top:1.25rem}.editor-actions{flex-flow:column wrap;gap:.75rem;display:flex}@media (min-width:640px){.editor-actions{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem}.editor-actions-primary{flex:1;max-width:28rem}.tool-editor-btn-primary{width:100%}}.editor-actions-primary{flex-direction:column;gap:.5rem;display:flex}.editor-actions-hint{color:var(--muted-subtle);font-size:.875rem;line-height:1.4}.editor-actions-success{color:var(--success);font-size:.875rem;line-height:1.4}.tool-field-label{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:.8125rem;font-weight:600;display:block}.tool-field-hint{color:var(--muted-subtle);margin-top:.375rem;font-size:.8125rem;line-height:1.4}.tool-stat{color:var(--muted);font-size:.875rem;line-height:1.45}.tool-stat-value{color:var(--foreground);font-size:1rem;font-weight:600}.tool-size-table{font-size:.875rem}.tool-size-table dl{flex-direction:column;gap:.5rem;display:flex}.tool-size-table .row{justify-content:space-between;gap:.5rem;display:flex}.tool-size-table dt{color:var(--muted)}.tool-size-table dd{color:var(--foreground);font-weight:500}.tool-preview-frame{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--preview-canvas-bg);width:100%;min-height:var(--workspace-min);height:var(--workspace-max);max-height:var(--workspace-max);justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}.tool-preview-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.tool-crop-viewport{width:100%;min-height:var(--crop-min);height:var(--crop-max);max-height:var(--crop-max);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--preview-canvas-bg);overflow:auto}.tool-editor--crop .tool-crop-viewport{min-height:min(28rem,52vh);height:min(var(--crop-max), calc(100vh - 15rem));justify-content:center;align-items:center;padding:1rem;display:flex}.tool-crop-viewport-inner{justify-content:center;align-items:center;margin:auto;display:inline-flex}.tool-crop-react{max-width:none;display:inline-block}.crop-settings-panel{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.crop-settings-section{border-bottom:1px solid var(--border)}.crop-settings-section:last-child{border-bottom:none}.crop-settings-section-title{color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}.crop-settings-section-title::-webkit-details-marker{display:none}.crop-settings-section-title:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex-shrink:0;width:.5rem;height:.5rem;transition:transform .15s;transform:rotate(45deg)}.crop-settings-section[open] .crop-settings-section-title:after{transform:rotate(-135deg)translateY(-2px)}.crop-settings-section-body{padding:0 1rem 1rem}.crop-dimension-fields{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.crop-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:1024px){.crop-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.crop-preset-btn,.crop-shape-btn{border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--muted);background:var(--surface-elevated);padding:.5625rem .5rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s,background-color .15s}.crop-preset-btn:hover,.crop-shape-btn:hover{border-color:var(--border-strong);color:var(--foreground)}.crop-preset-btn--active,.crop-shape-btn--active{border-color:var(--foreground);color:var(--foreground);background:var(--surface);box-shadow:inset 0 0 0 1px var(--foreground)}.crop-shape-toggle{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.crop-preview-canvas-wrap{border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--preview-canvas-bg);justify-content:center;align-items:center;min-height:8rem;padding:.75rem;display:flex}.crop-preview-canvas-wrap canvas{max-width:100%;max-height:min(12rem,28vh);display:block}.crop-preview-canvas--circle{border-radius:50%}.crop-zoom-slider{width:100%;accent-color:var(--foreground)}.editor-actions-hint--lead{width:100%;margin-bottom:.25rem}.tool-preview-canvas-wrap{border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--preview-canvas-bg);text-align:center;padding:.5rem}.tool-preview-canvas-wrap canvas{vertical-align:middle;max-width:100%;max-height:min(9rem,22vh);display:inline-block}.tool-check-label{cursor:pointer;color:var(--foreground);align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.tool-check-input{width:1rem;height:1rem;accent-color:var(--foreground);border-radius:.25rem;flex-shrink:0}.format-options{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.format-option{border-radius:var(--radius-btn);cursor:pointer;padding:.5625rem 1rem;font-size:.875rem;font-weight:500}.format-option--active{background:var(--accent);color:var(--accent-foreground)}.format-option--idle{border:1px solid var(--border-strong);background:var(--background);color:var(--foreground)}.format-option--idle:hover{border-color:var(--ring);background:var(--surface-elevated)}.format-option--disabled{cursor:not-allowed;opacity:.45}.tool-inline-warning{color:var(--warning);font-size:.875rem;line-height:1.4}.inline-error{color:var(--danger);font-size:.9375rem}.field-textarea{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-btn);width:100%;min-height:9rem;color:var(--foreground);background:var(--background);outline:none;padding:.6875rem .875rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.field-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--input-focus-ring)}.field-input--error,.field-textarea.field-input--error{border-color:var(--danger)}.field-error{color:var(--danger);margin-top:.375rem;font-size:.8125rem;line-height:1.35}.static-layout--wide{--page-width:min(52rem, 100% - 2rem)}@media (min-width:1024px){.static-layout--wide{--page-width:min(56rem, 100% - 3rem)}}.static-page{flex-direction:column;gap:1.5rem;display:flex}.static-page-head{flex-direction:column;gap:.5rem;display:flex}.static-page-title{letter-spacing:-.03em;color:var(--foreground);font-size:1.75rem;font-weight:600}.static-page-description{color:var(--muted);max-width:42rem;font-size:1.0625rem;line-height:1.55}.contact-layout{gap:1rem;display:grid}@media (min-width:768px){.contact-layout{grid-template-columns:1fr min(16rem,32%);align-items:start;gap:1.25rem}}.contact-form-panel,.contact-support-panel{padding:1.25rem}@media (min-width:640px){.contact-form-panel,.contact-support-panel{padding:1.5rem}}.contact-section-title{color:var(--foreground);font-size:1.125rem;font-weight:600}.contact-form-lead,.contact-support-text{color:var(--muted);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.contact-support-text+.contact-support-text{margin-top:.75rem}.contact-form{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.contact-field{flex-direction:column;display:flex}.contact-form-error{color:var(--danger);font-size:.875rem;line-height:1.4}.contact-submit{align-self:flex-start;min-width:10rem}.contact-success{border-radius:var(--radius-btn);background:var(--success-muted);border:1px solid var(--success-border);margin-top:1.25rem;padding:1rem 1.125rem}.contact-success-title{color:var(--success-foreground);font-size:1rem;font-weight:600}.contact-success-text{color:var(--success-text);margin-top:.375rem;font-size:.9375rem;line-height:1.5}.legal-content{padding:1.25rem 1.5rem}@media (min-width:640px){.legal-content{padding:1.5rem 1.75rem}}.legal-updated{color:var(--muted-subtle);margin-bottom:1.25rem;font-size:.8125rem}.legal-section+.legal-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.legal-section-title{color:var(--foreground);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.legal-paragraph{color:var(--muted);font-size:.9375rem;line-height:1.65}.legal-paragraph+.legal-paragraph{margin-top:.625rem}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:auto}.site-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:.875rem;padding-block:1rem 1.25rem;display:flex}@media (min-width:768px){.site-footer-inner{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}}.site-footer-brand{color:var(--foreground);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}@media (min-width:768px){.site-footer-brand{white-space:nowrap;flex-shrink:0}}.site-footer-copy{color:var(--muted-subtle);margin-left:.25rem;font-weight:400}.site-footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem 0;display:flex}@media (min-width:768px){.site-footer-nav{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}}.site-footer-sep{color:var(--border-strong);-webkit-user-select:none;user-select:none;margin-inline:.75rem;font-size:.75rem;font-weight:400}.site-footer-link{color:var(--muted);font-size:.8125rem;transition:color .15s}.site-footer-link:hover{color:var(--foreground)}.tool-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);align-items:center;gap:1rem;padding:1.25rem 1.375rem;transition:border-color .15s,background-color .15s;display:flex}.tool-card:hover{border-color:var(--border-strong);background:var(--surface-elevated)}.tool-card-icon{border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--background);width:2.75rem;height:2.75rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-card-icon{color:var(--foreground)}.tool-card-title{color:var(--foreground);font-size:1rem;font-weight:600;display:block}.tool-card-description{color:var(--muted);margin-top:.25rem;font-size:.875rem;line-height:1.45;display:block}.tool-card-chevron{width:1rem;height:1rem;color:var(--muted-subtle);flex-shrink:0;transition:transform .15s,color .15s}.tool-card:hover .tool-card-chevron{color:var(--foreground);transform:translate(2px)}}@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;position:absolute;overflow:hidden}.absolute{position:absolute}.static{position:static}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.hidden{display:none}.h-6{height:calc(var(--spacing) * 6)}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.font-sans{font-family:var(--font-geist-sans)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--foreground\)\]{accent-color:var(--foreground)}@media (min-width:40rem){.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}}}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafafa;--surface:#fff;--surface-elevated:#f4f4f5;--foreground:#09090b;--muted:#52525b;--muted-subtle:#71717a;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#18181b;--accent-hover:#27272a;--accent-foreground:#fafafa;--ring:#a1a1aa;--success:#059669;--success-muted:#d1fae5;--success-foreground:#047857;--success-border:#05966947;--success-text:#065f46;--danger:#dc2626;--warning:#b45309;--header-backdrop:#fafafae0;--mobile-nav-backdrop:#f4f4f5eb;--upload-zone-fill:#f4f4f5d9;--upload-zone-fill-hover:#e4e4e7f2;--upload-zone-fill-active:#d4d4d8f2;--upload-zone-active-ring:#18181b14;--preview-canvas-bg:#fafafae6;--input-focus-ring:#a1a1aa73;--checker-1:#e4e4e7;--checker-2:#fafafa;--crop-handle-bg:#fff;--crop-handle-border:#00000059;--crop-selection-border:#18181b;--crop-selection-shadow:#0000001f;--crop-drag-bar:#18181bbf;--radius-card:1rem;--radius-btn:.75rem;--page-width:min(42rem, 100% - 2rem);--workspace-min:min(20rem, 42vh);--workspace-max:min(32rem, 56vh);--crop-min:min(22rem, 44vh);--crop-max:min(36rem, 62vh)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#09090b;--surface:#18181b;--surface-elevated:#27272a;--foreground:#fafafa;--muted:#a1a1aa;--muted-subtle:#71717a;--border:#27272a;--border-strong:#3f3f46;--accent:#fafafa;--accent-hover:#e4e4e7;--accent-foreground:#18181b;--ring:#52525b;--success:#34d399;--success-muted:#064e3b;--success-foreground:#34d399;--success-border:#34d39940;--success-text:#a7f3d0;--danger:#f87171;--warning:#fbbf24;--header-backdrop:#09090be0;--mobile-nav-backdrop:#18181bb8;--upload-zone-fill:#27272a59;--upload-zone-fill-hover:#27272a8c;--upload-zone-fill-active:#3f3f4666;--upload-zone-active-ring:#fafafa0f;--preview-canvas-bg:#09090b99;--input-focus-ring:#52525b73;--checker-1:#3f3f46;--checker-2:#27272a;--crop-handle-bg:#fff;--crop-handle-border:#0006;--crop-selection-border:#fff;--crop-selection-shadow:#00000059;--crop-drag-bar:#ffffffd9}.tool-layout{--page-width:min(56rem, 100% - 2rem);--workspace-min:min(22rem, 46vh);--workspace-max:min(36rem, 60vh);--crop-min:min(24rem, 48vh);--crop-max:min(40rem, 65vh)}@media (min-width:1024px){.tool-layout{--page-width:min(60rem, 100% - 3rem);--workspace-max:min(40rem, 62vh);--crop-max:min(44rem, 68vh)}}.tool-layout--crop{--page-width:min(72rem, 100% - 2rem);--crop-min:min(20rem, 38vh);--crop-max:min(52rem, calc(100vh - 16rem))}@media (min-width:768px){.tool-layout--crop{--page-width:min(76rem, 100% - 2.5rem);--crop-max:min(56rem, calc(100vh - 14rem))}}@media (min-width:1024px){.tool-layout--crop{--page-width:min(80rem, 100% - 3rem);--crop-max:min(60rem, calc(100vh - 13rem))}}html{background:var(--background)}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), system-ui, sans-serif;font-feature-settings:"kern" 1, "liga" 1;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5;transition:background-color .2s,color .2s}@media (prefers-reduced-motion:no-preference){.site-header,.site-footer,.panel,.btn,.upload-zone,.field-input,.field-textarea,.tool-card,.lang-switcher,.theme-switcher,.site-tool-nav-link,.format-option{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}}.ReactCrop{max-width:none;display:inline-block}.ReactCrop__child-wrapper{max-width:none!important;max-height:none!important}.ReactCrop img{max-width:none!important}.ReactCrop__crop-selection{border:2px solid var(--crop-selection-border);box-shadow:0 0 0 1px var(--crop-selection-shadow)}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop__drag-handle{background:var(--crop-handle-bg);border:1px solid var(--crop-handle-border);border-radius:2px;width:12px;height:12px}.ReactCrop__drag-bar{background:var(--crop-drag-bar)}