.avatar-video-page{background:radial-gradient(ellipse at 12% 8%,rgba(116,83,200,.2),transparent 36%),#07142b;min-height:100vh}
.av-main{padding-top:56px;padding-bottom:72px}
.av-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.av-heading .page-title{margin-bottom:12px}
.av-local-badge{display:flex;align-items:center;gap:9px;color:#c5f7df;border:1px solid rgba(116,245,179,.32);background:rgba(50,189,119,.1);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:700;white-space:nowrap}
.av-local-badge span{width:8px;height:8px;border-radius:50%;background:#70efac;box-shadow:0 0 12px #70efac}
.av-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px;align-items:start}
.av-card{border:1px solid rgba(169,182,224,.14);background:linear-gradient(145deg,rgba(22,35,70,.95),rgba(12,24,51,.96));border-radius:22px;padding:25px;box-shadow:0 20px 55px rgba(0,0,0,.18)}
.av-card h2,.av-upgrade h2{font-family:Manrope,sans-serif;font-size:22px;line-height:1.2;margin:7px 0 16px;color:#f4f6ff}
.av-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}
.av-card-heading h2{margin-bottom:0}
.av-quota{min-width:112px;text-align:right;display:grid;gap:2px}
.av-quota strong{font-family:Manrope,sans-serif;font-size:26px;color:#bff6d8}
.av-quota span,.av-small,.av-hint{font-size:12px;line-height:1.55;color:#aeb9d5}
.av-card label,.av-mascot-form label{display:block;color:#e7eafe;font-size:13px;font-weight:700;margin:14px 0 7px}
.av-card input:not([type=checkbox]):not([type=color]),.av-card textarea,.av-card select{width:100%;border-radius:12px;border:1px solid rgba(175,190,226,.2);background:#0a1732;color:#f3f5ff;padding:12px 13px;font:inherit;font-size:14px;outline:none}
.av-card textarea{resize:vertical;min-height:76px;line-height:1.5}
.av-card input:focus,.av-card textarea:focus,.av-card select:focus{border-color:#8d7bf6;box-shadow:0 0 0 3px rgba(141,123,246,.14)}
.av-card input[type=color]{width:100%;height:44px;padding:4px;border-radius:10px;background:#0a1732;border:1px solid rgba(175,190,226,.2)}
.av-hint{margin:8px 0 13px}
.av-details{border-top:1px solid rgba(175,190,226,.12);margin-top:15px;padding-top:14px}
.av-details summary{cursor:pointer;color:#d7d9fc;font-weight:700;font-size:13px}
.av-mascot-form{padding:8px 0 3px}
.av-mascot-form .secondary-button{margin-top:13px}
.av-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.av-two-fields>div{min-width:0}
.av-check{display:flex!important;align-items:center;gap:10px;margin:16px 0!important;font-weight:600!important}
.av-check input{width:18px;height:18px;accent-color:#8d7bf6}
.av-card hr{height:1px;border:0;background:rgba(175,190,226,.14);margin:22px 0}
.av-card .button,.av-card .secondary-button,.av-job .button,.av-job .secondary-button,.av-upgrade .button{border-radius:12px;cursor:pointer}
.av-render-button{width:100%;justify-content:center;margin-top:13px;background:linear-gradient(135deg,#34c77b,#20a866)!important;color:#061b13!important}
.av-card button:disabled{opacity:.55;cursor:wait}
.av-small{margin:12px 0 0}
.av-side{display:grid;gap:20px}
.av-status-card>p{font-size:13px;line-height:1.55;color:#aeb9d5}
.av-metrics{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
.av-metrics>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(175,190,226,.12);padding-top:10px}
.av-metrics span{font-size:10px;letter-spacing:.08em;color:#9eaccd}
.av-metrics b{font-size:12px;color:#e8ecff;text-align:right}
.av-history{display:grid;gap:12px}
.av-job{border:1px solid rgba(175,190,226,.13);background:rgba(5,15,36,.48);border-radius:15px;padding:14px;display:grid;gap:9px}
.av-job-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.av-job-head b{font-size:13px;color:#f1f3ff}
.av-job-state{font-size:9px;letter-spacing:.06em;font-weight:800;border-radius:30px;padding:6px 8px;background:rgba(155,173,215,.14);color:#d4dcf5;white-space:nowrap}
.state-ready,.state-succeeded{background:rgba(67,191,127,.14);color:#a9f5cc}
.state-failed{background:rgba(234,94,103,.15);color:#ffb8bb}
.state-processing{background:rgba(138,118,255,.17);color:#ccc3ff}
.av-job>small{color:#a6b2d0;font-size:11px}
.av-job video{width:100%;max-height:390px;background:#030712;border-radius:11px;margin-top:4px}
.av-progress{height:6px;background:#263455;border-radius:8px;overflow:hidden}
.av-progress span{display:block;height:100%;background:linear-gradient(90deg,#9b83ff,#51d58e);transition:width .35s ease}
.av-job-actions{display:flex;flex-wrap:wrap;gap:8px}
.av-job-actions>*{flex:1;text-align:center;justify-content:center;padding:11px 13px}
.av-error{font-size:12px;line-height:1.4;color:#ffb8bb;margin:0}
.av-privacy{margin-top:20px}
.av-privacy p{font-size:13px;line-height:1.65;color:#b6c1dc;margin:9px 0}
.av-upgrade{display:flex;gap:21px;align-items:flex-start;max-width:760px;margin:38px auto;padding:34px;border:1px solid rgba(175,190,226,.18);border-radius:22px;background:linear-gradient(145deg,rgba(22,35,70,.96),rgba(12,24,51,.97))}
.av-upgrade p{color:#b7c1dc;line-height:1.6;max-width:550px}
.av-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#c5baff;background:rgba(141,123,246,.17);font-size:25px;flex:none}
.av-notice{padding:14px 17px;border-radius:12px;background:rgba(80,179,130,.12);border:1px solid rgba(80,220,151,.22);color:#cef6dd;margin-bottom:18px;font-size:13px;line-height:1.45}
.av-notice.is-error{background:rgba(231,91,107,.11);border-color:rgba(242,118,130,.28);color:#ffd0d3}
@media(max-width:850px){.av-layout{grid-template-columns:1fr}.av-side{grid-template-columns:1fr 1fr}.av-main{padding-top:35px}}
@media(max-width:620px){.av-main{padding-top:25px}.av-heading{display:block}.av-local-badge{width:max-content;margin-top:18px}.av-card{padding:19px;border-radius:18px}.av-side{grid-template-columns:1fr}.av-two-fields{grid-template-columns:1fr}.av-upgrade{padding:22px;gap:14px}.av-upgrade .button{display:inline-flex}.av-quota{min-width:95px}}

.st-card{margin-bottom:24px}.st-img{display:block;max-width:300px;width:100%;border-radius:14px;margin:12px 0;aspect-ratio:9/16;object-fit:cover;background:#0b1730}
.st-img-small{max-width:150px}.st-actions{display:flex;gap:10px;flex-wrap:wrap}.st-voice{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.st-fixed{display:flex;gap:16px;align-items:flex-start}.av-hint.error,.av-notice.error{color:#ff8a8a}
@media(max-width:640px){.st-voice{grid-template-columns:1fr}.st-fixed{flex-direction:column}}