/* REIN REELS · попап «Создать нейровидео» (2026-10-15). Классы rnv-*; оверлей — действующий .rrl-overlay редактора Reels. */
.rnv-dialog{position:relative;width:min(100%,880px);max-height:calc(100vh - 40px);overflow-y:auto;box-sizing:border-box;padding:26px 28px 24px;color:#eee0c8;background:radial-gradient(120% 90% at 85% 0%,rgba(165,101,22,.13),transparent 55%),#14110e;border:1px solid #9a753d;border-radius:20px;box-shadow:0 25px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,230,177,.06);font-family:'Onest',sans-serif;}
.rnv-dialog *{box-sizing:border-box;}
.rnv-close{position:absolute;right:16px;top:12px;color:#e8cd96;background:none;border:0;font-size:27px;cursor:pointer;line-height:1;}
.rnv-head h2{font:400 28px/1.1 'NovelistDisplay',serif;margin:0 34px 6px 0;color:#f3dfb8;}
.rnv-head p{margin:0;color:#baa88e;font:12px/1.55 'Onest',sans-serif;max-width:520px;}
.rnv-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;margin-top:20px;align-items:start;}
.rnv-form{display:flex;flex-direction:column;gap:16px;min-width:0;}
.rnv-label{display:block;font:600 11px/1 'Onest',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#d9bd86;margin-bottom:8px;}
.rnv-label i{font-style:normal;text-transform:none;letter-spacing:0;color:#8f7e63;font-weight:400;margin-left:6px;}
.rnv-upload{position:relative;display:flex;align-items:center;gap:16px;padding:14px;border:1px dashed #947144;border-radius:14px;background:rgba(8,7,6,.55);cursor:pointer;min-height:132px;transition:border-color .18s,background .18s;}
.rnv-upload:hover{border-color:#e1ba73;background:rgba(40,32,21,.55);}
.rnv-upload.has-photo{border-style:solid;border-color:#7a5f35;cursor:default;}
.rnv-upload-empty{display:flex;align-items:center;gap:14px;width:100%;}
.rnv-upload-ico{flex:0 0 56px;height:56px;border-radius:14px;border:1px solid rgba(225,177,82,.5);display:grid;place-items:center;color:#e1ba73;font-size:24px;background:rgba(225,177,82,.07);}
.rnv-upload-title{font:600 14px/1.2 'Onest',sans-serif;color:#f1dfbc;}
.rnv-upload-sub{margin-top:4px;font:12px/1.45 'Onest',sans-serif;color:#9d8c72;}
.rnv-thumb{flex:0 0 78px;height:104px;border-radius:10px;object-fit:cover;background:#080706;border:1px solid #5c492c;}
.rnv-models{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.rnv-model{appearance:none;text-align:left;display:grid;gap:4px;padding:12px 13px;border:1px solid #4a3b24;border-radius:12px;background:rgba(8,7,6,.55);color:#eee0c8;cursor:pointer;font-family:inherit;transition:border-color .18s,background .18s,box-shadow .18s;}
.rnv-model:hover:not(:disabled){border-color:#c79c55;}
.rnv-model.on{border-color:#e1ba73;background:linear-gradient(135deg,rgba(105,66,27,.5),rgba(24,16,9,.7));box-shadow:0 0 0 1px rgba(243,196,119,.14);}
.rnv-model:disabled{opacity:.5;cursor:not-allowed;}
.rnv-model-name{font:600 13px/1.2 'Onest',sans-serif;color:#f6e6c3;}
.rnv-model-vendor{font:11px/1.3 'Onest',sans-serif;color:#9d8c72;}
.rnv-price{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#f1d79c;font:700 13px/1 'Onest',sans-serif;}
.rnv-price img{width:17px;height:17px;}
.rnv-price.off{color:#8f7e63;font-weight:500;font-size:12px;}
.rnv-photo-info{flex:1 1 auto;min-width:0;}
.rnv-photo-name{font:600 13px/1.3 'Onest',sans-serif;color:#f1dfbc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rnv-photo-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.rnv-mini{appearance:none;border:1px solid rgba(225,177,82,.43);background:#18140f;color:#f1dfbc;border-radius:9px;padding:8px 12px;font:600 11px/1 'Onest',sans-serif;cursor:pointer;transition:border-color .18s,background .18s;}
.rnv-mini:hover{border-color:#e1ba73;background:#282015;}
.rnv-mini.danger:hover{border-color:#d07644;color:#f3b79a;}
.rnv-mini:disabled{opacity:.45;cursor:not-allowed;}
.rnv-textarea{display:block;width:100%;min-height:96px;padding:12px;background:#080706;border:1px solid #5c492c;border-radius:10px;color:#f5e9d5;font:13px/1.5 'Onest',sans-serif;resize:vertical;}
.rnv-textarea:focus{outline:none;border-color:#e1ba73;}
.rnv-hint{margin-top:6px;display:flex;justify-content:space-between;gap:10px;font:11px/1.4 'Onest',sans-serif;color:#8f7e63;}
.rnv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.rnv-chip{border:1px solid #4a3b24;background:transparent;color:#bfa987;border-radius:999px;padding:6px 11px;font:11px/1 'Onest',sans-serif;cursor:pointer;}
.rnv-chip:hover{border-color:#e1ba73;color:#f1dfbc;}
.rnv-go{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;width:100%;padding:12px;border:1px solid rgba(237,184,83,.8);border-radius:12px;background:linear-gradient(135deg,rgba(105,66,27,.9),rgba(41,27,13,.92));color:#f8e3b6;font:700 12px/1 'Onest',sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:filter .18s,border-color .18s;}
.rnv-go:hover:not(:disabled){border-color:#f3c477;filter:brightness(1.1);}
.rnv-go:disabled{opacity:.5;cursor:not-allowed;}
.rnv-go img{width:18px;height:18px;}
.rnv-note{font:11px/1.55 'Onest',sans-serif;color:#8f7e63;margin:0;}
.rnv-status{min-height:18px;font:12px/1.45 'Onest',sans-serif;color:#d9bd86;}
.rnv-status.err{color:#f1a98b;}
.rnv-side{display:flex;flex-direction:column;align-items:center;gap:12px;}
.rnv-phone{position:relative;width:100%;max-width:250px;aspect-ratio:9/16;border-radius:30px;padding:9px;background:linear-gradient(160deg,#2a2218,#0c0a07);border:1px solid #8a6a38;box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,230,177,.12);}
.rnv-phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:54px;height:5px;border-radius:5px;background:#070605;z-index:3;opacity:.9;}
.rnv-screen{position:relative;width:100%;height:100%;border-radius:23px;overflow:hidden;background:#050403;display:grid;place-items:center;text-align:center;}
.rnv-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;}
.rnv-empty{padding:0 22px;color:#8f7e63;font:12.5px/1.55 'Onest',sans-serif;}
.rnv-empty b{display:block;margin-bottom:8px;font:400 22px/1 'NovelistDisplay',serif;color:#d9bd86;}
.rnv-busy{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 20px;color:#d9bd86;font:12px/1.5 'Onest',sans-serif;}
.rnv-spin{width:38px;height:38px;border-radius:50%;border:2px solid rgba(225,177,82,.2);border-top-color:#e1ba73;animation:rnv-rot 1s linear infinite;}
.rnv-busy small{color:#8f7e63;font-size:11px;}
@keyframes rnv-rot{to{transform:rotate(360deg);}}
.rnv-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:250px;}
.rnv-result .rnv-go{min-height:42px;font-size:10.5px;letter-spacing:.04em;padding:10px 6px;text-decoration:none;}
.rnv-result .rnv-go.full{grid-column:1/-1;}
.rnv-result .rnv-go.ghost{background:#18140f;border-color:rgba(225,177,82,.43);}
@media(prefers-reduced-motion:reduce){.rnv-spin{animation-duration:3s;}}
@media(max-width:700px){
  .rnv-dialog{padding:20px 16px 18px;border-radius:16px;}
  .rnv-head h2{font-size:24px;}
  .rnv-grid{grid-template-columns:1fr;gap:18px;margin-top:16px;}
  .rnv-side{order:2;}
  .rnv-models{grid-template-columns:1fr;}
  .rnv-phone{max-width:min(250px,62vw);}
  .rnv-result{max-width:min(250px,62vw);}
}

/* Compact approved neuro-video modal layout */
.rnv-dialog{width:min(100%,1060px);padding:30px 32px 24px;background:radial-gradient(95% 80% at 82% 0%,rgba(120,74,27,.17),transparent 60%),#15110d}
.rnv-head h2{font-size:35px;margin-bottom:12px}
.rnv-head p{max-width:720px;font-size:13px}
.rnv-grid{grid-template-columns:minmax(0,1fr) minmax(240px,30%);gap:24px;margin-top:22px}
.rnv-form{gap:14px}
.rnv-top-pair{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:12px;align-items:stretch}
.rnv-photo-card,.rnv-model-card{min-width:0;border:1px solid rgba(171,122,53,.32);border-radius:15px;padding:14px;background:rgba(5,4,3,.3)}
.rnv-upload{min-height:154px;padding:10px;justify-content:center}
.rnv-upload-empty{flex-direction:column;text-align:center;gap:10px}
.rnv-upload-ico{flex:0 0 55px;width:55px;height:55px}
.rnv-upload-title{font-size:12px}
.rnv-upload-sub{font-size:10px}
.rnv-photo-guidance{font:11px/1.48 'Onest',sans-serif;color:#bca88a;margin:10px 0 0}
.rnv-models{height:154px;gap:9px}
.rnv-model{align-content:center;padding:12px 10px}
.rnv-model-name{font-size:12px}
.rnv-model-vendor{font-size:10px}
.rnv-thumb{flex:0 0 62px;width:62px;height:86px}
.rnv-upload.has-photo{flex-direction:column;gap:7px;text-align:center}
.rnv-photo-actions{justify-content:center;margin-top:7px;gap:5px}
.rnv-mini{padding:7px 8px}
.rnv-textarea{min-height:100px}
.rnv-phone{max-width:290px}
.rnv-go{min-height:54px}
@media(max-width:860px){.rnv-dialog{padding:22px 18px}.rnv-grid{grid-template-columns:minmax(0,1fr) 215px;gap:16px}.rnv-top-pair{grid-template-columns:38% minmax(0,1fr)}.rnv-models{grid-template-columns:1fr;height:auto}.rnv-model{min-height:70px}.rnv-upload{min-height:155px}}
@media(max-width:700px){.rnv-grid{grid-template-columns:1fr}.rnv-top-pair{grid-template-columns:38% minmax(0,1fr)}.rnv-models{grid-template-columns:1fr}.rnv-side{order:2}.rnv-phone{max-width:min(280px,72vw)}}
@media(max-width:430px){.rnv-dialog{padding:19px 13px}.rnv-head h2{font-size:26px}.rnv-top-pair{grid-template-columns:1fr}.rnv-models{grid-template-columns:1fr 1fr}.rnv-upload{min-height:105px}.rnv-upload-empty{flex-direction:row;text-align:left}.rnv-photo-guidance{margin-top:8px}}

/* Photo upload contextual help */
.rnv-photo-card{position:relative}
.rnv-help-trigger{display:inline-grid;place-items:center;vertical-align:middle;margin-left:5px;width:19px;height:19px;padding:0;border:1px solid #b68d4d;border-radius:50%;background:#261c13;color:#f2d29a;font:700 12px/1 'Onest',sans-serif;cursor:pointer;letter-spacing:0}
.rnv-help-trigger:hover,.rnv-help-trigger[aria-expanded="true"]{background:#6f4a20;color:#fff1d5}
.rnv-photo-tip{position:absolute;left:10px;top:47px;width:min(310px,calc(100vw - 65px));z-index:12;padding:12px 14px;border:1px solid #b58a49;border-radius:10px;background:#211811;box-shadow:0 12px 32px rgba(0,0,0,.65);color:#f0dcc0;font:12px/1.55 'Onest',sans-serif;text-transform:none;letter-spacing:0}
.rnv-photo-tip[hidden]{display:none!important}

/* Compact readable selection cards; personal gallery handles new uploads */
.rnv-top-pair{grid-template-columns:minmax(0,31%) minmax(0,1fr);gap:10px}
.rnv-photo-card,.rnv-model-card{padding:12px}
.rnv-upload{min-height:114px;padding:9px}
.rnv-upload-empty{gap:8px}
.rnv-upload-ico{flex-basis:43px;width:43px;height:43px;font-size:22px}
.rnv-upload-title{font-size:13px;line-height:1.3}
.rnv-upload-sub{font-size:12px;line-height:1.4}
.rnv-models{height:114px;gap:8px;grid-template-columns:minmax(0,1fr)}
.rnv-model{padding:12px 10px;gap:8px}
.rnv-model-name{font-size:14px;line-height:1.4}
.rnv-model-vendor{font-size:12px;line-height:1.4}
.rnv-price{font-size:15px}
.rnv-label{font-size:12px}
.rnv-chip{font-size:12px}
@media(max-width:860px){.rnv-models{height:auto}.rnv-model{min-height:73px}}
@media(max-width:430px){.rnv-top-pair{grid-template-columns:1fr}.rnv-models{grid-template-columns:1fr 1fr}.rnv-upload{min-height:100px}}

/* Align photo/model cards and place help icon beside its heading */
.rnv-photo-label{display:flex!important;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap;font-size:11px;letter-spacing:.035em}
.rnv-photo-label .rnv-help-trigger{flex:0 0 18px;width:18px;height:18px;margin:0;vertical-align:initial}
.rnv-top-pair{align-items:stretch}
.rnv-photo-card,.rnv-model-card{display:flex;flex-direction:column;min-width:0}
.rnv-photo-card .rnv-upload,.rnv-model-card .rnv-models{flex:1 1 auto}
.rnv-dialog{background:linear-gradient(90deg,rgba(16,11,8,.93),rgba(16,11,8,.83) 62%,rgba(15,11,7,.70)),url('assets/ui/backgrounds/carousel_workspace_bg_dark_01.webp') center center/cover no-repeat,#15110d}

/* Grok-only mode: one readable model card at every viewport */
.rnv-models{grid-template-columns:minmax(0,1fr)!important}
.rnv-model-card .rnv-model{min-height:114px;align-content:center}

/* Equal-sized photo upload and Grok cards */
.rnv-top-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:10px}
.rnv-photo-card,.rnv-model-card{min-width:0;height:175px}
.rnv-photo-card .rnv-upload,.rnv-model-card .rnv-models{min-height:0;height:auto;flex:1 1 auto}
.rnv-model-card .rnv-model{min-height:0;height:100%;align-content:center}
.rnv-photo-card .rnv-upload{min-height:0}
@media(max-width:430px){.rnv-top-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rnv-photo-card,.rnv-model-card{height:180px;padding:9px}.rnv-photo-label{font-size:10px}.rnv-model-name{font-size:12px}}

/* REIN Reels topic and hook choices: match Carousel's fully visible list. */
#screen-reels-create .rrl-option-list{max-height:none!important;height:auto!important;overflow-y:visible!important;overflow-x:visible!important;overscroll-behavior:auto!important;padding:3px 1px!important;scrollbar-width:auto!important}
#screen-reels-create .rrl-option-list .rein-studio-topic-chip{flex:0 0 auto;width:100%;min-height:0;text-align:left;white-space:normal;line-height:1.5}
