.gg-device-ratios{box-sizing:border-box;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;margin:auto;overflow:auto;background:#232830;color:#eeeef2;border:1px solid #555a63;border-radius:12px;font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}
.gg-device-ratios::backdrop{background:#0009}.gg-device-ratios header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gg-device-ratios h2{font:600 20px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;margin:0}.gg-device-ratios label{display:grid;gap:6px;margin:16px 0}.gg-device-ratios select{width:100%;min-height:44px;padding:8px;background:#303741;border:1px solid #555e6b;color:inherit;border-radius:6px;font:inherit}.gg-device-ratios button{min-height:40px;padding:8px 12px;background:#333a45;border:1px solid #535c69;color:inherit;border-radius:6px;font:inherit;cursor:pointer}.gg-device-ratios button:disabled{opacity:.5}.gg-device-ratios footer{display:flex;justify-content:flex-end;gap:8px}.gg-device-ratios [data-ratio-status]{font-size:12px;color:#bac1cc;min-height:36px}
html.gg-device-ratios-open :is(.gg-lab,.gg-rack-hud,.cp-hud,.cp-hud__ring){visibility:hidden!important}
[data-device-ratio]>.gg-card__img{height:100%;width:100%;object-fit:contain}

.gg-card__media[data-device-ratio]{flex:0 0 auto!important}