:root{--bg:#0e0e19;--pane:#161726;--pane2:#1c1d30;--pane3:#24263d;--line:#2c2e46;--border:#292b42;--white:#f8f8fe;--muted:#9193b0;--low:#656985;--purple:#9475ff;--purple2:#bd9dff;--cyan:#63d5ef;--teal:#51d6b0;--amber:#fbc97f;--red:#ff8c99;--shadow:0 30px 75px #04050d4d;--radius:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#916aff66;color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#393951;border:2px solid var(--bg);border-radius:99px}.hidden{display:none!important}
.initial-loader{height:100vh;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--muted)}.loader-logo{display:grid;place-items:center;width:68px;height:68px;font-size:38px;color:var(--purple);animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scale(1.13);opacity:.65}}
.app-layout{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--line);background:#111220;display:flex;flex-direction:column;padding:29px 16px 22px;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:21px;letter-spacing:-.9px;font-weight:800;padding:0 12px}.brand-mark{width:35px;height:35px;border-radius:12px;background:linear-gradient(140deg,#ad8aff,#5a6bf8);display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 5px 22px #8e69fc55}.brand-sub{font-size:10px;display:block;color:#7a7e9c;font-weight:600;letter-spacing:2.1px;margin-top:-2px}.sidebar-section{font-size:10px;letter-spacing:2.1px;color:#626681;font-weight:800;margin:34px 13px 11px}.side-link{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border-radius:11px;color:#a4a6c0;border:1px solid transparent;font-weight:600;transition:.18s;background:none;text-align:left;margin:2px 0}.side-link:hover{background:#202137;color:#fff}.side-link.active{background:linear-gradient(100deg,#342951,#27213f);border-color:#594773;color:#d7c9ff}.side-link .svgicon{color:#9391b8}.side-link.active .svgicon{color:#ae91ff}.side-link .nav-count{margin-left:auto;font-size:10px;padding:3px 7px;background:#373049;border-radius:6px;color:#a7a4cb}.sidebar-fill{flex:1}.sidebar-note{border:1px solid #3f3556;border-radius:16px;padding:17px 13px;background:radial-gradient(circle at 90% 0%,#42305b 0,transparent 60%),#211c34}.sidebar-note .mini-star{font-size:22px;margin-bottom:10px}.sidebar-note h4{margin:0 0 5px;font-size:13px}.sidebar-note p{font-size:11px;line-height:1.65;color:#aaa4c4;margin:0 0 13px}.sidebar-note button{width:100%;padding:9px;background:#40335d;color:#e9ddff;border:1px solid #695583;border-radius:9px;font-size:11px;font-weight:700}.side-footer{margin-top:19px;display:flex;align-items:center;gap:9px;padding:12px;color:#9c9eb9;font-size:11px}.online-dot{width:8px;height:8px;background:#61ddb0;border-radius:50%;box-shadow:0 0 10px #61ddb05d}
.main{min-width:0;min-height:100vh}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 43px;gap:20px;background:#121320b0;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.top-title{font-size:14px;font-weight:700}.top-desc{font-size:11px;color:var(--low);margin-top:3px}.top-spacer{flex:1}.search-chip{border:1px solid var(--line);border-radius:10px;color:#8587a5;font-size:12px;display:flex;gap:15px;align-items:center;padding:10px 13px;min-width:225px;cursor:pointer}.search-chip:hover{border-color:#65528e}.search-chip kbd{margin-left:auto;color:#616580;font-size:10px}.credits-pill{display:flex;align-items:center;gap:8px;border:1px solid #524876;background:#252139;border-radius:50px;padding:9px 13px;font-weight:750;font-size:12px}.credits-pill span{color:#ba9bff}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8466c7,#444c8c);font-weight:800;font-size:13px;border:1px solid #9182ad}.top-avatar{cursor:pointer}.mobile-toggle{display:none}.workspace{max-width:1560px;margin:0 auto;padding:38px 42px 88px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#b8a1ff;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow .dot{height:7px;width:7px;background:#b69aff;border-radius:10px;box-shadow:0 0 12px #9475ff}.page-h1{font-size:30px;letter-spacing:-1.25px;font-weight:810;margin:8px 0 8px}.subtitle{color:#989bb7;line-height:1.7;font-size:13px;margin:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:28px}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.break{overflow-wrap:anywhere}.mono{font-family:ui-monospace,Consolas,monospace}.font-bold{font-weight:750}.text-purple{color:#c0a6ff}.text-cyan{color:var(--cyan)}.text-teal{color:var(--teal)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:12px 17px;white-space:nowrap;font-size:12px;font-weight:750;transition:transform .15s,background .15s,border-color .15s;color:#fff;background:#2c2f44}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg,#976bff,#7967ec);box-shadow:0 8px 24px #805de52e}.btn-primary:hover{background:linear-gradient(120deg,#a784ff,#896efe)}.btn-outline{border-color:#41435c;background:#202134}.btn-outline:hover{border-color:#8876c2}.btn-soft{background:#2c2543;color:#caadff;border:1px solid #51406a}.btn-success{background:#244d48;color:#90e8c6;border-color:#337663}.btn-danger{background:#4a293c;color:#ffb5bd}.btn-sm{padding:9px 12px;font-size:11px;border-radius:8px}.btn-lg{padding:15px 20px;font-size:14px}.btn-ghost{background:transparent;color:#9b9eb9}.btn-block{width:100%}.svgicon{width:18px;height:18px;display:inline-block;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svgicon.sm{width:15px;height:15px}.svgicon.lg{width:23px;height:23px}
.panel{background:var(--pane);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:23px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:20px 21px;min-height:141px;position:relative;overflow:hidden}.stat::after{content:"";position:absolute;right:-43px;bottom:-65px;width:135px;height:135px;border:1px solid #363654;border-radius:50%}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9a9db5;font-size:11px;font-weight:650}.stat-icon{border-radius:10px;padding:8px;display:grid;place-items:center;background:#292342;color:#b9a3ff}.stat-icon.blue{background:#1b3042;color:#83d8ef}.stat-icon.green{background:#1e383b;color:#7ae4c2}.stat-icon.gold{background:#403226;color:#ffd38b}.stat-value{font-size:29px;font-weight:820;letter-spacing:-1.5px;line-height:1.1;margin:19px 0 7px}.stat-note{font-size:10px;color:#8589a4;position:relative;z-index:1}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.card-title{font-size:15px;font-weight:750}.card-subtitle{font-size:11px;color:var(--muted);margin-top:5px}.section-action{border:0;background:transparent;color:#baa1ff;font-size:11px;font-weight:750;display:flex;align-items:center;gap:6px}.section-action:hover{color:#e2d7ff}.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:20px;align-items:start}.stack{display:flex;flex-direction:column;gap:20px}.trend-table{width:100%;border-collapse:collapse;text-align:left}.trend-table th{text-transform:uppercase;letter-spacing:1.2px;font-size:10px;color:#777b97;font-weight:800;border-bottom:1px solid #303147;padding:0 12px 14px}.trend-table td{border-bottom:1px solid #2a2b40;padding:15px 12px;font-size:12px}.trend-table tr:last-child td{border-bottom:0}.trend-table tbody tr{transition:background .15s}.trend-table tbody tr:hover{background:#222339}.trend-label{font-weight:750;font-size:12px}.trend-keyword{font-size:10px;color:#727693;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 7px;background:#30294c;color:#baa9eb;font-size:10px;font-weight:750;white-space:nowrap}.pill.teal{background:#1b3838;color:#66dbb7}.pill.blue{background:#243449;color:#84c9e8}.pill.amber{background:#413328;color:#e5bd7b}.pill.gray{background:#292c3e;color:#9d9eb4}.pill.red{background:#442935;color:#ffa6ad}.score-track{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750}.score-bg{height:5px;border-radius:99px;width:57px;background:#313349;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#726afa,#b58eff);border-radius:99px}.link-btn{border:0;background:transparent;padding:5px;color:#baa1ff}.link-btn:hover{color:#fff}.live-bullet{width:7px;height:7px;background:#63d9ad;display:inline-block;border-radius:50%;box-shadow:0 0 9px #63d9ad77}
.insight-card{background:radial-gradient(circle at 100% 0%,#413363 0,transparent 56%),linear-gradient(135deg,#25203f,#1a1b2e);padding:25px;border:1px solid #51426c;border-radius:var(--radius);position:relative;overflow:hidden}.insight-card::after{content:"✦";font-size:90px;position:absolute;right:12px;bottom:-16px;color:#bb99ff12}.insight-bubble{border:1px solid #77629e;color:#c9b5ff;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:750;display:inline-block}.insight-card h3{font-size:19px;line-height:1.45;letter-spacing:-.5px;margin:17px 0 8px;position:relative;z-index:1}.insight-card p{font-size:11px;line-height:1.8;color:#a9a4c4;max-width:310px;position:relative;z-index:1}.divider{height:1px;background:var(--line);margin:20px 0}.line-item{display:flex;gap:13px;align-items:flex-start;padding:11px 0}.line-item .mini-icon{width:34px;height:34px;background:#26273f;border-radius:10px;display:grid;place-items:center;color:#9d8de0;flex:0 0 auto}.line-item strong{font-size:12px;display:block}.line-item p{font-size:10px;color:#8a8eaa;line-height:1.65;margin:5px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777b98;padding:44px 16px;gap:12px}.empty-state .huge{font-size:42px}.empty-state h3{margin:0;color:#ddd8ef;font-size:15px}.empty-state p{margin:0;max-width:360px;line-height:1.75;font-size:12px}.tag-note{font-size:10px;line-height:1.6;color:#9b95b7;padding:9px 12px;border:1px dashed #514467;background:#252034;border-radius:9px}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.note-box{padding:14px 16px;background:#202238;border:1px solid #363a55;border-radius:12px;color:#aeb3ce;font-size:11px;line-height:1.9}
/* Templates and studio */
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.template-card{overflow:hidden;transition:transform .2s,border-color .2s;cursor:pointer}.template-card:hover{transform:translateY(-3px);border-color:#665293}.template-art{height:176px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-pet{background:radial-gradient(circle at 73% 25%,#663a8c 0,transparent 40%),linear-gradient(140deg,#352548,#a55d8b)}.art-memory{background:radial-gradient(circle at 27% 26%,#c8a68d99,transparent 48%),linear-gradient(145deg,#54404a,#957472)}.art-birthday{background:radial-gradient(circle at 64% 35%,#dfa96070,transparent 48%),linear-gradient(135deg,#51325a,#b56c75)}.art-mini{background:radial-gradient(circle at 50% 30%,#79d1bd80,transparent 60%),linear-gradient(135deg,#294f67,#6670a5)}.template-art::before,.template-art::after{content:"";position:absolute;border:1px solid #ffffff30;border-radius:50%;width:190px;height:190px;left:-42px;top:-80px}.template-art::after{width:160px;height:160px;left:auto;top:auto;bottom:-112px;right:-20px;border-width:24px;border-color:#ffffff0a}.big-emoji{filter:drop-shadow(0 15px 25px #1b102b88);font-size:73px;z-index:1;transform:rotate(-7deg)}.template-tag{position:absolute;top:13px;left:13px;border-radius:7px;padding:6px 9px;background:#1112268e;border:1px solid #ffffff22;font-size:10px;color:#e7e0ff;z-index:2}.template-card-body{padding:18px}.template-card h3{font-size:14px;margin:0 0 7px}.template-card p{min-height:39px;color:#9195b4;font-size:11px;line-height:1.75;margin:0 0 13px}.template-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#afa8c9}.template-footer strong{color:#c0a9ff}.studio-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:23px;align-items:start}.upload-box{background:#1c1c30;border:1px dashed #5e567c;border-radius:16px;min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.upload-box:hover,.upload-box.dragging{background:#26223b;border-color:#ad91ff}.upload-box input{display:none}.upload-preview{position:absolute;width:100%;height:100%;object-fit:contain;background:#0e0e17}.upload-message{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px}.upload-icon{background:#302a4b;border-radius:17px;color:#a58aff;width:57px;height:57px;display:grid;place-items:center;margin-bottom:5px}.upload-message strong{font-size:14px}.upload-message p{font-size:11px;color:#8588a5;line-height:1.7;margin:0}.studio-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.studio-option{border:1px solid #38394f;padding:12px;border-radius:12px;background:#1c1d30;display:flex;align-items:center;gap:10px;text-align:left;color:#dedbec}.studio-option.selected{border-color:#a18bff;background:#2c2647;box-shadow:inset 0 0 0 1px #856bd665}.studio-option .emoji{font-size:25px}.studio-option .detail{display:flex;flex-direction:column;gap:4px}.studio-option .detail strong{font-size:11px}.studio-option .detail small{font-size:10px;color:#8386a8}.field{display:flex;flex-direction:column;gap:8px;margin:14px 0}.field label{font-size:11px;font-weight:750;color:#b0b2c9}.field input,.field textarea,.field select{background:#1c1d30;border:1px solid #3b3d55;border-radius:10px;color:#f1f0fc;outline:none;padding:12px 13px;width:100%;transition:.15s;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9780ff;box-shadow:0 0 0 3px #9777ff18}.field textarea{resize:vertical;min-height:87px;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:#626582}.check-line{display:flex;align-items:start;gap:9px;color:#aaaeca;font-size:11px;line-height:1.6;cursor:pointer}.check-line input{accent-color:#a78aff;margin-top:2px}.studio-example{height:385px;border-radius:15px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 37%,#7751a8aa 0,transparent 47%),linear-gradient(150deg,#30294b,#181827 80%);display:flex;align-items:center;justify-content:center}.studio-example .glow-circle{width:205px;height:205px;border:1px solid #ffffff20;border-radius:50%;position:absolute;box-shadow:0 0 0 34px #ffffff08,0 0 0 75px #ffffff05}.studio-example .figure{font-size:113px;filter:drop-shadow(0 23px 24px #0d081c);z-index:1}.studio-example .example-label{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:750}.studio-example .example-label span{background:#161625b8;padding:8px 12px;border-radius:8px;font-size:10px}.steps{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:18px;color:#8c90ad;font-size:10px}.step{display:flex;gap:8px;align-items:center}.step-num{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#33304e;color:#b89aff;font-weight:850}.arrowline{flex:1;height:1px;background:#3c3b55}
/* billing/jobs */
.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{padding:23px;position:relative}.price-card.featured{border-color:#8f75ed;background:linear-gradient(135deg,#252039,#181927)}.price-card h3{font-size:16px;margin:0 0 12px}.price-card .price{font-size:32px;letter-spacing:-1px;font-weight:820;margin:4px 0}.price-card p{font-size:11px;color:#969bb7;line-height:1.8;min-height:42px}.price-card .badge-popular{position:absolute;right:15px;top:15px;background:#554080;color:#eddbff;padding:5px 8px;border-radius:6px;font-size:10px}.balance-card{padding:24px;background:radial-gradient(circle at 91% 5%,#533f89aa 0,transparent 40%),#1d1b35;display:flex;justify-content:space-between;gap:15px;align-items:center;border-color:#51416c;margin-bottom:23px}.balance-card .balance{font-size:36px;letter-spacing:-1px;font-weight:820;margin:6px 0}.jobs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.job-card{padding:17px}.job-preview{height:135px;border-radius:10px;background:radial-gradient(circle,#493d6c,#22223b);display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:13px;position:relative}.job-preview small{position:absolute;top:10px;left:10px;padding:5px 8px;font-size:10px;background:#171727b2;border-radius:6px}.job-card h4{margin:0;font-size:13px}.job-card p{font-size:10px;color:#8589a7}.job-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center}
/* modal/toasts */
.modal-backdrop{position:fixed;inset:0;z-index:90;background:#080812d9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px;animation:appear .2s ease}.modal{position:relative;background:#1a1a2c;border:1px solid #494260;border-radius:21px;box-shadow:0 30px 110px #000a;padding:27px;max-width:525px;width:100%;max-height:90vh;overflow:auto}.modal.wide{max-width:650px}.modal h2{font-size:20px;margin:3px 0 9px;letter-spacing:-.5px}.modal p{font-size:12px;line-height:1.8;color:#9b9fb9}.modal .x{position:absolute;top:18px;right:18px;background:#2b2c42;border:1px solid #43445e;width:31px;height:31px;border-radius:8px;color:#aaa;display:grid;place-items:center}.modal .x:hover{color:#fff}.modal form .field{margin:15px 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.modal .switch{background:none;border:0;color:#b6a3ff;font-size:12px;margin-top:14px}.toast-stack{position:fixed;z-index:200;right:22px;bottom:24px;max-width:min(390px,calc(100% - 44px));display:flex;flex-direction:column;gap:10px}.toast{border:1px solid #514762;border-radius:12px;background:#28233d;padding:13px 16px;box-shadow:0 10px 30px #0008;display:flex;align-items:start;gap:12px;font-size:12px;line-height:1.6;animation:appear .25s}.toast .toast-ico{color:#b8a3ff}.toast.error{border-color:#7e3e57;background:#392638}.toast.error .toast-ico{color:#ffabb2}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Bilingual trend-to-video journey */
.workflow-notice{margin:20px 0;display:flex;align-items:flex-start;gap:10px;line-height:1.8}.workflow-notice .svgicon{flex:none;margin-top:3px}.workflow-spacing{margin-top:24px}.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.idea-title{font-size:20px;line-height:1.5}.idea-signals{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;margin:20px 0}.public-workspace{padding-top:30px}.preflight-result{margin-top:16px;padding:16px;border:1px solid #38846c;border-radius:12px;background:#18352e;color:#b0f1d3;font-size:12px;line-height:1.7}.language-toggle{white-space:nowrap}.studio-templates{margin-top:18px}.is-busy button[type=submit],.is-busy button[data-action=collect],.is-busy button[data-action=checkout]{pointer-events:none;opacity:.65}.side-footer{min-height:55px}.site-header-actions{flex-shrink:0}.template-footer .section-action{white-space:normal;text-align:right}.process-card{min-width:0}.hero h1{letter-spacing:-1.5px}.modal{max-height:90vh;overflow-y:auto}html[lang=en] .check-line{line-height:1.7}html[lang=en] .page-h1{letter-spacing:-1px}@media(max-width:610px){.idea-grid{grid-template-columns:1fr}.language-toggle.btn-outline{display:inline-flex!important}.site-header{gap:10px;padding:0 15px}.site-header-actions{gap:6px}.site-header-actions .btn{padding:9px 12px}.public-workspace{padding:24px 16px}.hero h1{font-size:36px}.brand-sub{font-size:8px}.template-footer{gap:8px;flex-wrap:wrap}.template-footer .section-action{text-align:left}.header-actions{flex-wrap:wrap}.hero .workflow-notice{font-size:12px}}
/* landing */
.site{min-height:100vh;background:radial-gradient(ellipse 52% 20% at 50% 3%,#282044 0,transparent 80%),#0d0e19}.site-header{max-width:1220px;margin:auto;height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.site-links{display:flex;gap:31px;color:#a6a8c0;font-size:12px}.site-links a:hover{color:#fff}.site-header-actions{display:flex;gap:10px;align-items:center}.hero{max-width:1180px;margin:0 auto;padding:87px 24px 53px;display:grid;grid-template-columns:1fr 1fr;gap:43px;align-items:center}.hero h1{font-size:clamp(40px,4.7vw,66px);line-height:1.13;letter-spacing:-3px;margin:21px 0 22px;font-weight:840}.hero h1 em{font-style:normal;background:linear-gradient(120deg,#c0a5ff,#84adff,#6be1d3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:14px;color:#a0a3be;line-height:2;max-width:495px;margin-bottom:30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-foot{margin-top:29px;display:flex;gap:22px;font-size:11px;color:#7b7f9e;flex-wrap:wrap}.hero-foot span{display:flex;align-items:center;gap:7px}.hero-showcase{position:relative;height:468px;border:1px solid #51446c;border-radius:28px;background:radial-gradient(circle at 48% 24%,#7650ad55,transparent 52%),linear-gradient(160deg,#27213d,#19182a);box-shadow:0 35px 90px #0007;overflow:hidden}.hero-showcase::before{content:"";position:absolute;inset:23px;border:1px solid #ffffff13;border-radius:21px;pointer-events:none}.hero-showcase::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff19 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,black,transparent);pointer-events:none}.hero-photo{width:237px;height:340px;position:absolute;top:60px;left:calc(50% - 118px);background:radial-gradient(circle at 50% 28%,#916dbd,transparent 45%),linear-gradient(155deg,#594479,#3e2f65);border-radius:16px;box-shadow:0 22px 46px #07050b88;display:flex;align-items:center;justify-content:center;font-size:128px;transform:rotate(-4deg);border:5px solid #ffffff16;z-index:1}.hero-photo .play-marker{position:absolute;top:43%;font-size:27px;background:#ffffffd9;color:#563c83;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 22px #0003;transform:rotate(4deg)}.float-card{position:absolute;z-index:2;padding:13px 16px;display:flex;align-items:center;gap:10px;background:#222239ed;border:1px solid #79709066;border-radius:12px;box-shadow:0 17px 30px #0007;backdrop-filter:blur(9px)}.float-card.one{left:5px;top:72px;transform:rotate(-5deg)}.float-card.two{right:-1px;bottom:71px;transform:rotate(5deg)}.float-card .float-ico{display:grid;place-items:center;border-radius:10px;width:34px;height:34px;background:#42356d;color:#d5c3ff}.float-card strong{display:block;font-size:11px}.float-card small{display:block;font-size:9px;color:#9b9bbb;margin-top:5px}.bottom-wordmark{position:absolute;left:28px;bottom:18px;font-size:10px;color:#a3a1c7;letter-spacing:2px;font-weight:750}.site-section{max-width:1180px;margin:auto;padding:64px 24px}.section-kicker{color:#b69cff;letter-spacing:2.2px;font-size:11px;font-weight:800;text-transform:uppercase}.section-heading{font-size:31px;line-height:1.35;letter-spacing:-1px;margin:12px 0;color:#f4f3fa}.section-caption{color:#9093b0;font-size:13px;margin:0 0 28px;line-height:1.8}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.process-card{padding:27px}.process-number{font-size:11px;color:#a58fff;font-weight:800;letter-spacing:2px}.process-card h3{margin:17px 0 10px;font-size:16px}.process-card p{font-size:12px;line-height:1.8;color:#9497b1}.site-footer{border-top:1px solid #282a3b;max-width:1180px;margin:45px auto 0;padding:29px 24px 45px;color:#767a96;font-size:11px;display:flex;justify-content:space-between}.site-demo-banner{border:1px solid #5c4967;background:#2b223a;border-radius:10px;padding:9px 12px;color:#d3add7;font-size:11px;display:inline-block;margin-bottom:10px}
@media(max-width:1250px){.workspace{padding:32px 28px}.topbar{padding:0 28px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;transition:left .2s;width:246px;box-shadow:var(--shadow)}.sidebar.show{left:0}.mobile-toggle{display:flex}.search-chip{display:none}.workspace{padding:25px 18px 65px}.topbar{padding:0 18px;height:73px}.top-title{font-size:12px}.page-h1{font-size:26px}.hero{grid-template-columns:1fr;max-width:660px;padding-top:40px;gap:29px}.hero h1{font-size:51px}.hero-showcase{height:420px}.site-links{display:none}.process-grid{grid-template-columns:1fr}.jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:120px;padding:14px}.stat-value{font-size:23px}.stat-icon{padding:6px}.panel-pad{padding:17px}.page-head{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.template-grid{grid-template-columns:1fr 1fr;gap:11px}.template-art{height:133px}.big-emoji{font-size:52px}.template-card-body{padding:13px}.template-card h3{font-size:12px}.template-card p{font-size:10px}.studio-layout{grid-template-columns:1fr}.upload-box{min-height:235px}.studio-example{height:240px}.studio-example .figure{font-size:80px}.studio-example .glow-circle{width:135px;height:135px}.billing-grid{grid-template-columns:1fr}.jobs-grid{grid-template-columns:1fr}.trend-table-wrap{overflow:auto}.trend-table{min-width:585px}.site-header{height:72px}.site-header-actions .btn-outline{display:none}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero-showcase{height:350px}.hero-photo{height:255px;width:181px;left:calc(50% - 90px);font-size:98px}.float-card{padding:9px}.float-card.one{left:0;top:47px}.float-card.two{right:0;bottom:52px}.float-card small{display:none}.top-desc{display:none}.credits-pill{padding:8px 10px}.site-footer{flex-direction:column;gap:10px}}