@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f8f7ff;background:#0b1024;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% -10%,#5630aa 0,transparent 31rem),radial-gradient(circle at 5% 35%,#007e83 0,transparent 28rem),#0b1024}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;border-radius:13px;font-weight:700;color:#11162c;background:linear-gradient(135deg,#ffe580,#ffae70);padding:12px 17px;transition:transform .16s,opacity .16s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}main{max-width:1180px;margin:auto;padding:0 25px 60px}nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:700;letter-spacing:-.5px}.brand span{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:6px;border-radius:10px;color:#120f29;background:linear-gradient(135deg,#e5aaff,#78eadf)}.navRight{display:flex;gap:17px;align-items:center}.navRight strong{padding:8px 12px;background:#ffffff13;border:1px solid #ffffff1c;border-radius:20px}.ghost{background:transparent;border:1px solid #ffffff29;color:#fff;padding:9px 13px}.hero{min-height:260px;overflow:hidden;position:relative;padding:37px 42px;margin-bottom:24px;border:1px solid #ffffff1a;border-radius:28px;background:linear-gradient(112deg,#281b5d,#1f3479 66%,#155f72)}.hero>div:first-child{position:relative;z-index:1;max-width:650px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#c4beff;margin:0 0 13px}.hero h1,.auth h1{font:700 clamp(34px,6vw,65px)/.98 "Playfair Display",serif;letter-spacing:-2px;margin:0 0 18px}.hero p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:570px;color:#e3e4f3}.orb{position:absolute;right:-40px;bottom:-110px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle at 31% 30%,#fff1a6 0 6%,#f5a3ff 21%,#768bff 47%,#3ee9cf 65%,transparent 66%);filter:blur(.5px);opacity:.8}.grid{display:grid;grid-template-columns:1fr 300px;gap:24px}.panel{background:#101833d9;border:1px solid #ffffff16;border-radius:23px;padding:25px;box-shadow:0 20px 60px #00000028}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel h2,.library h2{font-size:19px;margin:0}.pill{font-size:12px;padding:7px 11px;border-radius:20px;background:#ffdc8620;color:#ffdf88;border:1px solid #ffdc8642}.composer textarea{width:100%;resize:vertical;min-height:156px;margin:18px 0 10px;padding:16px;border-radius:15px;border:1px solid #ffffff22;background:#070b1d;color:#fff;line-height:1.5;outline:none}.composer textarea:focus,input:focus,select:focus{border-color:#a5a0ff;box-shadow:0 0 0 3px #968aff22}.examples{display:flex;gap:8px;flex-wrap:wrap}.examples button{font-size:11px;line-height:1.3;text-align:left;padding:8px 10px;color:#d8d5fd;background:#ffffff0b;border:1px solid #ffffff18}.controls{display:flex;align-items:end;justify-content:space-between;margin-top:19px;gap:15px}.controls div{display:grid;gap:7px;font-size:12px;color:#c5c6dc}.controls select{border:1px solid #ffffff22;background:#090e23;color:#fff;padding:8px;border-radius:9px}.controls button{min-width:180px}.credits{display:flex;flex-direction:column}.creditNumber{font:700 57px/1 Playfair Display,serif;margin:24px 0 3px;color:#ffe691}.muted{color:#b6bbd2;line-height:1.5}.credits input,label input{background:#080d20;border:1px solid #ffffff23;border-radius:10px;padding:12px;color:#fff;outline:none;width:100%}.credits input{font-size:12px;letter-spacing:1px;margin:14px 0 8px}.secondary{color:#ececff;background:#fff1;border:1px solid #ffffff27}.notice{padding:13px 16px;border-radius:13px;background:#75e5d718;color:#b8fff8;border:1px solid #75e5d739}.library{margin-top:42px}.empty{margin-top:17px;padding:43px;border-radius:18px;background:#10183391;border:1px dashed #ffffff25;color:#a9b0c9;text-align:center}.jobGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.job{overflow:hidden;background:#101833d9;border:1px solid #ffffff16;border-radius:17px;padding:11px}.job video,.videoPlaceholder{width:100%;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(130deg,#29225d,#0f6977);object-fit:cover}.videoPlaceholder{display:grid;place-content:center;text-align:center}.videoPlaceholder span{font-size:29px;font-weight:700}.videoPlaceholder small{margin-top:5px;color:#d5d9ff;text-transform:capitalize}.job p{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jobMeta{display:flex;justify-content:space-between;font-size:11px;color:#abb3ce}.status{color:#ffd470;text-transform:capitalize}.status.completed{color:#7cf4c7}.status.failed{color:#ff9da6}.error{color:#ffabb2;font-size:12px}.auth{min-height:100vh;display:grid;place-items:center;padding:30px}.authCard{width:min(430px,100%);padding:36px;border-radius:27px;background:#121a38dd;border:1px solid #ffffff1d;box-shadow:0 30px 80px #000}.auth h1{font-size:43px}.auth label{display:grid;gap:7px;margin:15px 0;font-size:13px;color:#ced2e7}.auth button{width:100%;margin-top:10px}@media(max-width:760px){main{padding:0 15px 40px}nav{height:70px}.navRight strong{font-size:12px}.hero{padding:30px 25px;min-height:300px}.orb{right:-135px;bottom:-50px}.grid{grid-template-columns:1fr}.credits{min-height:250px}.jobGrid{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.controls button{width:100%}.hero h1{font-size:42px}.authCard{padding:25px}.auth h1{font-size:37px}}
