.dress-mockup-tool{margin:0 0 22px;padding:18px;border:1px solid #9b927f;border-left:4px solid var(--acid);background:#171714;color:#f6f2e8}.dress-head{display:flex;align-items:center;justify-content:space-between}.dress-head strong{display:block;text-transform:uppercase;letter-spacing:1px;font-size:12px}.dress-head small{display:block;margin-top:4px;color:#aaa69b;font-size:9px}.dress-head>span{border:1px solid #5e5d55;border-radius:20px;padding:6px 9px;color:var(--acid);font-size:8px;text-transform:uppercase}.dress-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:16px}.dress-grid label{color:#d1ccbf}.dress-grid select{margin-top:7px}.dress-grid input[type=color]{height:43px;margin-top:7px;padding:3px;background:#fff;border:1px solid #777}.dress-grid input[type=range]{accent-color:var(--acid);margin-top:10px}.dress-grid output{color:var(--acid)}.dress-mockup-tool>p{font-size:9px;color:#aaa69b;border-top:1px solid #3e3e38;border-bottom:1px solid #3e3e38;padding:10px 0}.dress-fit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 9px}.dress-fit-actions button{padding:10px 13px;border:1px solid var(--acid);background:var(--acid);color:#171714;text-transform:uppercase;font-size:8px;font-weight:bold;cursor:pointer}.dress-fit-actions #removeOldDressBtn{background:#fff;border-color:#fff}.dress-fit-actions small{color:#aaa69b;font-size:8px;flex:1;min-width:150px}.dress-actions{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:7px}.dress-actions button{padding:11px;border:1px solid #777;background:#fff;color:#171714;text-transform:uppercase;font-size:9px;font-weight:bold;cursor:pointer}.dress-actions #applyDressBtn{display:flex;justify-content:space-between;background:var(--acid);border-color:var(--acid)}.dress-actions #resetDressBtn{background:#2b2b27;color:#fff}@media(max-width:600px){.dress-grid,.dress-actions{grid-template-columns:1fr}.dress-fit-actions{align-items:stretch;flex-direction:column}}