.tryon-page{max-width:1120px;margin:auto}.tryon-page h1{font-size:clamp(2.2rem,5vw,3.7rem)}.tryon-person{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0}.tryon-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:24px 0}.tryon-steps li{padding:16px;border-bottom:3px solid #dce2d9;color:#667066}.tryon-steps .current{border-color:#b78d42;color:#292e29}.tryon-steps .done{border-color:#365642;color:#365642}.tryon-step{padding:28px;margin:22px 0;border:1px solid #dde3d9;border-radius:16px;background:#fff}.tryon-step summary{cursor:pointer;font-size:1.35rem;font-weight:600}.tryon-step form{margin-top:22px}.tryon-step .remember{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:22px 0}.tryon-step .remember input{margin-top:6px;flex-shrink:0}.tryon-step [hidden]{display:none!important}.tryon-step small{font-weight:400;color:#667066;line-height:1.5}.tryon-upload,.tryon-approved,.tryon-review{display:grid;grid-template-columns:minmax(160px,300px) 1fr;gap:26px;align-items:center;margin:22px 0}.tryon-portrait{display:block;max-width:100%;width:300px;max-height:500px;object-fit:contain;background:#f4f5ef;border-radius:12px}.tryon-review{padding:24px;background:#f3f6ef;border-radius:14px}.tryon-outfit-picker{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.tryon-outfit-picker img{object-fit:contain;border-radius:10px}.tryon-outfit-picker .field{flex:1;min-width:200px}.tryon-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.tryon-gallery article{max-width:280px}.tryon-gallery .tryon-portrait{height:240px}.tryon-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.tryon-page button{white-space:normal}.tryon-page #tryon-status:not(:empty){padding:16px;background:#f3f6ef;border-radius:10px;margin:20px 0}.tryon-page .studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tryon-step h2{margin-top:0}@media(max-width:650px){.tryon-steps{grid-template-columns:1fr;gap:0}.tryon-steps li{padding:10px}.tryon-step{padding:18px}.tryon-upload,.tryon-approved,.tryon-review{grid-template-columns:1fr}.tryon-review{padding:16px}.tryon-page .studio-fields{grid-template-columns:1fr}.tryon-portrait{margin:auto}}

.tryon-headshot-placeholder{min-height:200px;border:1px dashed #b7c4b1;border-radius:12px;background:#f4f6f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:22px}.tryon-headshot-placeholder span{font-family:Georgia,serif;font-size:2rem;color:#6b7d60}