:root{--ink:#17231f;--muted:#65736d;--paper:#f4f1e9;--card:#fffdf8;--line:#d7d6cc;--acid:#d7ff49;--green:#163f35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 6%, #d7ff4938, transparent 20rem), var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}main{min-height:100vh;padding:0 4vw}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.topbarActions{align-items:center;gap:10px;display:flex}.accountMenu{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:10px;display:flex}.accountMenu span{text-overflow:ellipsis;white-space:nowrap;max-width:210px;color:var(--muted);font-size:11px;overflow:hidden}.accountMenu button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:8px 11px;font-size:10px;font-weight:800}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:11px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brandMark{background:var(--ink);width:32px;height:32px;color:var(--acid);border-radius:10px 10px 10px 2px;place-items:center;font-size:15px;display:grid}.privacyPill{border:1px solid var(--line);color:var(--muted);background:#ffffff8c;border-radius:99px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.privacyPill i{background:#26a269;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #26a26924}.hero{max-width:940px;padding:68px 0 44px}.heroCompact{padding-top:42px}.eyebrow{letter-spacing:.19em;color:#527027;margin-bottom:18px;font-size:11px;font-weight:900}.hero h1{letter-spacing:-.065em;max-width:920px;margin:0;font-size:clamp(44px,6.2vw,82px);line-height:.94}.hero p{color:var(--muted);max-width:620px;margin:25px 0 0;font-size:17px;line-height:1.55}.workspace{border:1px solid var(--line);background:var(--card);grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);max-width:1240px;display:grid;box-shadow:0 24px 60px #262d2914}.workspace.withResult{grid-template-columns:minmax(0,1.8fr) minmax(300px,.65fr)}.uploadPanel{border-right:1px solid var(--line);min-height:430px;padding:22px}.dropzone{cursor:pointer;background-color:#eeeee7;background-image:linear-gradient(45deg,#e3e3dc 25%,#0000 25%),linear-gradient(-45deg,#e3e3dc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e3dc 75%),linear-gradient(-45deg,#0000 75%,#e3e3dc 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1.5px dashed #afb4a8;place-items:center;height:100%;min-height:384px;transition:border-color .2s,transform .2s;display:grid;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--ink);transform:translateY(-1px)}.dropzone.dragging{border-color:#718f21;outline:4px solid #d7ff4980}.dropzone input{opacity:0;pointer-events:none;position:absolute}.dropzone img{object-fit:contain;width:100%;height:100%;max-height:520px;display:block}.fileBadge{color:#fff;background:#17231fe0;border-radius:4px;padding:8px 11px;font-size:11px;position:absolute;bottom:12px;left:12px}.uploadCopy{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8e6;border:1px solid #fffc;flex-direction:column;align-items:center;padding:30px;display:flex}.uploadIcon{background:var(--acid);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:17px;font-size:26px;display:grid}.uploadCopy strong{font-size:18px}.uploadCopy span{color:var(--muted);margin-top:5px;font-size:14px}.uploadCopy small{color:#8a938e;letter-spacing:.08em;margin-top:21px;font-size:10px}.previewGrid{grid-template-columns:minmax(0,1fr);gap:12px;min-height:384px;display:grid;position:relative}.previewGrid.compare{grid-template-columns:repeat(2,minmax(0,1fr))}.previewCard{border:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;margin:0;display:flex}.previewCard figcaption{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:0 13px;font-size:11px;font-weight:900;display:flex}.previewCard figcaption small{color:#858d88;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:600;overflow:hidden}.checker{background-color:#f2f2ec;background-image:linear-gradient(45deg,#e0e1da 25%,#0000 25%),linear-gradient(-45deg,#e0e1da 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e1da 75%),linear-gradient(-45deg,#0000 75%,#e0e1da 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;flex:1;place-items:center;min-height:340px;display:grid;overflow:hidden}.checker img{object-fit:contain;width:100%;height:100%;max-height:470px;display:block}.replaceButton{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17231fe6;border:1px solid #ffffff61;padding:9px 12px;font-size:10px;font-weight:800;position:absolute;bottom:12px;left:12px}.errorMessage{color:#7c2619;background:#ffe9e4;border-left:3px solid #d5452e;margin-top:12px;padding:11px 13px;font-size:12px}.controlPanel{flex-direction:column;padding:26px;display:flex}.panelHeading{border-bottom:1px solid var(--line);letter-spacing:.15em;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:21px;font-size:11px;font-weight:900;display:flex}.panelHeading b{color:#99a198}.controlLabel{justify-content:space-between;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.controlLabel strong{color:#617527}input[type=range]{width:100%;accent-color:var(--green)}input[type=range]:disabled{opacity:.35}.rangeLabels{color:#949b96;justify-content:space-between;margin:5px 0 28px;font-size:10px;display:flex}.segmented{background:#e7e7df;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:30px;padding:3px;display:grid}.segmented button{cursor:pointer;background:0 0;border:0;padding:10px 6px;font-size:11px;font-weight:700}.segmented .active{background:var(--card);box-shadow:0 1px 4px #00000014}.segmented button:disabled{cursor:not-allowed;opacity:.55}.toggleList{border-top:1px solid var(--line);margin:-7px 0 22px}.toggleRow{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 0;display:flex}.toggleRow label{cursor:pointer;flex-direction:column;gap:3px;font-size:12px;font-weight:700;display:flex}.toggleRow small{color:var(--muted);font-size:10px;line-height:1.35}.toggleRow input{width:20px;height:20px;accent-color:var(--green);cursor:pointer;flex:none}.toggleRow input:disabled{cursor:not-allowed;opacity:.45}.formatNote{background:#eef5e5;border-left:3px solid #91ad36;margin-bottom:22px;padding:17px}.formatNote span{font-size:12px;font-weight:900}.formatNote p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.primaryButton{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:space-between;margin-top:auto;padding:16px 18px;font-weight:800;display:flex}.primaryButton span{color:var(--acid);font-size:20px;line-height:.8}.primaryButton:disabled{cursor:not-allowed;background:#b7bbb5}.progressTrack{background:#dfe2dc;height:3px;overflow:hidden}.progressTrack i{background:var(--acid);width:45%;height:100%;animation:1s ease-in-out infinite alternate progress;display:block}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(230%)}}.palette{grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:24px;display:grid}.palette span{aspect-ratio:1;border:1px solid #17231f24;min-width:0}.resultStats{border-top:1px solid var(--line);margin:0 0 25px}.resultStats div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.resultStats dt{color:var(--muted);font-size:11px}.resultStats dd{margin:0;font-size:12px;font-weight:900}.successNote{background:#ebf4dc;border-left-color:#628b28}.downloadButton{margin-top:auto}.secondaryButton{border:1px solid var(--ink);cursor:pointer;background:0 0;margin-top:8px;padding:13px 16px;font-size:12px;font-weight:800}.downloadHelp{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.55}.backButton{color:#54615c;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:18px;padding:0;font-size:11px;font-weight:800}.explainers{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;max-width:1240px;margin-top:72px;display:grid}.explainers article{background:var(--paper);padding:28px}.explainers b{color:#789329;letter-spacing:.15em;margin-bottom:30px;font-size:10px;display:inline-block}.explainers h2{letter-spacing:-.03em;margin:0 0 9px;font-size:18px}.explainers p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}footer{color:#7b847f;text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;max-width:1240px;padding:18px 0 36px;font-size:10px;display:flex}.authShell{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);min-height:100vh;padding:0;display:grid}.authIntro{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:54px clamp(36px,7vw,110px);display:flex;position:relative;overflow:hidden}.authIntro:before{content:"";border:80px solid var(--acid);opacity:.95;border-radius:50%;width:480px;height:480px;position:absolute;top:-150px;right:-190px}.authIntro:after{content:"";background:#ff7056;border-radius:55% 45% 45% 55%;width:190px;height:190px;position:absolute;bottom:-105px;right:8%;transform:rotate(24deg)}.authBrand{color:#fff;z-index:1;position:relative}.authBrand .brandMark{background:var(--acid);color:var(--green)}.authIntro>div{z-index:1;max-width:740px;position:relative}.authIntro .eyebrow{color:var(--acid)}.authIntro h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(48px,6.2vw,86px);line-height:.94}.authIntro p{color:#ffffffad;max-width:620px;margin:28px 0 0;font-size:16px;line-height:1.65}.authPrivacy{z-index:1;color:#ffffffad;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;font-size:11px;display:flex;position:relative}.authPrivacy i{background:var(--acid);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #d7ff491f}.authPanel{background:var(--paper);place-items:center;min-height:100vh;padding:42px;display:grid}.authCard{border:1px solid var(--line);background:var(--card);width:min(100%,430px);padding:34px;box-shadow:0 30px 80px #17231f1a}.authTabs{background:#e8e7df;grid-template-columns:1fr 1fr;margin-bottom:38px;padding:4px;display:grid}.authTabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px;font-size:11px;font-weight:900}.authTabs button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 5px #00000017}.authHeading span{letter-spacing:-.045em;font-size:28px;font-weight:900}.authHeading p{color:var(--muted);margin:8px 0 28px;font-size:12px;line-height:1.55}.authCard form{flex-direction:column;display:flex}.authCard form label{color:#59655f;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px;font-size:10px;font-weight:900}.authCard form input{height:48px;color:var(--ink);background:#fff;border:1px solid #cfd1c8;border-radius:0;outline:none;margin-bottom:18px;padding:0 13px;font-size:14px}.authCard form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #163f3517}.authError{color:#7c2619;background:#ffe9e4;border-left:3px solid #d5452e;margin:-4px 0 16px;padding:11px 12px;font-size:11px;line-height:1.45}.authSubmit{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:space-between;align-items:center;height:50px;margin-top:2px;padding:0 17px;font-weight:900;display:flex}.authSubmit span{color:var(--acid);font-size:20px}.authSubmit:disabled{opacity:.55;cursor:wait}.authFoot{color:#929993;text-align:center;text-transform:uppercase;letter-spacing:.09em;margin:22px 0 0;font-size:9px}.authLoading{background:var(--paper);place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.authLoading p{color:var(--muted);margin:0;font-size:12px}@media (width<=760px){main{padding:0 18px}.topbar{height:70px}.privacyPill{font-size:10px}.accountMenu span{display:none}.hero{padding:45px 0 30px}.hero h1{font-size:45px}.workspace,.workspace.withResult{grid-template-columns:1fr}.uploadPanel{border-right:0;border-bottom:1px solid var(--line);min-height:340px;padding:12px}.dropzone{min-height:315px}.previewGrid.compare{grid-template-columns:1fr}.checker{min-height:285px}.controlPanel{min-height:390px}.explainers{grid-template-columns:1fr;margin-top:45px}.explainers article{padding:24px}.explainers b{margin-bottom:18px}footer{flex-direction:column;gap:8px}.authShell{grid-template-columns:1fr}.authIntro{justify-content:flex-start;gap:0;min-height:230px;padding:18px 18px 42px}.authIntro:before{border-width:42px;width:230px;height:230px;top:-80px;right:-105px}.authIntro:after{display:none}.authIntro>div{margin-top:28px}.authIntro h1{max-width:340px;font-size:clamp(30px,9vw,36px);line-height:.97}.authIntro p,.authPrivacy{display:none}.authPanel{align-items:start;min-height:0;padding:0 16px 28px}.authCard{z-index:2;margin-top:-24px;padding:22px;position:relative}.authTabs{margin-bottom:24px}.authHeading p{margin-bottom:20px}.authFoot{margin-top:16px}}