.rotate-preview{width:100%;flex:0 0 100%;grid-column:1/-1;min-width:0;margin-bottom:8px}.rotate-preview-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.rotate-preview-toolbar>strong{color:var(--ink,#302740);font-size:14px}.rotate-preview-toolbar label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#746b83}.rotate-preview-toolbar select{max-width:min(280px,65vw);min-width:0}.rotate-preview-toolbar>[data-rotate-reset]{margin-left:auto}.rotate-preview-mat{height:340px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #e6e0ee;border-radius:14px;background:repeating-conic-gradient(#eeeaf2 0 25%,#f8f6fb 0 50%) 0/20px 20px}.rotate-preview-frame{position:relative;box-shadow:0 3px 20px #30274020}.rotate-preview-frame[hidden],.rotate-preview-status[hidden]{display:none}.rotate-preview-frame img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center}.rotate-preview-status{padding:24px;text-align:center;font-size:14px;color:#71677f}.rotate-preview-status button{display:block;margin:12px auto 0}.rotate-preview-status button[hidden]{display:none}.rotate-preview-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 0;font-size:12px;color:#7d748b}.rotate-preview-caption output{font-weight:600;color:#4e4264}.upload-retention-note{max-width:620px;margin:10px auto 0;font-size:12px;line-height:1.5;color:#7d748b}@media(max-width:600px){.rotate-preview-mat{height:270px}.rotate-preview-toolbar{gap:8px}.rotate-preview-toolbar label{order:3;width:100%}.rotate-preview-toolbar select{flex:1;max-width:100%}.rotate-preview-caption{display:block}.rotate-preview-caption span{display:block;margin-top:4px}}

.rotate-preview-toolbar label[hidden]{display:none}