.fitting{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(170px,1.15fr);gap:16px}.fit-stage{height:290px;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#fffaf0,#e0e4d9);border:1px solid #d4d9ce}.fit-model{width:100%;height:100%;display:grid;place-items:center}.fit-model>svg{width:70%;max-height:90%}.fit-model canvas{display:block;width:100%;height:100%}.fit-tag{position:absolute;left:12px;top:12px;color:#637363;font-size:12px;pointer-events:none}.fit-turn{position:absolute;right:8px;bottom:8px;padding:7px 10px;background:#fffc;border:1px solid #d8ddd2;border-radius:20px;color:#405443}.fit-details{align-self:center;min-width:0}.fit-details h3{margin:0 0 8px}.fit-details .row{display:flex;flex-wrap:wrap;gap:8px}.fit-details .row .btn{min-height:42px}.fit-details #fitStatus{font-size:12px;color:#637363}.fit-tabs{grid-column:1/-1;display:flex;gap:6px;overflow:auto}.fit-tabs .btn{flex:1;white-space:nowrap;min-height:42px;padding:8px}.fit-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fit-card{min-width:0;display:flex;flex-direction:column;align-items:center;padding:10px 6px;border:1px solid #d4dbce;background:#f6f7f0;border-radius:14px;color:#344a3f;cursor:pointer;font:inherit}.fit-card svg{width:100%;height:82px}.fit-card b{font-size:13px}.fit-card small{font-size:12px;color:#657564;margin-top:5px}.fit-card.selected{border:2px solid #3b725f;background:#edf4e7;box-shadow:0 0 0 2px #3b725f18}.fit-card:focus-visible,.fit-turn:focus-visible{outline:3px solid #dfa85b;outline-offset:2px}@media(max-width:480px){.fitting{gap:10px;grid-template-columns:44% minmax(0,1fr)}.fit-stage{height:230px}.fit-details h3{font-size:17px}.fit-details p{font-size:13px}.fit-details .row .btn{font-size:13px;padding:8px;flex:1 1 100%}.fit-tabs .btn{font-size:12px}.fit-grid{gap:7px}.fit-card b{font-size:12px}}