html body .rotor-opening-previews{margin-top:18px;padding-top:16px;border-top:1px solid #e0ffad60;color:#f1ffd7}
html body .rotor-opening-previews summary{min-height:44px;cursor:pointer;font:800 13px/1.4 Inter,Arial,sans-serif;display:list-item}
html body .rotor-opening-previews label{display:grid;gap:8px;font:650 11px/1.4 Inter,Arial,sans-serif;color:#d8f6ad}
html body .rotor-opening-previews select{min-height:44px;border-radius:20px;padding:10px;background:#030603;color:#f1ffd7;border:1px solid #e0ffad80;font:750 12px/1.3 Inter,Arial,sans-serif}
html body .rotor-preview-stage{position:relative;min-height:180px;margin-block:12px;overflow:hidden;border-radius:24px;background:#03060335}
html body .rotor-preview-stage .rotor-badge-stage{width:100%;height:180px;display:block;touch-action:none;background:transparent}
html body .rotor-preview-tools{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:7px}
html body .rotor-preview-tools button{min-height:44px;padding:9px 7px;border:1px solid #e0ffad80;border-radius:22px;background:#030603a0;color:#f1ffd7;cursor:pointer;font:750 11px/1.3 Inter,Arial,sans-serif}
html body .rotor-preview-tools button:first-child{color:#ffe45b;border-color:#ffe45ba0}
html body .rotor-opening-previews :is(button,select,summary):focus-visible{outline:2px solid #ffe45b;outline-offset:3px}
html body .rotor-preview-note{font:550 12px/1.5 Inter,Arial,sans-serif;color:#d8f6ad;margin-bottom:0}
@media(forced-colors:active){html body .rotor-opening-previews :is(button,select){background:Canvas;color:CanvasText;border-color:ButtonText}}

.rotor-opening-previews[data-preview-kind="win"] .rotor-badge-actions,.rotor-opening-previews[data-preview-kind="win"] .rotor-badge-stage{visibility:hidden}