:root{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}html,body,#root{width:100%;height:100%;margin:0}#root{min-height:100svh}.rec-root{background-color:#212121;flex-direction:column;display:flex;position:fixed;inset:0}.rec-header{background-color:#263238;flex-shrink:0;justify-content:space-between;align-items:center;height:53px;padding:0 20px;display:flex}.rec-logo{height:19px;display:block}.rec-close{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.rec-body{flex:1;min-height:0;display:flex}.rec-sidebar{background-color:#1b1b1b;border-right:1px solid #000;flex-direction:column;flex-shrink:0;justify-content:space-between;width:210px;display:flex}.rec-thumb-list{flex-direction:column;gap:16px;padding:12px;display:flex;overflow-y:auto}.rec-thumb-item{cursor:pointer}.rec-thumb-frame{aspect-ratio:167/108;background-color:#000;border:2px solid #0000;border-radius:4px;width:100%;overflow:hidden}.rec-thumb-item.is-selected .rec-thumb-frame{border-color:#2fae9f}.rec-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.rec-thumb-label{color:#fff;margin-top:6px;font-size:13px}.rec-thumb-item.is-selected .rec-thumb-label{color:#2fae9f}.rec-cta-wrap{padding:12px}.rec-cta{color:#fff;cursor:pointer;text-transform:none;background-color:#2fae9f;border:0;border-radius:4px;width:100%;height:40px;font-size:14px;font-weight:700}.rec-cta:hover{background-color:#27968a}.rec-viewer{background-color:#212121;flex:1;min-width:0}.rec-loading{background-color:#212121;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.rec-spinner{border:4px solid #ffffff26;border-top-color:#2fae9f;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite rec-spin}.rec-loading-text{color:#c8c8c8;font-size:14px}@keyframes rec-spin{to{transform:rotate(360deg)}}