:root{--bg:#070b13;--panel:#0f1624;--panel2:#131d2f;--line:#243047;--text:#f5f7fb;--muted:#95a1b8;--accent:#7c5cff;--accent2:#28d7c4;--danger:#ff667d}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,#1b2444 0,transparent 34%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;gap:30px;background:rgba(7,11,19,.82);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#bec7d7}.sidebar nav a:hover{background:var(--panel);color:white}.sidebar-foot{margin-top:auto}.pill{border:1px solid var(--line);padding:6px 10px;border-radius:99px;color:var(--muted);font-size:12px}.main{min-width:0}.topbar{height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.08em}.top-actions{display:flex;gap:16px;align-items:center}.link-btn{background:none;border:0;color:#cbd3df;cursor:pointer}.page{padding:30px}.hero{padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(124,92,255,.18),rgba(40,215,196,.08));display:flex;justify-content:space-between;align-items:end;gap:20px}.hero h1{font-size:42px;margin:6px 0 10px;max-width:720px;line-height:1.05}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);color:white;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),#5f6fff);border:0}.grid{display:grid;gap:18px}.grid.stats{grid-template-columns:repeat(4,1fr);margin-top:20px}.card{background:rgba(15,22,36,.9);border:1px solid var(--line);border-radius:18px;padding:20px}.stat strong{font-size:27px;display:block;margin-top:8px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-title h2{margin:0}.project-grid{grid-template-columns:repeat(3,1fr)}.thumb{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#202c45,#111827);display:grid;place-items:center;color:#6f7e99;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#b9c3d3}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0a111d;color:white;border-radius:10px;padding:12px 13px;outline:none}.field textarea{min-height:130px;resize:vertical}.wizard-steps{display:flex;gap:8px;margin-bottom:20px}.wizard-steps span{padding:7px 10px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.wizard-steps .active{background:rgba(124,92,255,.18);color:white;border-color:#735be4}.editor{display:grid;grid-template-columns:1fr 340px;gap:18px}.preview{aspect-ratio:16/9;background:#020409;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;color:#65708a}.timeline{margin-top:18px;display:flex;gap:10px;overflow:auto;padding-bottom:6px}.scene{min-width:170px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.scene.active{border-color:var(--accent)}.scene small{color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.provider-list{display:grid;gap:10px}.provider{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px}.badge{font-size:11px;padding:5px 8px;border-radius:99px;background:#132235;color:#95f3e6}.pricing{grid-template-columns:repeat(4,1fr)}.price{font-size:34px;font-weight:800}.price small{font-size:13px;color:var(--muted)}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid.stats,.project-grid,.pricing{grid-template-columns:1fr 1fr}.editor{grid-template-columns:1fr}.page{padding:18px}}@media(max-width:620px){.grid.stats,.project-grid,.pricing,.form-grid{grid-template-columns:1fr}.hero{padding:24px}.hero h1{font-size:32px}.topbar{padding:0 18px}}
.notice{padding:12px 14px;border:1px solid #2c6b61;background:rgba(40,215,196,.08);border-radius:12px;margin:12px 0}.notice.error{border-color:#713542;background:rgba(255,102,125,.08)}.progress{height:10px;background:#090e18;border-radius:99px;overflow:hidden;border:1px solid var(--line)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .35s ease}.settings-grid{grid-template-columns:1.2fr .8fr}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#17213d 0,transparent 35%),var(--bg)}.auth-card{width:min(480px,100%);display:grid;gap:16px}.scene{color:inherit;text-align:left;cursor:pointer}.scene p{margin:8px 0 0}.editor aside .form-grid{grid-template-columns:1fr 1fr}.landing{max-width:1180px;margin:auto;padding:28px}.landing-nav{display:flex;justify-content:space-between;align-items:center}.landing-hero{padding:100px 0 70px;text-align:center}.landing-hero h1{font-size:clamp(44px,7vw,82px);line-height:.96;max-width:960px;margin:0 auto 24px}.landing-hero p{max-width:720px;margin:0 auto 30px;font-size:19px}.landing-grid{grid-template-columns:repeat(3,1fr);margin:30px 0 80px}.landing .brand{justify-content:flex-start}.tag{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:7px 11px;color:#bfc8db;margin-bottom:18px}@media(max-width:800px){.landing-grid,.settings-grid{grid-template-columns:1fr}.editor aside .form-grid{grid-template-columns:1fr}}
/* HiHiF V5 brand layer */
.hihif-wordmark{font-weight:900;letter-spacing:-.06em;font-size:1.35rem}.hihif-wordmark i{font-style:normal;opacity:.72}.v5-hero{padding:88px 0 54px;text-align:center}.v5-hero h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.95;letter-spacing:-.065em;max-width:1000px;margin:0 auto 24px}.v5-hero p{max-width:720px;margin:0 auto 28px;font-size:1.15rem;opacity:.78}.v5-badge{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;margin-bottom:22px}.v5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}.v5-card{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035)}.v5-card h3{margin-top:0}.pipeline{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:26px 0}.pipeline span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.86rem}.studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}.studio-tabs a{padding:9px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.1);text-decoration:none}.model-pill{display:inline-flex;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.06);margin:3px;font-size:.8rem}@media(max-width:800px){.v5-grid{grid-template-columns:1fr}.v5-hero{padding-top:54px}}

/* =========================================================
   HiHiF V11 — Projects & Creation Studio
   ========================================================= */
.section-kicker{display:block;color:#42e8f5;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}.projects-head,.create-head-v11{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.projects-head h1,.create-head-v11 h1{font-size:38px;letter-spacing:-.035em;margin:4px 0 7px}.projects-head p,.create-head-v11 p{margin:0;color:var(--muted);max-width:760px;line-height:1.6}.projects-head-actions{display:flex;gap:10px;flex-wrap:wrap}.glow{box-shadow:0 8px 32px rgba(91,94,255,.28)}
.project-stats-v11{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.project-stats-v11 article{border:1px solid #202d45;background:linear-gradient(145deg,rgba(16,25,43,.96),rgba(9,15,27,.96));border-radius:17px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:0 14px 40px rgba(0,0,0,.12)}.project-stats-v11 small,.project-stats-v11 em{display:block;color:#8492aa;font-style:normal;font-size:11px}.project-stats-v11 strong{display:block;font-size:25px;margin:3px 0;color:#fff}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#15285a;color:#597dff;font-size:20px}.stat-icon.blue{background:#092d4a;color:#2db9ff}.stat-icon.green{background:#0b352d;color:#36dfa2}.stat-icon.purple{background:#2b1746;color:#ca5fff}
.project-toolbar-v11{border:1px solid #202d45;background:rgba(10,17,30,.72);border-radius:17px;padding:14px;margin-bottom:18px}.project-tabs{display:flex;gap:6px;border-bottom:1px solid #1e2b41;padding-bottom:12px;margin-bottom:12px;overflow:auto}.project-tabs a{padding:8px 12px;color:#8f9db5;border-radius:9px;white-space:nowrap;font-size:13px}.project-tabs a.active,.project-tabs a:hover{background:#13213a;color:#fff}.project-tabs a.active{box-shadow:inset 0 -2px #5868ff}.project-search{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:10px}.project-search label{display:flex;align-items:center;gap:8px;background:#080f1c;border:1px solid #26344d;border-radius:11px;padding:0 12px}.project-search input,.project-search select{width:100%;background:#080f1c;border:1px solid #26344d;color:#e8eef9;border-radius:11px;padding:11px 12px;outline:none}.project-search label input{border:0;padding-left:0}.project-search input:focus,.project-search select:focus{border-color:#4fd8e8}
.project-gallery-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card-v11{border:1px solid #202d45;background:linear-gradient(145deg,#0e1728,#0b1321);border-radius:17px;overflow:hidden;transition:.2s ease;box-shadow:0 16px 40px rgba(0,0,0,.13)}.project-card-v11:hover{transform:translateY(-3px);border-color:#36517e;box-shadow:0 20px 60px rgba(0,0,0,.22)}.project-cover-v11{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden;background:radial-gradient(circle at 70% 25%,#4734a5 0,transparent 28%),radial-gradient(circle at 30% 80%,#075c75 0,transparent 30%),linear-gradient(145deg,#151f40,#080d19)}.cover-orbit{position:absolute;inset:0;display:grid;place-items:center}.cover-orbit:before,.cover-orbit:after{content:"";position:absolute;border:1px solid rgba(91,203,255,.22);border-radius:50%;width:48%;aspect-ratio:1;transform:rotate(-22deg) scaleY(.42)}.cover-orbit:after{width:65%;border-color:rgba(156,75,255,.18);transform:rotate(22deg) scaleY(.38)}.cover-orbit span{z-index:2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#15c8f7,#7b38ff);box-shadow:0 0 42px rgba(51,153,255,.4)}.cover-watermark{position:absolute;right:10px;bottom:-13px;font-size:58px;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.035)}.status-v11,.duration-v11{position:absolute;top:11px;font-size:10px;font-weight:900;border-radius:99px;padding:6px 8px;backdrop-filter:blur(8px)}.status-v11{left:11px}.status-v11.work{background:rgba(35,91,218,.82);color:#d9e7ff}.status-v11.done{background:rgba(17,132,87,.85);color:#dcfff2}.status-v11.bad{background:rgba(161,49,64,.86);color:#ffe0e4}.duration-v11{right:11px;background:rgba(3,7,15,.75);border:1px solid rgba(255,255,255,.12)}.cover-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#080c13}.cover-progress i{display:block;height:100%;background:linear-gradient(90deg,#18d4e6,#7b4dff)}.project-card-body-v11{padding:16px}.project-title-row{display:flex;justify-content:space-between;gap:12px}.project-title-row h3{margin:0 0 6px;font-size:16px}.project-title-row p{margin:0;color:#8997af;font-size:12px;line-height:1.55;min-height:38px}.mini-action{width:30px;height:30px;flex:0 0 auto;border:1px solid #26344c;border-radius:9px;display:grid;place-items:center;color:#9eacc4}.project-tags-v11{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.project-tags-v11 span{font-size:9px;font-weight:800;color:#8ea0bb;border:1px solid #233148;background:#0a111e;border-radius:7px;padding:5px 7px}.project-foot-v11{display:flex;justify-content:space-between;color:#6f7e95;border-top:1px solid #1b273a;padding-top:12px;font-size:10px}.pagination-v11{margin-top:22px}.empty-projects-v11{text-align:center;padding:75px 24px;border:1px dashed #2b3b58;border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(79,65,198,.14),transparent 38%),#0b1321}.empty-projects-v11 h2{font-size:30px;margin:8px 0}.empty-projects-v11 p{max-width:620px;margin:0 auto 20px;color:#8d9bb2;line-height:1.65}.empty-logo{width:84px;height:84px;border-radius:27px;margin:0 auto 20px;display:grid;place-items:center;background:linear-gradient(145deg,#12cfe4,#7238ff);box-shadow:0 0 60px rgba(75,82,255,.26);font-size:27px}.empty-projects-v11>div:last-child{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.create-head-v11{align-items:center}.credit-estimator{border:1px solid #273550;border-radius:14px;padding:13px 16px;color:#8290aa;background:#0b1321;font-size:11px;text-align:right}.credit-estimator strong{color:#f2f5fb;font-size:13px}.creation-form-v11{display:grid;gap:17px}.creation-panel-v11{background:linear-gradient(145deg,rgba(15,24,41,.96),rgba(9,16,29,.96));border:1px solid #22304a;border-radius:20px;padding:22px}.panel-title-v11{display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid #1f2b40;padding-bottom:17px;margin-bottom:18px}.panel-title-v11>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#174a74,#433090);color:#7fe9f5;font-weight:900;font-size:11px}.panel-title-v11 h2{margin:0 0 4px;font-size:20px}.panel-title-v11 p{margin:0;color:#8190a8;font-size:12px}.form-grid.four-v11{grid-template-columns:repeat(4,1fr)}.option-card-grid-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.option-card-v11{position:relative}.option-card-v11 input{position:absolute;opacity:0;pointer-events:none}.option-card-v11 span{display:block;height:100%;min-height:86px;border:1px solid #27354e;background:#0a111f;border-radius:12px;padding:13px;cursor:pointer;transition:.18s ease}.option-card-v11 b{display:block;font-size:13px;margin-bottom:5px}.option-card-v11 small{display:block;color:#7f8da4;line-height:1.45;font-size:10px}.option-card-v11 input:checked+span{border-color:#586cff;background:linear-gradient(145deg,rgba(63,72,168,.28),rgba(14,24,43,.96));box-shadow:0 0 0 2px rgba(88,108,255,.11)}.option-card-v11 input:checked+span b{color:#7de9f5}.small-textarea-v11{min-height:92px!important}.production-summary-v11{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px;border:1px solid #2a3a57;border-radius:20px;background:radial-gradient(circle at 80% 20%,rgba(91,68,255,.2),transparent 35%),linear-gradient(135deg,#111c32,#0a1221)}.production-summary-v11 h2{margin:3px 0 6px}.production-summary-v11 p{margin:0;color:#8d9bb2;max-width:750px}.production-summary-v11 .toolbar{flex-wrap:nowrap}
@media(max-width:1150px){.project-stats-v11{grid-template-columns:1fr 1fr}.project-gallery-v11{grid-template-columns:1fr 1fr}.form-grid.four-v11{grid-template-columns:1fr 1fr}.option-card-grid-v11{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.projects-head,.create-head-v11,.production-summary-v11{align-items:flex-start;flex-direction:column}.projects-head-actions{width:100%}.projects-head-actions .btn{flex:1}.project-stats-v11,.project-gallery-v11,.form-grid.four-v11,.option-card-grid-v11{grid-template-columns:1fr}.project-search{grid-template-columns:1fr}.credit-estimator{text-align:left}.production-summary-v11 .toolbar{width:100%;flex-wrap:wrap}.production-summary-v11 .toolbar .btn{flex:1}}