*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f7f1ea;color:#3c2b20}.app{max-width:980px;margin:0 auto;padding:32px 20px 48px}.app__header{text-align:center;margin-bottom:24px}.app__header h1{margin:0 0 8px;font-size:2rem;color:#5b3b25}.app__header p{margin:0;color:#7a5b45}.wizard{background:transparent;border-radius:0;padding:24px 0;box-shadow:none}.wizard__content,.wizard__panel{background:transparent;border-radius:0;box-shadow:none}.wizard__content h2{margin:0;font-size:1.4rem;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;align-items:stretch}.card-grid--divided{gap:0}.card-grid--divided .option-card{border:none;border-radius:0;padding:0 24px;background:transparent;box-shadow:none}.card-grid--divided .option-card:hover{transform:none;border-color:transparent;box-shadow:none}.card-grid--divided .option-card:after{content:"";position:absolute;top:16px;bottom:16px;right:-1px;width:1px;background:#eadfd2}.card-grid--divided .option-card:last-child:after{display:none}.card-grid--divided .option-card.is-selected{background:transparent}.card-grid--divided .option-card__image{border:none;background:transparent}.option-card{border:1px solid #eadfd2;border-radius:12px;padding:18px 16px;background:#fff;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:12px;height:100%;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.option-card:hover{transform:translateY(-2px);border-color:#8b5e3c;box-shadow:0 8px 20px #8b5e3c29}.option-card.is-selected{border-color:#8b5e3c;background:#f3e6da}.option-card__image{width:100%;height:auto;border-radius:10px;border:1px solid #eadfd2;background:#fff}.option-card__content{display:grid;gap:6px;justify-items:center}.option-card__title{font-size:1rem;font-weight:700;color:#3c2b20}.option-card__helper{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#a68c77}.option-card__description{font-size:.9rem;color:#7a5b45;line-height:1.4}.wizard__panel-header{text-align:center;margin-bottom:20px}.wizard__step-title{margin:0 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a68c77;font-weight:600}.wizard__step-subtitle{margin:8px 0 0;color:#7a5b45;font-size:.95rem}.wizard__step-subtitle a{color:#8b5e3c;font-weight:600;text-decoration:none}.wizard__step-subtitle a:hover{text-decoration:underline}.wizard__step-helper{margin:10px 0 0;color:#5b3b25;font-weight:600}.wizard__note{display:grid;gap:8px;margin:0 0 16px;color:#7a5b45;font-size:.95rem;line-height:1.5}.wizard__note p{margin:0}.measurement-step{display:grid;gap:24px;align-items:center}.measurement-step--split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.measurement-step__media{display:flex;justify-content:center}.measurement-step__media img{width:100%;max-width:320px;height:auto;border-radius:12px;border:1px solid #eadfd2;background:#fff}.measurement-step__form,.measurement-form{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:8px;font-weight:600}.field__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:6px}.field__group{display:grid;gap:6px}.field__group .field{width:100%}.field__label{font-size:.85rem;color:#7a5b45;font-weight:600}.field__helper{font-size:.85rem;font-weight:600;color:#7a5b45}.field__input,.field__select{display:flex;align-items:center;border:1px solid #d7c4b1;border-radius:10px;padding:8px 10px;background:#fff}.field__input input,.field__select select{flex:1;border:none;font-size:1rem;outline:none;background:transparent}.field__unit{color:#7a5b45;font-size:.9rem;padding-left:6px}.wizard__actions{display:flex;justify-content:flex-end;margin-top:24px;gap:12px}.wizard__top-actions{display:flex;justify-content:flex-start;margin-bottom:12px}.wizard__back-link{border:none;background:transparent;color:#8b5e3c;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}.wizard__back-link:hover,.wizard__back-link:active{background:transparent;box-shadow:none}.wizard__back-link:focus{outline:2px solid rgba(139,94,60,.4);outline-offset:4px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c2b2066}.modal__content{position:relative;background:#fff;border-radius:16px;padding:24px;width:min(420px,90vw);box-shadow:0 16px 40px #3c2b202e;text-align:center;display:grid;gap:16px}.modal__content h3{margin:0;color:#5b3b25}.modal__actions{display:grid;gap:12px}.modal__close{border:none;background:transparent;color:#8b5e3c;font-weight:600;cursor:pointer;text-decoration:underline}.wizard__action-group{display:flex;gap:12px}.button{border:none;background:#8b5e3c;color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.5}.button--secondary{background:#fff;color:#8b5e3c;border:1px solid #8b5e3c}.result{display:grid;gap:16px}.result--simple{text-align:center;padding:8px 16px}.result__headline{margin:0;font-size:1.8rem;color:#5b3b25}.result__subtitle{margin:8px 0 0;color:#7a5b45;font-size:1rem}.result__size{margin:18px 0 10px;font-size:2.4rem;font-weight:700;letter-spacing:.04em;color:#3c2b20}.result__note{margin:8px auto 0;max-width:640px;color:#7a5b45;font-size:.95rem;line-height:1.5}.result__divider{height:1px;background:#eadfd2;margin:20px auto 0;width:min(100%,680px)}.result__actions{margin:20px auto 0;display:flex;justify-content:flex-end;gap:12px;width:min(100%,680px)}.result__qa{margin:24px auto 0;max-width:720px;text-align:left;display:grid;gap:12px}.result__qa-title{margin:0;font-size:1.1rem;color:#5b3b25;text-align:center}.result__qa-list{margin:0;display:grid;gap:14px}.result__qa-item{margin:0}.result__qa-question{margin:0;font-weight:600;color:#5b3b25}.result__qa-answer{margin:4px 0 0;color:#7a5b45;font-size:.95rem;line-height:1.5}.result__warnings{display:grid;gap:6px;padding-top:8px;border-top:1px solid #eadfd2;color:#7a5b45;font-size:.9rem}.result__warnings--error{color:#7d2e2e;border-top-color:#e0bcbc}.result__warnings ul{margin:0;padding-left:18px}.result__warnings li{margin:0}@media (max-width: 640px){.app{padding:24px 16px 40px}.wizard{padding:20px 0}.wizard__panel-header{margin-bottom:16px}.wizard__content h2{font-size:1.2rem}.card-grid{grid-template-columns:1fr;gap:18px}.wizard__actions{flex-direction:column;gap:10px}.wizard__action-group{width:100%;flex-direction:column}.wizard__action-group .button{width:100%}.measurement-step--split{grid-template-columns:1fr}.measurement-step{gap:16px}.measurement-step__form{gap:12px}.option-card{padding:16px 14px;gap:10px}.option-card__image{max-width:240px;margin:0 auto}.field{gap:6px}.card-grid--divided{gap:16px}.card-grid--divided .option-card{padding:0 12px}.card-grid--divided .option-card:after{display:none}.result__size{font-size:1.9rem}}