.brand-logo{width:37px;height:37px;object-fit:contain;flex:none;border-radius:8px;background:#0b0d10}
.brand small{letter-spacing:.16em}
.video-grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:24px}
.video-controls,.video-result{display:grid;align-content:start;gap:16px;padding:22px;border:1px solid #ffffff27;border-radius:13px;background:#11151a}
.video-controls label{display:grid;gap:7px;color:#e7e8eb;font-size:12px;font-weight:700}
.video-controls input,.video-controls select,.video-controls textarea,.video-result textarea{width:100%;border:1px solid #ffffff3d;border-radius:8px;background:#0d1014;color:#fff;padding:12px 13px;outline:none;font:inherit}
.video-controls textarea{min-height:98px;resize:vertical}
.video-result textarea{min-height:480px;resize:vertical;line-height:1.65}
.video-controls input::placeholder,.video-controls textarea::placeholder,.video-result textarea::placeholder{color:#9da4ae}
.video-controls input:focus,.video-controls select:focus,.video-controls textarea:focus,.video-result textarea:focus{border-color:#f04452;box-shadow:0 0 0 3px #f0445227}
.video-controls .primary{justify-self:start}
.video-result .actions{margin-top:0}
.video-result .helper{color:#abb1ba;margin:0;font-size:12px}
@media(max-width:900px){.video-grid{grid-template-columns:1fr}.video-result textarea{min-height:340px}}

/* winning-textarea-scrollbar-v1 */
textarea{resize:none!important;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#626875 #111319}
textarea::-webkit-scrollbar{width:9px}
textarea::-webkit-scrollbar-track{background:#111319;border-radius:9px}
textarea::-webkit-scrollbar-thumb{background:#565c68;border:2px solid #111319;border-radius:9px}
textarea:focus::-webkit-scrollbar-thumb{background:#bd3d53}

/* winning-scrollbar-theme-v1: every scrollable panel follows the dark studio. */
:root{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:#606673 #15171d}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#15171d;border-radius:8px}
*::-webkit-scrollbar-thumb{background:#606673;border:2px solid #15171d;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:#c53e56}

.api-create-link{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:9px 12px;margin:3px 0 14px;border:1px solid #c94b62;border-radius:9px;background:#351e28;color:#ffdee4;font-size:12px;font-weight:800;text-decoration:none}.api-create-link:hover{background:#8e2940;color:#fff}