*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#292f28;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #d5d7c9}header a{text-decoration:none;font-size:13px}.brand{letter-spacing:.18em;font:22px Georgia,serif}.brand small{display:block;font:9px system-ui;letter-spacing:.35em;margin-top:5px}main{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;max-width:1200px;margin:60px auto;padding:0 32px}.intro{align-self:start;position:sticky;top:32px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#5b6a50;font-weight:700}h1{font:clamp(40px,4.5vw,66px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:20px 0 26px}.intro>p{max-width:360px}.note{font-size:13px;border-left:3px solid #a4aa91;padding-left:16px;margin-top:32px;color:#626758}fieldset{border:0;border-top:1px solid #cdd1c3;margin:0 0 30px;padding:24px 0 0}legend{font:24px Georgia,serif;padding-right:15px}legend span{font:12px system-ui;margin-right:14px;color:#677653}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:13px;font-weight:600;margin-bottom:14px}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #afb7a4;background:#fffdf8;border-radius:5px;font:15px system-ui;color:#292f28;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #566b43;outline-offset:2px}.check{display:flex;align-items:center;gap:9px;font-weight:400}.check input{width:auto;margin:0}.hint{font-size:13px;color:#61685c;margin:12px 0 20px}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.colors label{border:1px solid #bfc5b4;border-radius:8px;padding:10px;font-size:12px;cursor:pointer}.colors label:has(input:checked){outline:2px solid #455b39;background:#e8eddd}.colors input{width:auto;margin:0 0 8px}.colors i{display:block;height:62px;border-radius:4px;margin-bottom:8px}.photos{display:flex;gap:12px}.photos img{width:100px;height:90px;object-fit:cover;border-radius:6px;margin-bottom:15px}button{border:0;border-radius:5px;padding:18px 24px;width:100%;background:#354a30;color:white;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#summary{background:#e7eadf;padding:16px;margin:10px 0 20px;font-size:14px;border-radius:5px}#result{font-weight:600}footer{max-width:1200px;margin:50px auto;padding:25px 32px;border-top:1px solid #d5d7c9;font-size:13px}.trap{position:absolute;left:-9999px}@media(max-width:800px){main{grid-template-columns:1fr;gap:30px;margin-top:28px;padding:0 20px}.intro{position:static}.intro>p{max-width:none}header{padding:20px}.colors{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}.brand{font-size:17px}}