.cad-story{margin-top:30px}.cad-story h2{max-width:900px}.cad-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:32px}.cad-viewport{position:relative;background:#e6e7e9;min-height:490px;overflow:hidden}.cad-viewport canvas{display:block;width:100%;height:490px;touch-action:none;cursor:grab}.cad-viewport canvas:active{cursor:grabbing}.cad-viewport img{width:100%;height:490px;object-fit:contain}.cad-badge{position:absolute;left:18px;top:16px;color:#252b32;font-size:14px;background:#ffffffd9;padding:6px 12px;pointer-events:none}.cad-stages{display:grid;gap:10px;margin-bottom:24px}.cad-stages button{display:flex;gap:16px;align-items:center;text-align:left;background:#191c20;border:1px solid #555b65;color:white;padding:14px 16px;min-height:62px}.cad-stages button[aria-pressed=true]{border-color:#ed303b;background:#302025}.cad-stages span{color:#bdc3cb;font-size:14px}.cad-stages strong{font-size:16px;line-height:1.4}.cad-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cad-actions button{font-size:14px;color:white;border:1px solid #5b626d;background:#191c20;padding:10px 14px;min-height:44px}.cad-note{font-size:14px;margin-top:16px}.cad-description{min-height:125px}.cad-description h3{font-size:25px}.cad-description p{font-size:16px}.cad-viewport [hidden]{display:none}@media(max-width:900px){.cad-layout{grid-template-columns:1fr}.cad-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.cad-description{min-height:0}}@media(max-width:480px){.cad-stages{grid-template-columns:1fr}.cad-viewport,.cad-viewport canvas,.cad-viewport img{min-height:360px;height:360px}}