/*! 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:"Inter", "Segoe UI", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-violet-600:oklch(54.1% .281 293.009);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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,-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]){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;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:where(:not(iframe)){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;@layer utilities{.static{position:static}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-20{height:calc(var(--spacing) * 20)}.h-\[15px\]{height:15px}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.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}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[clamp\(6px\,2vw\,10px\)\]{gap:clamp(6px,2vw,10px)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[\.14em\]{padding-inline:.14em}.py-\[\.06em\]{padding-block:.06em}.pt-9{padding-top:calc(var(--spacing) * 9)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[clamp\(18px\,5\.5vw\,24px\)\]{font-size:clamp(18px,5.5vw,24px)}.text-\[clamp\(24px\,7\.5vw\,32px\)\]{font-size:clamp(24px,7.5vw,32px)}.text-\[clamp\(48px\,15vw\,65px\)\]{font-size:clamp(48px,15vw,65px)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[48px\]{font-size:48px}.sm\:text-\[101px\]{font-size:101px}.sm\:leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}body{color:#1e293b;font-family:var(--font-sans);background:#f8f9fc;margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline-offset:4px;outline:2px solid #8b5cf6}.logo{border-radius:9px;flex-shrink:0;width:32px;height:32px;display:block}.workspace{background:#fff;border:1px solid #e2e5ed;border-radius:18px;grid-template-columns:1.45fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 30px #26345b05}.panel{padding:28px}.settings-panel{border-left:1px solid #e9ebf2}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.step{color:#9186ac;border:1px solid #e9e7f1;border-radius:6px;padding:3px 6px;font-size:10px}.drop-zone{text-align:center;background:radial-gradient(#f5f1ff,#fbfaff);border:1.5px dashed #d9d2ed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:358px;margin-top:27px;padding:25px;transition:all .2s;display:flex}.drop-zone.dragging{background:#ede9fe;border-color:#7c3aed}.upload-icon{color:#8b5cf6;background:#fff;border:1px solid #ebe5fa;border-radius:19px;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 5px 15px #7c3aed08}.primary{color:#fff;background:#7c4ee5;border-radius:8px;padding:12px 21px;font-size:13px;font-weight:600;transition:all .2s}.primary:hover:not(:disabled){background:#6937d5}label{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.note{color:#94a3b8;font-size:10px;font-weight:400}select{color:#475569;background:#fff;border:1px solid #e2e5ed;border-radius:7px;width:100%;margin-top:12px;padding:11px 12px;font-size:12px}.hint{color:#94a3b8;margin-top:8px;font-size:11px}.control{margin-top:28px}.value{color:#7c4ee5;background:#faf8ff;border:1px solid #e9e3f6;border-radius:6px;padding:4px 8px;font-size:12px}input[type=range]{appearance:none;cursor:pointer;border-radius:5px;width:100%;height:5px;margin-top:20px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:4px solid #8b5cf6;border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-thumb{background:#fff;border:4px solid #8b5cf6;border-radius:50%;width:9px;height:9px}.range-ends{color:#94a3b8;justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.progress-track{background:#eeedf4;border-radius:8px;height:5px;overflow:hidden}#progress-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc,#fb7185);width:0;height:100%;transition:width .2s}.working{animation:1s ease-in-out infinite flash;color:#7c3aed!important}@keyframes flash{50%{opacity:.35}}.benefits{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;display:grid}.benefits>div{align-items:center;gap:12px;display:flex}.benefit-icon{color:#8a7ba8;background:#eeebf6;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.benefits h3{font-size:12px;font-weight:600}.benefits p{color:#94a3b8;margin-top:5px;font-size:10px}.file-row{border:1px solid #edf0f5;border-radius:9px;align-items:center;gap:12px;padding:10px;display:flex}.file-row img{object-fit:cover;border-radius:6px;width:44px;height:44px}.file-info{flex:1;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.file-meta{color:#94a3b8;margin-top:3px;font-size:10px}.remove-button{color:#94a3b8;padding:8px}.result-card{border:1px solid #ede9f6;border-radius:10px;padding:12px}.result-card img{object-fit:contain;background:#f6f5fa;border-radius:6px;width:100%;height:130px;margin-bottom:10px}.download-link{color:#7c3aed;margin-top:10px;font-size:12px;font-weight:600;display:block}@media (width<=760px){.workspace{grid-template-columns:1fr}.settings-panel{border-top:1px solid #e9ebf2;border-left:0}.panel{padding:22px}.benefits{grid-template-columns:1fr}.drop-zone{min-height:310px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.section-heading h2.preferences-heading{font-size:12px}.preferences-gear{-webkit-text-stroke:.4px currentColor;font-size:20px;font-weight:700}.settings-panel label,.settings-panel select,.settings-panel .value,.settings-panel .text-xs{font-size:15px}.settings-panel .note,.settings-panel .range-ends{font-size:13px}.settings-panel .hint{font-size:14px}.settings-panel .primary{font-size:16px}.settings-panel input[type=range],.settings-panel .progress-track{height:8px}.settings-panel input[type=range]::-webkit-slider-thumb{width:19px;height:19px}.settings-panel input[type=range]::-moz-range-thumb{width:12px;height:12px}.panel:not(.settings-panel) .text-xs{font-size:14px}.panel:not(.settings-panel) .text-sm{font-size:16px}.panel:not(.settings-panel) .text-lg{font-size:20px}.panel:not(.settings-panel) .primary{font-size:15px}.panel .upload-icon{width:68px;height:68px}.panel .upload-icon svg{width:32px;height:32px}.panel .file-row img{width:46px;height:46px}.panel .file-name{font-size:14px}.panel .file-meta{font-size:12px}.panel .remove-button{font-size:18px}.section-heading h2{color:#000;width:fit-content;font-weight:400}.section-heading h2.preferences-heading{text-transform:none;font-weight:700}body{background-image:url(/background-illustration.svg);background-position:top;background-repeat:repeat-y;background-size:1600px 1200px}@media (width<=760px){body{background-size:900px 900px}}body{background-color:#f7f6f2;background-image:url(/paper-texture.svg),url(/background-illustration.svg);background-position:0 0,top;background-repeat:repeat,repeat-y;background-size:240px 240px,1600px 1200px}@media (width<=760px){body{background-size:240px 240px,900px 900px}}html{color-scheme:light}.theme-toggle{color:#fff;background:#7c3aed;border:1px solid #7c3aed;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.theme-toggle:hover{background:#6d28d9;border-color:#6d28d9}.sun-icon{display:none}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] .moon-icon{display:none}html[data-theme=dark] .sun-icon{display:block}html[data-theme=dark] body{color:#f1eef7;background-color:#1e1c23}html[data-theme=dark] .workspace,html[data-theme=dark] .bg-white{background:#292630;border-color:#45404f}html[data-theme=dark] .settings-panel{border-color:#45404f}html[data-theme=dark] .section-heading h2,html[data-theme=dark] .text-black{color:#f1eef7}html[data-theme=dark] .text-slate-500{color:#b9b2c6}html[data-theme=dark] .text-slate-400,html[data-theme=dark] .hint,html[data-theme=dark] .note,html[data-theme=dark] .range-ends,html[data-theme=dark] .file-meta,html[data-theme=dark] .benefits p,html[data-theme=dark] .remove-button{color:#aaa1ba}html[data-theme=dark] .text-violet-600,html[data-theme=dark] .download-link{color:#b99aff}html[data-theme=dark] .drop-zone{background:radial-gradient(#342943,#2c2734);border-color:#66527f}html[data-theme=dark] .drop-zone.dragging{background:#46335e;border-color:#b99aff}html[data-theme=dark] .upload-icon,html[data-theme=dark] select{color:#e0d7ee;background:#302b38;border-color:#50465f}html[data-theme=dark] .value{color:#c9afff;background:#362b45;border-color:#5a4673}html[data-theme=dark] .progress-track{background:#453c51}html[data-theme=dark] .benefit-icon{color:#b99aff;background:#342d40}html[data-theme=dark] .file-row,html[data-theme=dark] .result-card{border-color:#45404f}html[data-theme=dark] .result-card img{background:#211d29}html[data-theme=dark] .theme-toggle{color:#7c3aed;background:#fff;border-color:#fff}html[data-theme=dark] .theme-toggle:hover{background:#ede9fe;border-color:#ede9fe}.size-modal{color:#1e293b;background:#fff;border:1px solid #e2e5ed;border-radius:16px;width:min(440px,100% - 32px);margin:auto;padding:24px;box-shadow:0 16px 60px #0003}.size-modal::backdrop{background:#15102080}html[data-theme=dark] .size-modal{color:#f1eef7;background:#292630;border-color:#45404f}#results-section{scroll-margin-top:24px}#see-results.hidden{display:none}.size-control-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.size-entry{align-items:center;gap:5px;display:inline-flex}.size-entry input{width:64px;color:inherit;font:inherit;text-align:right;background:0 0;border:0;padding:0}.size-entry input:invalid{border-radius:3px;outline:1px solid #e11d48}.size-entry>span{font-size:12px}.size-entry input{font-weight:600}.settings-panel #aspect-ratio,#aspect-ratio option{color:#7c3aed;font-size:15px;font-weight:700}html[data-theme=dark] #aspect-ratio,html[data-theme=dark] #aspect-ratio option{color:#b99aff}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
