/* «Добавьте сами» (10.10.2026). Общий для шаблонов флота: цвета берутся из токенов сайта —
   первым вариантом lordserialfderk (zone19), запасным — Lordfilm «Экран» (late3, russkie2). */
.ugcq{
	--u-panel:var(--bg-darker-1,var(--panel,#1f232c));--u-item:var(--bg-darker,var(--panel2,#181b22));--u-dark:var(--bg-black,var(--bg,#0f1115));
	--u-line:var(--bdc,var(--line,rgba(255,255,255,.1)));--u-text:var(--tt,var(--text,#eee));--u-muted:var(--tt-fade,var(--muted,#9aa3b2));
	--u-accent:var(--accent,#f5a524);--u-accent-soft:var(--accent-soft,rgba(245,165,36,.16));
	--u-btn:var(--ui-bg-btn,var(--btn,#b3791d));--u-btn-h:var(--ui-bg-btn-hover,var(--btn-h,#f5a524));--u-btn-tt:var(--ui-tt-btn,#fff);
	--u-inp:var(--ui-bg-inp,var(--surface-sunk,rgba(255,255,255,.05)));--u-inp-line:var(--ui-bdc-inp,var(--line,rgba(255,255,255,.12)));
	--u-ok:var(--green,var(--positive,#3bb33b));--u-err:var(--red,var(--danger,#eb4d4b));--u-r:var(--ui-bdrs,var(--r-sm,8px));
	margin:0 0 20px;border:1px solid var(--u-line);border-radius:var(--u-r);background:var(--u-panel);color:var(--u-text);font-size:15px;line-height:1.35}
.ugcq *{box-sizing:border-box}
.ugcq .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.ugcq__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.ugcq__lead{display:flex;align-items:center;gap:12px;flex:1 1 260px;min-width:0}
.ugcq__ico{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--u-accent-soft);color:var(--u-accent)}
.ugcq__text{display:flex;flex-direction:column;min-width:0}
.ugcq__text b{font-weight:600;font-size:16px}
.ugcq__text i{font-style:normal;color:var(--u-muted);font-size:13px}
.ugcq__toggle{flex:0 0 auto;min-height:44px;padding:0 20px;border:0;border-radius:var(--u-r);background:var(--u-btn);color:var(--u-btn-tt);font:inherit;font-weight:600;cursor:pointer}
.ugcq__toggle:hover,.ugcq__toggle:focus-visible{background:var(--u-btn-h)}
.ugcq__panel{padding:0 16px 14px}
.ugcq__field{position:relative}
.ugcq__input{width:100%;min-height:44px;padding:0 40px 0 14px;border:1px solid var(--u-inp-line);border-radius:var(--u-r);background:var(--u-inp);color:var(--u-text);font:inherit;font-size:16px}
.ugcq__input:focus{outline:0;border-color:var(--u-accent)}
.ugcq .ugcq__input::placeholder,.ugcq .ugcq__input:focus::placeholder{color:var(--u-muted);opacity:.8}   /* тема zone19 прячет placeholder при фокусе, а поле в фокусе сразу */
.ugcq__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ugcq__spin,.ugcq__ready-spin{width:18px;height:18px;border:2px solid var(--u-line);border-top-color:var(--u-accent);border-radius:50%;animation:ugcq-r .8s linear infinite}
.ugcq__spin{position:absolute;right:12px;top:13px}
@keyframes ugcq-r{to{transform:rotate(360deg)}}
.ugcq__hint{margin-top:8px;font-size:13px;color:var(--u-muted)}
.ugcq__hint[hidden]{display:none}
.ugcq__list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.ugcq__item{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:4px 10px 4px 4px;border:1px solid transparent;border-radius:var(--u-r);background:var(--u-item);color:var(--u-text);font:inherit;text-align:left;cursor:pointer}
.ugcq__item:hover,.ugcq__item:focus-visible{border-color:var(--u-accent)}
.ugcq__item img{flex:0 0 40px;width:40px;height:60px;object-fit:cover;border-radius:4px;background:var(--u-dark)}
.ugcq__meta{display:flex;flex-direction:column;flex:1;min-width:0}
.ugcq__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.ugcq__sub{color:var(--u-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ugcq__badge{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--u-accent-soft);color:var(--u-accent);font-size:13px;font-weight:600}
.ugcq__badge--on{background:rgba(59,179,59,.16);color:var(--u-ok)}
.ugcq__msg{margin-top:8px;font-size:14px;color:var(--u-muted)}
.ugcq__msg.is-ok{color:var(--u-ok)}.ugcq__msg.is-err{color:var(--u-err)}
.ugcq__ready{display:flex;align-items:center;gap:10px;margin:0 16px 14px;padding:10px 12px;border-radius:var(--u-r);background:var(--u-item)}
.ugcq__ready[hidden],.ugcq__panel[hidden],.ugcq__msg[hidden],.ugcq__spin[hidden],.ugcq__ready-spin[hidden],.ugcq__ready-btn[hidden]{display:none}
.ugcq__ready-text{flex:1;min-width:0;font-size:14px}
.ugcq__ready.is-done .ugcq__ready-text{color:var(--u-ok)}.ugcq__ready.is-fail .ugcq__ready-text{color:var(--u-err)}
.ugcq__ready-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--u-r);background:var(--u-btn);color:var(--u-btn-tt);text-decoration:none}
.ugcq__ready-close{width:36px;height:36px;border:0;background:none;color:var(--u-muted);font-size:22px;cursor:pointer}
@media (max-width:560px){.ugcq__toggle{width:100%}}
@media (prefers-reduced-motion:reduce){.ugcq__spin,.ugcq__ready-spin{animation:none}}