:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{color:#202124;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d72c2c47}.app-shell{background:radial-gradient(circle at 50% 16%,#de372d09,#0000 28rem),#f7f8fa;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;min-height:74px;padding:10px clamp(18px,4vw,54px);display:flex}.brand{cursor:pointer;background:0 0;border:0;place-items:center;width:54px;height:54px;padding:0;display:grid}.brand img{object-fit:contain;width:52px;height:52px;display:block}.new-image-button,.plain-button{color:#cc2d2d;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:750}main{min-height:calc(100vh - 74px)}.upload-home{place-items:center;min-height:calc(100vh - 74px);padding:42px 24px 110px;transition:background .18s;display:grid}.upload-home.drag-active{background:#d62e2e0e}.upload-content{text-align:center;flex-direction:column;align-items:center;width:min(620px,100%);display:flex}.upload-content h1,.result-heading h1,.error-view h1{color:#25272b;letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.35rem,6vw,4.3rem);font-weight:820;line-height:1.04}.upload-button,.download-button{color:#fff;cursor:pointer;background:linear-gradient(115deg,#df3631,#bd2428);border:0;border-radius:999px;justify-content:center;align-items:center;gap:11px;min-height:58px;margin-top:34px;padding:15px 28px;font-size:1.04rem;font-weight:780;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 13px 30px #c1252a33}.upload-button:hover,.download-button:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 16px 34px #c1252a47}.upload-button:active,.download-button:active:not(:disabled){transform:translateY(0)scale(.985)}.upload-button svg,.download-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.upload-content p{color:#50545b;margin:20px 0 6px;font-size:1rem;font-weight:650}.upload-content small{color:#8b9098;font-size:.78rem}.processing-view,.error-view{place-items:center;min-height:calc(100vh - 74px);padding:34px 22px 76px;display:grid}.processing-preview{background:#fff;border:1px solid #e3e5e9;border-radius:28px;width:min(560px,100%);height:min(64vh,600px);min-height:380px;position:relative;overflow:hidden;box-shadow:0 25px 70px #23272f1a}.processing-preview>img{object-fit:contain;opacity:.38;width:100%;height:100%;padding:24px}.processing-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff9e;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.processing-overlay strong{color:#2d3035;margin-top:18px;font-size:1.08rem}.spinner{border:3px solid #cd2d2d2e;border-top-color:#cf2e2e;border-radius:50%;flex:none;width:32px;height:32px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:#e8e9ec;border-radius:99px;width:min(290px,82%);height:5px;margin-top:20px;overflow:hidden}.progress-track span{width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,#ed7336,#cf2e2e);height:100%;transition:width .22s;display:block}.error-view{text-align:center;align-content:center}.error-icon{color:#cf2e2e;border:2px solid #cf2e2e;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 22px;font-size:1.8rem;font-weight:850;display:grid}.error-view h1{font-size:clamp(2rem,5vw,3.2rem)}.error-view p{color:#666b73;max-width:500px;margin:16px auto 0;line-height:1.55}.error-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:8px;display:flex}.error-actions .upload-button,.error-actions .plain-button{margin-top:22px}.result-page{width:min(1240px,100% - clamp(28px,6vw,92px));margin:0 auto;padding:clamp(32px,4.5vw,58px) 0 70px}.result-heading{margin-bottom:22px}.result-heading span{color:#cf2e2e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:820;display:block}.result-heading h1{font-size:clamp(2.1rem,4.5vw,3.5rem)}.result-layout{grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:start;gap:clamp(22px,3vw,36px);display:grid}.result-preview{border:1px solid #e0e3e7;border-radius:26px;place-items:center;min-height:min(67vh,660px);display:grid;overflow:hidden;box-shadow:0 24px 70px #23272f17}.result-preview img{object-fit:contain;width:100%;height:min(67vh,660px);padding:clamp(16px,3vw,34px);display:block}.checkerboard{background-color:#f7f7f7;background-image:linear-gradient(45deg,#e4e4e4 25%,#0000 25%),linear-gradient(-45deg,#e4e4e4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e4e4e4 75%),linear-gradient(-45deg,#0000 75%,#e4e4e4 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.download-panel{background:#fff;border:1px solid #e1e3e7;border-radius:22px;padding:24px;box-shadow:0 16px 42px #23272f13}.file-summary{gap:5px;min-width:0;padding-bottom:19px;display:grid}.file-summary strong{color:#292c31;text-overflow:ellipsis;white-space:nowrap;font-size:.87rem;overflow:hidden}.file-summary span{color:#858a92;font-size:.73rem}.download-panel fieldset{border:0;border-top:1px solid #eceef1;margin:0;padding:20px 0}.download-panel legend{float:left;color:#3c4046;width:100%;margin-bottom:11px;font-size:.78rem;font-weight:780}.choice-list,.format-list{clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-list button,.format-list button{color:#565b63;cursor:pointer;background:#fafbfc;border:1px solid #dfe2e6;border-radius:12px;place-items:center;gap:2px;min-width:0;min-height:58px;padding:9px;font-size:.79rem;font-weight:760;display:grid}.choice-list button.active,.format-list button.active{color:#ba2528;background:#fff7f6;border-color:#cf2e2e;box-shadow:inset 0 0 0 1px #cf2e2e14}.choice-list small{color:#8b9098;font-size:.66rem;font-weight:600}.format-list{grid-template-columns:repeat(3,minmax(0,1fr))}.format-list button{min-height:47px}.format-list button span{color:#989da4;font-size:.57rem;font-weight:650;display:block}.download-button{border-radius:13px;width:100%;margin-top:10px}.download-button .spinner{border-color:#fff #ffffff61 #ffffff61;width:21px;height:21px}.download-button:disabled{cursor:wait;opacity:.72}.change-button{margin:14px auto 0;font-size:.78rem;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.result-layout{grid-template-columns:1fr}.download-panel{width:100%}.result-preview,.result-preview img{height:56vh;min-height:420px}}@media (width<=520px){.topbar{min-height:66px;padding:8px 16px}.brand,.brand img{width:48px;height:48px}main,.upload-home,.processing-view,.error-view{min-height:calc(100vh - 66px)}.upload-home{padding-bottom:76px}.upload-content h1{font-size:clamp(2.2rem,12vw,3.25rem)}.upload-button{width:min(290px,100%)}.result-page{width:calc(100% - 24px);padding-top:26px}.result-heading h1{font-size:2.35rem}.result-preview,.result-preview img{border-radius:19px;height:48vh;min-height:330px}.result-preview img{padding:12px}.download-panel{border-radius:18px;padding:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}