:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#eaf7ff;background:#07111f;font-synthesis:none;--bg:#07111f;--panel:#0b1b2d;--panel2:#0f2237;--line:#1b3d53;--muted:#7894aa;--cyan:#18c8e8;--green:#07c892;--purple:#8369ff;--danger:#ff5b70}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 30% 10%,#073449 0,transparent 30%),radial-gradient(circle at 85% 20%,#201a53 0,transparent 33%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:64px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 24px;background:#07121ff2;border-bottom:1px solid #173347;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-weight:900;background:linear-gradient(145deg,#13d1e4,#7657ff 70%);box-shadow:0 0 0 3px #16294c,0 0 28px #20c8ee55}.brand-mark.large{width:48px;height:48px;border-radius:14px;font-size:22px}.topnav{display:flex;align-items:center;gap:6px;margin:auto}.topnav a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:11px;color:#a9bdcb;font-size:14px}.topnav a:hover,.topnav a.active{color:#fff;background:linear-gradient(135deg,#123b4d,#172b48)}.user-actions{min-width:205px;display:flex;justify-content:flex-end;align-items:center;gap:10px;position:relative}.balance{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #185665;border-radius:10px;color:#65e8c8;background:#08313c;font-size:13px}.icon-button{width:36px;height:36px;border:0;border-radius:10px;color:#bad1df;background:transparent}.icon-button:hover{background:#13283a}.account-menu{position:absolute;right:0;top:48px;width:220px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b192a;box-shadow:0 18px 60px #0008;display:flex;flex-direction:column;gap:5px}.account-menu>b,.account-menu>small{padding:2px 9px}.account-menu small{color:var(--muted);margin-bottom:7px}.account-menu a,.account-menu button{display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:8px;color:#cbe0eb;background:transparent;text-align:left}.account-menu a:hover,.account-menu button:hover{background:#10273b}.page{min-height:calc(100vh - 64px)}.boot-loader{height:100vh;display:flex;justify-content:center;align-items:center;gap:16px;color:#a8c6d6}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#07111f}.login-hero{position:relative;padding:10vh 7vw;overflow:hidden;background:radial-gradient(circle at 20% 30%,#142465aa,transparent 30%),radial-gradient(circle at 75% 70%,#006e7aaa,transparent 28%),#071221}.login-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#1b547522 1px,transparent 1px),linear-gradient(90deg,#1b547522 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(135deg,black,transparent 65%);mask-image:linear-gradient(135deg,black,transparent 65%)}.back-link,.login-brand,.login-hero h1,.login-hero p,.login-hero ul{position:relative;z-index:2}.back-link{color:#6f8aa0;font-size:14px;margin-bottom:50px}.login-brand{display:flex;align-items:center;gap:14px;font-size:20px;margin-bottom:50px}.login-hero h1{font-size:38px;margin:0 0 14px}.login-hero>p{color:#8ca4b6;font-size:16px}.login-hero ul{padding:24px 0;list-style:none;display:grid;gap:20px}.login-hero li{display:flex;align-items:center;gap:12px;color:#c4d7e2}.login-hero li svg{width:17px;color:#19d9a2}.hero-orbits{position:absolute;right:8%;bottom:8%;display:flex;gap:18px;color:#46e1ef55}.hero-orbits svg{width:60px;height:60px}.login-panel{display:grid;place-items:center;padding:40px;background:#081320}.login-panel form{width:min(420px,100%)}.login-panel h2{font-size:30px;margin:0 0 8px}.login-panel form>p{color:#71899c;margin:0 0 35px}.login-panel label,.creator-sidebar label,.task-card label,.admin-card label{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:13px;color:#a8bfcd}.login-panel input,.creator-sidebar input,.creator-sidebar textarea,.creator-sidebar select,.task-card input,.task-card textarea,.video-toolbar select,.admin-card input,.admin-card select,.admin-card textarea{width:100%;border:1px solid #183249;border-radius:11px;background:#07111e;color:#fff;padding:13px;outline:none}.login-panel input:focus,.creator-sidebar textarea:focus,.admin-card input:focus,.admin-card textarea:focus{border-color:#1b9fba;box-shadow:0 0 0 3px #0aa5c522}.primary-button,.generate-button{width:100%;border:0;border-radius:11px;padding:14px;color:#fff;font-weight:700;background:linear-gradient(100deg,#7864f5,#10bfe1)}.primary-button:disabled,.generate-button:disabled{opacity:.45;cursor:not-allowed}.login-note{text-align:center;color:#61798a;font-size:13px;margin-top:22px}.form-error{padding:10px 12px;border:1px solid #7c2e42;border-radius:8px;color:#ff9aac;background:#3c1320;margin:10px 0;font-size:12px}.creator-layout{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 64px)}.creator-sidebar{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;padding:24px 18px;background:#0a1e2f;border-right:1px solid #183c52}.section-title{display:flex;gap:12px;align-items:flex-start}.section-title>svg{width:36px;height:36px;padding:8px;border-radius:10px;background:#16334a;color:#53d9ee}.section-title h1{font-size:18px;margin:0}.section-title p{font-size:12px;color:#7893a5;margin:6px 0}.retention{display:flex;align-items:center;gap:6px;color:#edcc46;font-size:12px;margin:8px 0 28px}.creator-sidebar select{appearance:none}.price-line{display:block;color:#f2c642;margin:-10px 0 18px}.segmented{display:flex;gap:7px}.segmented button{flex:1;padding:9px 11px;border:1px solid #23425b;border-radius:9px;background:#11273a;color:#9db1bf}.segmented button.active{color:#bff8ff;border-color:#18c8e8;background:#0d4a63}.upload-drop{min-height:76px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:1px dashed #28516a;border-radius:10px;background:#091827;color:#88a8b9!important}.upload-drop small{font-size:10px;color:#5f8294}.upload-previews{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.upload-previews>div{position:relative;width:54px;height:54px}.upload-previews img{width:100%;height:100%;object-fit:cover;border-radius:7px}.upload-previews button{position:absolute;right:-5px;top:-5px;border:0;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;color:#fff;background:#e94a61}.generate-button{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(100deg,#10a8ca,#09c787)}.gallery-panel{padding:16px;overflow:hidden}.masonry{columns:5 230px;column-gap:14px}.work-card{break-inside:avoid;margin-bottom:14px;border:1px solid #163149;border-radius:12px;background:#0d2032;overflow:hidden}.media-frame{position:relative;min-height:190px;background:#08131f;display:grid;place-items:center;overflow:hidden}.media-frame img,.media-frame video{width:100%;display:block}.media-actions{position:absolute;top:10px;left:10px;display:flex;gap:7px;opacity:0;transition:.2s}.media-frame:hover .media-actions{opacity:1}.media-actions a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#07121dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.job-state{display:flex;flex-direction:column;align-items:center;gap:10px;color:#7dcfe0;font-size:13px;padding:20px;text-align:center}.job-state.error{color:#ff8194}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.work-meta{padding:12px}.work-meta p{margin:0 0 10px;line-height:1.55;color:#b4c7d2;font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-meta>div{display:flex;justify-content:space-between;color:#66879a;font-size:10px}.work-meta span{padding:3px 6px;border-radius:5px;color:#6ee4fa;background:#11344a}.empty-state{height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#597c90}.empty-state h2{color:#a8c2cf}.video-title{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:linear-gradient(90deg,#06485788,#1d1b5c88);border-bottom:1px solid #24415e}.video-title h1{margin:0;font-size:19px}.video-title p{display:flex;align-items:center;gap:6px;margin:5px 0 0;color:#e6cd47;font-size:11px}.task-actions{display:flex;gap:8px}.task-actions button,.secondary-button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #2a4960;border-radius:10px;color:#fff;background:#182c41}.task-actions button:first-child{background:linear-gradient(100deg,#8e48ef,#e52d91);border:0}.task-actions button.danger{color:#ff7082;border-color:#743343;background:#211323}.video-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 146px)}.model-list{overflow:auto;padding:12px;background:#0a1d2d;border-right:1px solid #18384d}.model-list-head{display:flex;justify-content:space-between;color:#6f93a6;padding:6px 4px 12px;font-size:12px}.model-list>button{display:flex;gap:10px;width:100%;text-align:left;padding:12px;margin-bottom:9px;border:1px solid #173a50;border-radius:12px;color:#fff;background:#0c2132}.model-list>button.active{border-color:#754df2;background:#29245e;box-shadow:0 0 22px #6b45e833}.model-list>button>svg{flex:0 0 36px;width:36px;height:36px;padding:8px;border-radius:9px;background:#071321;color:#63b9ff}.model-list b{display:block}.model-list strong{display:block;color:#f3d448;font-size:11px;margin:5px 0}.model-list p{margin:0 0 8px;color:#88a3b4;font-size:10px;line-height:1.5}.model-list span{display:inline-block;padding:3px 6px;margin-right:5px;border-radius:6px;background:#11344b;color:#63e5f7;font-size:9px}.video-workspace{overflow:auto;background-image:linear-gradient(#1f476933 1px,transparent 1px),linear-gradient(90deg,#1f476933 1px,transparent 1px),radial-gradient(circle at 30% 30%,#006c7f55,transparent 30%),radial-gradient(circle at 80% 20%,#33227955,transparent 30%);background-size:44px 44px,44px 44px,auto,auto}.video-toolbar{height:62px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#091827cc;border-bottom:1px solid #203f54}.video-toolbar label{display:flex;align-items:center;gap:8px;color:#7894a6;font-size:11px}.video-toolbar select{padding:8px;width:105px}.video-toolbar>span{margin-left:auto;color:#8197a7;font-size:11px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:14px;padding:18px}.task-card{padding:15px;border:1px solid #1a485d;border-radius:14px;background:#0d2032dd;box-shadow:0 14px 35px #0003}.task-card header{display:flex;align-items:center;gap:9px}.task-card header>div{display:flex;align-items:center;gap:8px}.task-card header>span{margin-left:auto;padding:4px 8px;border-radius:8px;background:#162a3f;color:#90a8b7;font-size:10px}.task-card header>button{border:0;color:#7994a7;background:transparent}.estimate{color:#edcf41;font-size:11px;margin:10px 0 17px}.task-card textarea{resize:vertical}.task-card .upload-drop{min-height:55px!important}.works-page{padding:28px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-heading h1{margin:0 0 7px;font-size:25px}.page-heading p{margin:0;color:#718fa1;font-size:13px}.page-heading .segmented{width:260px}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.admin-page{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.admin-nav{padding:23px 14px;border-right:1px solid #18384d;background:#0a1928}.admin-nav h2{padding:0 12px;margin:0 0 22px}.admin-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:0;border-radius:9px;color:#88a2b2;background:transparent}.admin-nav button.active,.admin-nav button:hover{color:#fff;background:#12334a}.admin-content{position:relative;padding:28px;max-width:1200px;width:100%}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stat-card,.admin-card,.admin-callout{border:1px solid #173a50;border-radius:14px;background:#0b1d2e}.stat-card{padding:18px}.stat-card span{color:#7f9bac;font-size:12px}.stat-card b{display:block;font-size:30px;margin-top:8px}.admin-callout{padding:20px;margin-top:20px}.admin-callout p{color:#8da8b7;line-height:1.7}.admin-card{padding:18px;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{margin:0}.form-grid .wide{grid-column:1/-1}.secondary-button{width:max-content;border-color:#24627a;background:#12354a}.model-form-head{display:flex;justify-content:space-between;margin-bottom:18px}.model-form-head>div{display:flex;gap:10px;align-items:center}.model-form-head span{font-size:10px;padding:4px 8px;border-radius:6px;color:#67dff5;background:#10334a}.switch input{display:none}.switch i{display:block;width:40px;height:22px;border-radius:12px;background:#233a4d;position:relative}.switch i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#7792a4;transition:.2s}.switch input:checked+i{background:#0a806b}.switch input:checked+i:after{left:21px;background:#76ffe2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #173347;font-size:13px}th{color:#7796a8}.toast{position:fixed;right:25px;top:82px;z-index:50;padding:12px 18px;border:1px solid #177465;border-radius:10px;background:#0c3b37;color:#76ffdf;box-shadow:0 14px 40px #0008}@media(max-width:1000px){.topbar{padding:0 12px}.brand,.user-actions{min-width:auto}.brand strong,.balance{display:none}.topnav a{padding:9px}.topnav a{font-size:0}.creator-layout{grid-template-columns:290px 1fr}.masonry{columns:3 220px}.task-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.creator-layout{display:block}.creator-sidebar{position:static;height:auto}.masonry{columns:2 150px}.video-layout{display:block;height:auto}.model-list{max-height:230px}.task-grid{grid-template-columns:1fr}.admin-page{display:block}.admin-nav{display:flex;overflow:auto}.admin-nav h2{display:none}.admin-nav button{width:auto;white-space:nowrap}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.works-page,.admin-content{padding:16px}.page-heading{align-items:flex-start;gap:16px}.stat-grid{grid-template-columns:1fr 1fr}}.login-switch{display:flex;justify-content:center;align-items:center;gap:7px}.login-switch button{padding:0;border:0;color:#35d7ef;background:transparent;font-weight:700}.login-switch button:hover{text-decoration:underline}.heading-actions{display:flex;gap:8px}.table-button{border:1px solid #2b566d;border-radius:7px;padding:6px 10px;color:#aeeeff;background:#102d41}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-previews video{width:100%;height:100%;object-fit:cover;border-radius:7px}@media(max-width:720px){.reference-grid{grid-template-columns:1fr}.heading-actions{flex-wrap:wrap}}