:root{--paper:#F0EEE6;--ink:#191919;--muted:#55544e;--line:#c9c5ba;--accent:#99462a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif;border:10px solid #e3dfd2;min-height:100vh}main{max-width:1160px;margin:auto;padding:0 clamp(20px,5vw,64px)}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);font:11px/1.5 monospace;letter-spacing:.08em}header>a:first-child{font:24px Georgia,serif;letter-spacing:.08em;text-decoration:none}header>a:last-child{text-decoration:none}.intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:55px 0 40px}.intro p{max-width:52ch;color:var(--muted)}.eyebrow{font:12px/1.5 monospace;letter-spacing:.09em}h1{font:400 clamp(38px,5vw,64px)/1.06 Georgia,serif;letter-spacing:-.025em;margin:20px 0 25px}h1 i{font-weight:400}.intro img{width:180px;height:auto;mix-blend-mode:multiply}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px 0 50px;border-top:1px solid var(--line)}.photo-area{position:relative;min-height:290px;background:#e6e1d3;margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:16px}.photo-area img{max-width:100%;max-height:300px;object-fit:contain}#placeholder{text-align:center;color:var(--muted);font-size:15px}#placeholder span{font-size:30px}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.upload-button{border:1px solid var(--muted);padding:8px 18px;cursor:pointer;font:12px/1.6 monospace;text-transform:uppercase}input:focus-visible+.upload-button{outline:2px solid var(--accent);outline-offset:4px}select,button{width:100%;padding:15px;font:inherit;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);margin-top:12px}button{display:flex;justify-content:space-between;background:var(--ink);color:var(--paper);cursor:pointer;border-color:var(--ink)}button:hover{background:#3a3831}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hint{font-size:13px;line-height:1.6;color:var(--muted)}.input-panel>.eyebrow{display:block;margin-top:12px}.results{padding-top:12px}#status{color:var(--muted);margin:25px 0}#status.error{color:#993422}h2{font:36px/1.2 Georgia,serif;margin:20px 0 30px}h3{font:12px/1.5 monospace;text-transform:uppercase;letter-spacing:.07em;margin-top:30px}.score{padding:9px 0;border-bottom:1px solid var(--line)}.score-label{display:flex;justify-content:space-between;gap:20px}.bar{height:3px;background:#ded9cd;margin-top:10px}.bar span{display:block;height:100%;background:var(--ink)}#materials .bar span{background:var(--accent)}footer{border-top:1px solid var(--line);padding:25px 0 35px;font:12px/1.7 monospace}footer .hint{max-width:75ch;font-family:system-ui,sans-serif}[hidden]{display:none!important}@media(max-width:700px){header{flex-wrap:wrap}header>span{display:none}.intro{padding:35px 0;gap:15px}.intro img{width:95px}.workspace{grid-template-columns:1fr;gap:30px}.intro p{font-size:15px}h1{font-size:36px}.results{border-top:1px solid var(--line);padding-top:25px}}