/* MODERA mobile UI polish – non-destructive progressive enhancement */
#designer3d{width:min(100%,1320px);margin-inline:auto;background:#f7f9fc}
#designer3d .threeTitle h2{color:#0b2b51;font-weight:900;letter-spacing:-.025em}
#designer3d .threeStage,#designer3d .threePanel{border-radius:18px;border-color:#e2e8f0;box-shadow:0 5px 20px rgba(8,37,73,.07)}
#designer3d .threeStageHeader{background:#082b55;color:#fff;padding:12px 14px}
#designer3d .threeStageHeader span{color:#fff}
#designer3d .threeMiniActions button{border-radius:10px}
#designer3d .threeAction:not(.light):not(.gold){background:#082e61;border-color:#082e61}
#designer3d .moderaCategoryCards{gap:10px}
#designer3d .moderaPresetGrid{gap:10px}
#designer3d .threePanel section h3{color:#092e5b}
#designer3d input:focus-visible,#designer3d select:focus-visible{outline:2px solid #1267c8;outline-offset:2px}
@media(max-width:700px){
 #designer3d{padding:10px 10px 85px!important;max-width:100%;overflow-x:clip}
 #designer3d .threeTitle{margin:8px 2px 12px}
 #designer3d .threeTitle h2{font-size:22px}
 #designer3d .threeColumns{display:flex;flex-direction:column;gap:12px}
 #designer3d .threeStage,#designer3d .threePanel{width:100%;min-width:0}
 #designer3d .threeStageHeader{min-height:52px}
 #designer3d #modera3dCanvas{aspect-ratio:1/1!important;max-height:60vh;object-fit:contain}
 #designer3d .threePanel{padding:14px}
 #designer3d .threeFields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #designer3d .threeFields input{font-size:16px!important;min-width:0}
 #designer3d .threePanel section+section{padding-top:16px;margin-top:16px}
 #designer3d .threeAction{min-height:45px}
 #designer3d .moderaPresetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #designer3d .moderaCategoryCards{grid-template-columns:repeat(2,minmax(0,1fr))}
}