@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#262a27;font-synthesis:none;background:#f6f3ee;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:1100px;margin:auto;padding:0 34px}.mast{border-bottom:1px solid #dcd9d1;justify-content:space-between;align-items:center;height:92px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:11px;font-size:17px;font-weight:600;display:flex}.mark{color:#fff;background:#546857;border-radius:50%;place-items:center;width:33px;height:33px;font:22px Instrument Serif,Georgia,serif;display:grid}.mark span{color:#c9d4b9}.tag,.eyebrow,.step,.filetypes,.ready{letter-spacing:.17em;font-size:10px;font-weight:700}.tag{color:#647466;text-transform:uppercase}.hero{max-width:850px;padding:84px 0 65px}.eyebrow{color:#667968;align-items:center;gap:15px;display:flex}.eyebrow i{border-top:1px solid #97a795;width:50px}h1,h2,p{margin:0}h1{letter-spacing:-.045em;margin:22px 0 24px;font:clamp(55px,8vw,104px)/.99 Instrument Serif,Georgia,serif}h1 em{color:#6e846f;font-weight:400}.hero p{color:#626a62;max-width:510px;font-size:16px;line-height:1.7}.work,.result{background:#fff;border:1px solid #e7e7df;margin-bottom:25px;padding:34px 38px 39px;box-shadow:0 12px 35px #29281e08}.work-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.step{color:#809581}.work-heading h2{letter-spacing:-.025em;margin-top:9px;font:34px Instrument Serif,Georgia,serif}.filetypes{color:#8c9089;white-space:nowrap}.filetypes span{color:#d3d2c8}.drop{background:#f7f8f4;border:1px dashed #a6b3a4;place-items:center;height:355px;transition:background .2s,border-color .2s;display:grid;position:relative}.drop.drag{background:#e9f1e7;border:2px solid #627d65}.drop input{display:none}.drop-content{text-align:center;flex-direction:column;align-items:center;display:flex}.drop-icon{color:#677e68;border:1px solid #d5dfd4;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:22px;font-size:30px;font-weight:300;display:grid}.drop-content strong{font:32px Instrument Serif,Georgia,serif}.drop-content span{color:#767d72;margin:8px 0 24px;font-size:13px}.pick,.primary,.secondary,.replace{cursor:pointer;border:0;font:600 13px DM Sans,sans-serif}.pick,.primary{color:#fff;background:#526d58;min-height:48px;padding:16px 22px}.pick b,.primary b{margin-left:25px;font-size:17px;font-weight:400}.pick:hover,.primary:hover{background:#344e3d}.image-wrap{place-items:center;width:100%;height:100%;display:grid;position:relative}.image-wrap img{object-fit:contain;max-width:100%;max-height:100%;padding:15px}.replace{color:#405847;background:#fff;padding:12px 17px;position:absolute;bottom:18px;right:18px;box-shadow:0 2px 10px #0002}.action{align-items:center;gap:18px;margin-top:23px;display:flex}.action small,.note{color:#747b72;font-size:12px;line-height:1.5}.processing{background:#f4f6f1;align-items:center;gap:16px;margin-top:20px;padding:24px;display:flex}.processing strong{font-size:14px}.processing p{color:#657265;margin-top:5px;font-size:12px;line-height:1.5}.processing span{margin-left:auto}.spinner{border:2px solid #d9e3d6;border-top-color:#55705b;border-radius:50%;flex:none;width:25px;height:25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#8b4735;background:#fbefea;margin-top:18px;padding:16px;font-size:13px}.error button{color:#8b4735;cursor:pointer;background:0 0;border:0;margin-left:15px;text-decoration:underline}.ready{color:#526d58}.result-image{background-color:#fff;background-image:linear-gradient(45deg,#eceee9 25%,#0000 25%),linear-gradient(-45deg,#eceee9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eceee9 75%),linear-gradient(-45deg,#0000 75%,#eceee9 75%);background-position:0 0,0 16px,16px -16px,-16px 0;background-size:32px 32px;place-items:center;height:480px;display:grid}.result-image img{object-fit:contain;max-width:100%;max-height:100%}.result-actions{align-items:center;gap:12px;margin:22px 0 10px;display:flex}.secondary{color:#526d58;background:#fff;border:1px solid #c8d1c7;min-height:48px;padding:15px 19px}.secondary:hover{background:#f3f7f2}footer{color:#737b72;border-top:1px solid #dcd9d1;justify-content:space-between;gap:35px;margin-top:65px;padding:30px 0 55px;font-size:11px;line-height:1.6;display:flex}footer div:first-child{white-space:nowrap;color:#4b5f50;font-weight:700}footer span{color:#b9c1b9;margin:0 10px}@media (width<=640px){.app{padding:0 17px}.mast{height:72px}.tag{display:none}.hero{padding:60px 0 44px}h1{font-size:clamp(52px,12vw,75px)}.hero p{font-size:14px}.work,.result{padding:22px 17px 25px}.work-heading{flex-direction:column;align-items:start;gap:8px}.filetypes{font-size:9px}.drop{height:290px}.action,.result-actions{flex-direction:column;align-items:stretch}.action small{text-align:center}.result-image{height:340px}footer{flex-direction:column;gap:10px;margin-top:40px;padding-bottom:30px}}.result-image{min-width:0;overflow:hidden}.result-image img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.image-wrap{overflow:hidden}.image-wrap img{object-fit:contain;width:100%;height:100%}.result-image{justify-content:center;align-items:center;display:flex}.result-image img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.image-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.selected-file{text-align:center;flex-direction:column;align-items:center;max-width:90%;display:flex}.selected-file strong{font:32px Instrument Serif,Georgia,serif}.selected-file span{color:#767d72;overflow-wrap:anywhere;margin:8px 0 24px;font-size:13px}