.auto-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;margin-bottom:18px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#111425 0%,#252051 58%,#6746e8 100%);box-shadow:0 18px 45px rgba(37,32,81,.16)}
.auto-hero span,.auto-head span{display:block;margin-bottom:8px;color:#9e8aff;font-size:11px;font-weight:900;letter-spacing:.14em}
.auto-hero h2{max-width:780px;margin:0 0 10px;font-size:29px;line-height:1.16}
.auto-hero p{max-width:820px;margin:0;color:#dedaf6;line-height:1.6}
.auto-run{min-width:205px;padding:15px 20px;border:0;border-radius:13px;color:#fff;background:#795bff;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(121,91,255,.32)}
.auto-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.auto-stats article{padding:20px;border:1px solid #e1e4ef;border-radius:17px;background:#fff}
.auto-stats span,.auto-stats small{display:block;color:#747991;font-size:12px}
.auto-stats strong{display:block;margin:8px 0 4px;font-size:25px}
.auto-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;margin-bottom:18px}
.auto-panel,.auto-queue,.auto-clips{padding:22px}
.auto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e7e8f0}
.auto-head h3{margin:0 0 5px;font-size:20px}.auto-head p{margin:0;color:#747991}.auto-head>b{padding:7px 10px;border-radius:999px;color:#087a52;background:#e3f8ef;font-size:11px}
.auto-source-form{display:grid;grid-template-columns:1fr 180px;gap:10px;margin:18px 0}.auto-source-form input[type=url]{grid-column:1/-1}
.auto-source-form button{grid-column:1/-1}.auto-source-form input,.auto-source-form select,.auto-rule-form select,.auto-rule-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #dce0ec;border-radius:11px;background:#fff;font:inherit}
.auto-source-list>div{display:grid;grid-template-columns:94px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #ececf3}
.auto-source-list>div>span{font-size:10px;font-weight:900;color:#7657ff}.auto-source-list strong,.auto-source-list a{display:block}.auto-source-list a{max-width:390px;overflow:hidden;color:#777b91;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.auto-source-list button,.auto-draft form button{padding:8px 11px;border:0;border-radius:9px;cursor:pointer;font-weight:800}.auto-source-list button,.reject{color:#b42318;background:#fff0ee}
.auto-empty{padding:24px;text-align:center;color:#81859a;background:#f8f8fc;border:1px dashed #dcddea;border-radius:13px}.auto-empty.large{padding:44px}
.auto-rule-form{display:grid;gap:16px;margin-top:18px}.auto-rule-form>label:not(.auto-switch){display:grid;gap:7px;font-weight:800}.auto-rule-form fieldset{padding:14px;border:1px solid #e1e3ec;border-radius:13px}.auto-rule-form legend{padding:0 7px;font-weight:800}
.auto-checks{display:flex;flex-wrap:wrap;gap:9px}.auto-checks label{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:#f6f5ff;font-size:12px;font-weight:800}
.auto-switch{display:flex;align-items:center;gap:10px;font-weight:900}.auto-switch input{width:18px;height:18px}
.auto-queue,.auto-clips{margin-bottom:18px}.auto-queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.auto-draft{padding:18px;border:1px solid #e0e2ec;border-radius:15px;background:#fff}.auto-draft.approved{border-color:#b9ead6;background:#fbfffd}.auto-draft.rejected{opacity:.62}
.auto-draft-top{display:flex;justify-content:space-between;gap:10px}.auto-draft-top span,.auto-draft-top b,.auto-tags span{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.auto-draft-top span{color:#6547df;background:#eeeaff}.auto-draft-top b{color:#64697b;background:#f0f1f5}
.auto-draft h4{margin:14px 0 9px;font-size:17px}.auto-draft>p{color:#555b70;line-height:1.55}.auto-draft details{margin:12px 0;padding:10px;border-radius:10px;background:#f7f7fb}.auto-draft details p{margin:8px 0 0;color:#676c7e}
.auto-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.auto-tags span{color:#176b52;background:#e6f8f0}.auto-draft>small{display:block;color:#838699}.auto-draft form{display:flex;gap:8px;margin-top:14px}.approve{color:#fff;background:#169b6b}
.clip-list>div{display:grid;grid-template-columns:110px 1fr auto;gap:15px;align-items:start;padding:16px 0;border-bottom:1px solid #ececf2}.clip-list>div>span{color:#6547df;font-weight:900}.clip-list p{margin:5px 0;color:#656a7c}.clip-list a{font-size:12px}.clip-list>div>b{padding:6px 9px;border-radius:999px;background:#f1efff;color:#684ee1;font-size:10px}
.auto-safety{margin-bottom:20px;padding:15px 17px;border:1px solid #f1d78d;border-radius:13px;color:#735711;background:#fff9e8;line-height:1.55}
@media(max-width:1000px){.auto-stats{grid-template-columns:repeat(2,1fr)}.auto-grid{grid-template-columns:1fr}.auto-queue-grid{grid-template-columns:1fr}}
@media(max-width:650px){.auto-hero{align-items:flex-start;flex-direction:column;padding:23px}.auto-hero h2{font-size:24px}.auto-run{width:100%}.auto-stats{grid-template-columns:1fr 1fr}.auto-source-form{grid-template-columns:1fr}.auto-source-form input[type=url],.auto-source-form button{grid-column:auto}.auto-source-list>div{grid-template-columns:1fr}.clip-list>div{grid-template-columns:1fr}}
