:root{font-family:Arial,Helvetica,sans-serif;color:#30291f;background:#f8f5ed;--accent:#8d3e27;--line:#d9d1c1}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}header{max-width:1280px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:34px;text-decoration:none;letter-spacing:-1px}.brand span{font:11px Arial;display:block;text-align:center;text-transform:uppercase;letter-spacing:3px}nav{display:flex;gap:24px;font-size:14px}main{min-height:65vh;max-width:1160px;margin:auto;padding:65px 5% 90px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(40px,5.6vw,76px);line-height:1.02;letter-spacing:-2px;margin:16px 0 25px;max-width:800px}h2{font-size:32px}p{line-height:1.65}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:bold}.intro{font-size:18px;color:#635c51;max-width:560px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.hero em{color:var(--accent);font-weight:normal}.upload-panel{background:#ebe5d8;padding:28px;box-shadow:8px 12px 24px #30291f12;transform:rotate(1deg)}.upload-panel form{transform:rotate(-1deg)}.drop{display:block;padding:60px 20px;text-align:center;background:#faf8f2;border:1px dashed #938270;cursor:pointer;font-family:Georgia,serif;font-size:24px}.drop input{display:block;max-width:100%;margin:25px auto 0;font:13px Arial}.small{font-size:13px;color:#655d52;line-height:1.6}.steps{display:flex;gap:24px;border-top:1px solid var(--line);margin-top:70px;padding-top:28px;counter-reset:steps}.steps div{flex:1}.steps b{font-size:13px}.steps p{font-size:14px}.steps b:before{counter-increment:steps;content:'0' counter(steps) ' / ';color:var(--accent)}button,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border:1px solid var(--accent);color:white;font:600 15px Arial;padding:16px 24px;text-decoration:none;cursor:pointer;min-height:48px;border-radius:3px}button:hover,.button:hover{background:#6d2b19}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:transparent;color:#30291f;border-color:#918573}.secondary:hover{background:#e8dfd0}label{display:block;font-size:14px;margin:20px 0 8px}input:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;border:1px solid #9b9180;border-radius:3px;padding:15px;font:16px Arial;background:#fffdf8;color:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.option{border:1px solid var(--line);padding:18px;background:#fffdf8;margin:12px 0}.option strong{display:block;font-size:16px}.option small{display:block;margin-top:6px;color:#635c51}.form-grid{display:grid;grid-template-columns:.85fr 1fr;gap:48px}.photo{width:100%;max-height:560px;object-fit:contain;background:#e8e1d3}.preview-frame{padding:14px;background:white;align-self:start;box-shadow:0 5px 25px #30291f14}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.banner{background:#ede7d9;padding:16px 20px;border:1px solid var(--line);line-height:1.55}.progress{font-size:12px;color:#716657;letter-spacing:1px;margin-bottom:28px}.narrow{max-width:560px;margin:auto}.error{color:#8d231c;background:#fcece3;padding:14px;line-height:1.5}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.library a{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:18px}.library img{width:100%;height:220px;object-fit:contain;background:#e8e1d3}.status{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare figure{margin:0}.compare img{width:100%;background:#eee7da}.compare figcaption{font-size:12px;padding:12px 0;text-transform:uppercase;letter-spacing:1px}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px}footer nav{flex-wrap:wrap;font-size:12px}#notice:not(:empty){background:#e8dfcd;text-align:center;padding:12px 20px;font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a67827;outline-offset:4px}.price{font:40px Georgia,serif}.legal{max-width:740px}.result-tools{display:flex;gap:12px;flex-wrap:wrap}.loading{padding:50px 0;color:#635c51}@media(max-width:700px){header{padding:20px 6%}.brand{font-size:29px}nav{gap:16px}main{padding:35px 6% 60px}.hero,.form-grid{grid-template-columns:1fr;gap:30px}h1{font-size:46px;letter-spacing:-1.5px}.upload-panel{padding:18px;box-shadow:4px 8px 18px #30291f12}.drop{padding:35px 15px}.steps{display:block;margin-top:40px}.steps div{margin-bottom:22px}.library{grid-template-columns:1fr 1fr;gap:16px}.library img{height:155px}.compare{gap:10px}.actions button,.actions .button{flex:1}footer{display:block}footer nav{margin-top:20px;gap:18px}.photo{max-height:360px}.form-grid h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

::selection{background:#d8c8ac;color:#30291f}input{caret-color:var(--accent)}.eyebrow{display:none}.drop input::file-selector-button{background:#f8f5ed;border:1px solid #9b9180;padding:10px;color:#30291f;border-radius:3px;cursor:pointer}

