.card--rotate-preview{grid-area:1/1/4/3}.card--rotate-upload{grid-area:1/3}.card--rotate-settings{grid-area:2/3}.card--export{grid-area:3/3}.rotate-controls{flex-direction:column;gap:20px;padding:16px 20px 20px;display:flex}.control-group{flex-direction:column;gap:10px;display:flex}.control-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.action-grid{gap:12px;display:flex}.action-btn{border-radius:var(--r-sm);color:var(--text-secondary);transition:all var(--t-fast) var(--ease);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.action-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.action-btn:active{transform:scale(.97)}.btn-reset{color:var(--text-tertiary);cursor:pointer;transition:all var(--t-fast) var(--ease);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600}.btn-reset:hover{color:var(--text-primary);background:#ffffff1a}.rotate-preview-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-stage__player{transition:transform .4s var(--ease-bounce)}@media (width<=1024px){main.bento{grid-template-rows:auto!important;grid-template-columns:1fr!important;height:auto!important}.card{grid-area:auto/1!important}}