.video-create,.video-history{margin-top:18px}.card-title>small{color:#7d8790;font-size:10px}.video-form{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-form label{display:flex;flex-direction:column;gap:7px;color:#5f6973;font-size:10px;font-weight:bold}.video-form select{height:40px;border:1px solid #d9dfe3;border-radius:7px;background:#fff;padding:0 10px}.video-prompt{grid-column:1/-1}.video-prompt textarea{height:140px;border:1px solid #d9dfe3;border-radius:7px;padding:12px;resize:vertical;font:13px/1.6 inherit}.video-reference{grid-column:1/-1;min-height:86px;border:1px dashed #bdc9cd;border-radius:7px;background:#fafcfc;align-items:center;justify-content:center;cursor:pointer;color:var(--green)!important}.video-reference span{color:#89939a;font-weight:normal}.video-reference input{display:none}.video-options{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-form>.primary{grid-column:1/-1;height:44px}.video-note{grid-column:1/-1;margin:0;color:#879098;font-size:10px}.video-summary{padding:13px 20px;background:#fafbfb;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#7d8790;font-size:10px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.video-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.video-card video,.video-placeholder{width:100%;height:180px;background:#17212a;object-fit:cover}.video-placeholder{display:grid;place-items:center;color:#9da9b2;font-size:12px}.video-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}.video-card-body>div{display:flex;justify-content:space-between;gap:8px}.video-card-body p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.video-card-body small{color:#849099}.video-card-body a{text-decoration:none}.video-status{font-size:9px;border-radius:12px;padding:4px 7px;background:#eef2f3}.video-status.completed{background:#e7f4ef;color:#17664d}.video-status.failed{background:#fff0ee;color:#a33e36}.video-error{color:#a33e36!important;white-space:normal!important}.video-empty{grid-column:1/-1;text-align:center;padding:45px;color:#8b949c}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.video-form{grid-template-columns:1fr}.video-prompt,.video-reference,.video-options,.video-form>.primary,.video-note{grid-column:auto}.video-options{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}}
.video-poster{position:relative;display:block;width:100%;height:180px;border:0;padding:0;background:#17212a;cursor:pointer;overflow:hidden}.video-poster img{width:100%;height:100%;object-fit:cover}.video-poster span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0009;color:#fff;font-size:20px}