*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#15203a}
a{text-decoration:none;color:inherit}header{height:70px;background:#fff;border-bottom:1px solid #e6eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}
.logo{font-weight:800;font-size:19px}nav{display:flex;gap:20px;align-items:center}.credits{background:#eef2ff;padding:9px 13px;border-radius:30px}
.container{max-width:1180px;margin:auto;padding:34px 20px 70px}.hero{border-radius:24px;padding:42px;background:linear-gradient(135deg,#171d3b,#4f46e5);color:#fff;margin-bottom:24px}
.hero h1{font-size:clamp(30px,5vw,52px);max-width:800px;margin:8px 0}.hero p{opacity:.84;font-size:18px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800}
.panel{background:#fff;border:1px solid #e6eaf2;padding:25px;border-radius:18px;box-shadow:0 8px 28px rgba(40,50,90,.06);margin-bottom:25px}
.generator{max-width:860px;margin:-12px auto 34px}.mode-tabs{display:flex;gap:10px;margin-bottom:20px}.mode-tabs label{background:#f0f2f8;padding:12px 16px;border-radius:12px;cursor:pointer}
label{display:block;font-weight:650;font-size:14px;margin-bottom:17px}input,textarea,select{display:block;width:100%;margin-top:8px;border:1px solid #d8deea;border-radius:11px;padding:13px 14px;font:inherit;background:#fff}
textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.btn{display:inline-block;border:0;border-radius:11px;padding:13px 19px;background:#4f46e5;color:#fff;font-weight:750;cursor:pointer}.btn:disabled{opacity:.55}.btn.small{padding:9px 13px;font-size:13px}.full{width:100%}.hidden{display:none}
.section-head{display:flex;align-items:center;justify-content:space-between}.ghost{border:1px solid #d8deea;background:#fff;border-radius:9px;padding:9px 13px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:#fff;border:1px solid #e6eaf2;border-radius:16px;overflow:hidden}.video-box{aspect-ratio:16/9;background:#101427;display:grid;place-items:center;color:#fff}.video-box video{width:100%;height:100%;object-fit:contain}.video-info{padding:15px}.video-info p{height:42px;overflow:hidden;margin:0 0 8px}.video-info small,.muted{color:#6d7690}.actions{margin-top:12px}.status-visual{text-align:center}.spinner{display:block;width:30px;height:30px;border:3px solid #ffffff44;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 9px}@keyframes spin{to{transform:rotate(360deg)}}
.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.success{background:#e8fbef;color:#176d36}.error{background:#fff0f0;color:#a72a2a}.error-text{color:#a72a2a;font-size:12px}
.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#5962e8,#11162e)}.auth-card,.install-card{width:min(92%,460px);background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 80px #0005}.install-card{width:min(94%,760px)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:#4f46e5;color:#fff;border-radius:13px;font-weight:900}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid h3,.form-grid .full{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stats div{background:#fff;border-radius:16px;padding:20px;border:1px solid #e6eaf2}.stats b{display:block;font-size:30px}.stats span{color:#6d7690}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e9edf4;padding:12px}
@media(max-width:800px){.video-grid{grid-template-columns:1fr}.form-row,.form-grid{grid-template-columns:1fr}.form-grid h3,.form-grid .full{grid-column:auto}.hero{padding:28px 22px}header{padding:0 15px}.stats{grid-template-columns:1fr}.logo{font-size:15px}nav{gap:10px}}