:root{
  color-scheme:dark;
  --bg:#070809;
  --bg-soft:#0a0c0d;
  --sidebar:#0c0e0f;
  --surface:#101214;
  --surface-2:#141719;
  --surface-3:#191d1f;
  --surface-hover:#1c2022;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.13);
  --text:#f4f6f5;
  --text-soft:#d4d8d6;
  --muted:#8d9692;
  --muted-2:#666f6b;
  --accent:#8b6cff;
  --accent-2:#a78dff;
  --accent-soft:rgba(139,108,255,.14);
  --success:#5ed9ad;
  --danger:#ff6d78;
  --warning:#f0b35b;
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --radius:14px;
  --radius-lg:20px;
  --ease:cubic-bezier(.22,.8,.24,1);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
svg{display:block}
.hidden{display:none!important}
::selection{background:rgba(139,108,255,.35);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#292e30;border:2px solid transparent;background-clip:padding-box;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#383e40;border:2px solid transparent;background-clip:padding-box}

/* Shared brand */
.csBrand{display:flex;align-items:center;gap:11px;min-width:0}
.csMark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#9a7cff,#7457e9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 30px rgba(112,83,229,.18);font-weight:900;font-size:11px;letter-spacing:-.04em;color:#fff}
.csBrandText{display:grid;min-width:0;line-height:1.05}
.csBrandText strong{font-size:13px;letter-spacing:-.02em;white-space:nowrap}
.csBrandText small{margin-top:4px;font-size:10px;color:var(--muted);white-space:nowrap}

/* Buttons / fields */
.uiBtn{height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#151819;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-soft);font-weight:760;font-size:12px;cursor:pointer;transition:transform .18s var(--ease),background .18s,border-color .18s,color .18s,box-shadow .18s}
.uiBtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uiBtn:hover:not(:disabled){background:#1b1f21;border-color:#3a4143;color:#fff;transform:translateY(-1px)}
.uiBtn:active:not(:disabled){transform:translateY(0) scale(.985)}
.uiBtn.primary{border-color:transparent;color:#fff;background:linear-gradient(145deg,#8e70ff,#7657ed);box-shadow:0 10px 28px rgba(119,85,237,.22)}
.uiBtn.primary:hover:not(:disabled){background:linear-gradient(145deg,#9b80ff,#8264f0);box-shadow:0 13px 32px rgba(119,85,237,.29)}
.uiBtn.danger{color:#ffadb4;border-color:rgba(255,109,120,.2);background:rgba(255,109,120,.06)}
.uiBtn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.field{display:grid;gap:8px}
.field label{font-size:12px;font-weight:700;color:#c7ccca}
.fieldHint{font-size:10px;color:var(--muted)}
.input,select,textarea,.selectInput{width:100%;border:1px solid var(--line-strong);background:#101315;color:var(--text);outline:0;border-radius:10px;transition:border-color .18s,box-shadow .18s,background .18s}
.input,select,.selectInput{height:44px;padding:0 13px}
textarea{padding:12px;min-height:110px;resize:vertical}
.input::placeholder,textarea::placeholder{color:#616966}
.input:focus,select:focus,textarea:focus,.selectInput:focus{border-color:#7761d4;background:#121618;box-shadow:0 0 0 3px rgba(139,108,255,.1)}
.message{padding:11px 12px;border-radius:10px;border:1px solid rgba(255,109,120,.2);background:rgba(255,109,120,.07);color:#ffb7bd;font-size:12px;line-height:1.5}
.progress{height:5px;border-radius:99px;background:#222729;overflow:hidden}
.progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7d61ef,#a18aff);border-radius:inherit;transition:width .25s var(--ease)}

/* ==========================================================
   AUTH
   ========================================================== */
.authPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% -25%,rgba(139,108,255,.13),transparent 35%),#070809;padding:34px 18px}
.authShell{width:min(460px,100%);animation:authIn .48s var(--ease) both}
@keyframes authIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.authBrand{display:flex;justify-content:center;margin-bottom:24px}
.authBrand .csMark{width:42px;height:42px;border-radius:13px;font-size:12px}
.authBrand .csBrandText strong{font-size:15px}.authBrand .csBrandText small{font-size:10px}
.authCard{border:1px solid var(--line);border-radius:20px;background:rgba(16,18,20,.94);box-shadow:0 28px 90px rgba(0,0,0,.34);padding:30px}
.authTitle{text-align:center;margin-bottom:26px}
.authTitle h1{margin:0;font-size:26px;letter-spacing:-.045em;font-weight:780}
.authTitle p{margin:8px auto 0;max-width:330px;color:var(--muted);font-size:13px;line-height:1.55}
.authForm{display:grid;gap:16px}
.passwordWrap{position:relative}.passwordWrap .input{padding-right:48px}
.passwordToggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#78817d;display:grid;place-items:center;cursor:pointer}
.passwordToggle:hover{background:#1a1e1f;color:#cfd4d2}.passwordToggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.authSubmit{width:100%;height:45px;margin-top:2px}
.authFoot{text-align:center;margin-top:20px;color:var(--muted);font-size:12px}.authFoot a{color:#dfd9ff;font-weight:750}.authFoot a:hover{color:#fff}
.authTrust{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;font-size:10px;color:#69716e}.authTrust i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(94,217,173,.45)}

/* ==========================================================
   DASHBOARD / WORKSPACE
   ========================================================== */
.dashboardBody{height:100vh;overflow:hidden;background:#08090a}
.workspaceShell{height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);background:#08090a}
.workspaceSidebar{min-width:0;border-right:1px solid var(--line);background:#0d0f10;padding:20px 14px 16px;display:flex;flex-direction:column;overflow:hidden}
.sidebarBrand{padding:0 8px 20px}
.sideNav{display:grid;gap:5px}
.sideNavItem{height:45px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:11px;color:#929b97;font-size:12px;font-weight:690;transition:.18s var(--ease)}
.sideNavItem svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.sideNavItem:hover{background:#151819;color:#e2e6e4}.sideNavItem.active{background:var(--accent-soft);color:#c9bcff}.sideNavItem.active svg{color:#a68eff}
.sidebarDivider{height:1px;background:var(--line);margin:18px 8px}
.sidebarFoot{margin-top:auto;border:1px solid var(--line);border-radius:13px;background:#111415;padding:13px}
.sidebarFootHead{display:flex;align-items:center;gap:8px;color:#cbd0cd;font-size:11px;font-weight:750}.sidebarFootHead i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(94,217,173,.3)}
.sidebarFoot p{margin:7px 0 0;color:#707976;font-size:10px;line-height:1.55}
.workspaceMain{min-width:0;height:100vh;display:grid;grid-template-rows:70px minmax(0,1fr);overflow:hidden}
.workspaceTopbar{border-bottom:1px solid var(--line);background:rgba(8,9,10,.92);backdrop-filter:blur(16px);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:20}
.topSearch{width:min(430px,46vw);height:40px;border:1px solid var(--line);background:#101314;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#747d79;transition:.18s}
.topSearch:focus-within{border-color:#49415f;background:#121617;box-shadow:0 0 0 3px rgba(139,108,255,.075)}
.topSearch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.topSearch input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e9ecea;font-size:12px}.topSearch input::placeholder{color:#6d7572}.topSearch kbd{font:700 9px/1 ui-monospace,SFMono-Regular,monospace;color:#636b68;border:1px solid #2d3230;border-radius:5px;padding:4px 6px;background:#151817}
.accountWrap{position:relative}.accountButton{height:42px;border:1px solid var(--line);background:#111415;border-radius:11px;padding:0 10px 0 7px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:.18s}.accountButton:hover,.accountButton.open{background:#181b1c;border-color:#33393a}.accountAvatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7860e6,#9b82ff);font-size:10px;font-weight:850;color:#fff}.accountCopy{display:grid;text-align:left;line-height:1.1;max-width:160px}.accountCopy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountCopy small{margin-top:3px;color:#747d79;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountChevron{width:15px;height:15px;fill:none;stroke:#707875;stroke-width:1.8;transition:transform .18s}.accountButton.open .accountChevron{transform:rotate(180deg)}
.accountMenu{position:absolute;right:0;top:50px;width:250px;border:1px solid var(--line-strong);border-radius:12px;background:#17191b;box-shadow:0 24px 70px rgba(0,0,0,.48);padding:7px;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:.17s var(--ease);z-index:100}.accountMenu.open{opacity:1;visibility:visible;transform:none}.accountMenuHead{padding:10px 10px 12px;border-bottom:1px solid var(--line)}.accountMenuHead strong,.accountMenuHead small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountMenuHead strong{font-size:12px}.accountMenuHead small{font-size:10px;color:var(--muted);margin-top:4px}.accountMenu button{width:100%;height:39px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#cbd0ce;font-size:11px;cursor:pointer}.accountMenu button:hover{background:#202426}.accountMenu button.danger{color:#ff777f}.accountMenu button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.dashboardScroll{overflow:auto;min-height:0}.dashboardContent{width:min(1180px,calc(100% - 52px));margin:0 auto;padding:38px 0 56px}
.dashboardIntro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.dashboardIntro small{display:block;color:#80709d;font-size:9px;font-weight:850;letter-spacing:.18em;margin-bottom:8px}.dashboardIntro h1{margin:0;font-size:28px;letter-spacing:-.045em;font-weight:780}.dashboardIntro p{margin:7px 0 0;color:var(--muted);font-size:12px}.projectCount{height:29px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#101314;color:#818a86;font-size:10px;display:flex;align-items:center}
.uploadPanel{border:1px solid var(--line);border-radius:18px;background:#101213;padding:14px;box-shadow:0 12px 38px rgba(0,0,0,.1)}
.dropzone{min-height:238px;border:1px dashed #343a3c;border-radius:14px;background:#0c0e0f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;position:relative;overflow:hidden}
.dropzone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(139,108,255,.055),transparent 38%);pointer-events:none}.dropzone:hover,.dropzone.drag{border-color:#65549c;background:#0f1113}.dropzone.drag{transform:scale(.997)}
.dropIcon{width:50px;height:50px;border-radius:14px;border:1px solid #303638;background:#15191a;display:grid;place-items:center;color:#b5a7ff;margin-bottom:12px;transition:.2s}.dropzone:hover .dropIcon{transform:translateY(-2px);border-color:#544779;background:#191724}.dropIcon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-size:14px;font-weight:730}.dropzone span{margin-top:6px;color:#7e8783;font-size:11px}.dropzone em{font-style:normal;color:#5f6764;font-size:9px;margin-top:4px}
.uploadOptions{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}.uploadOptions .field{gap:6px}.uploadOptions label{font-size:10px;color:#818a86}.uploadOptions select{height:42px;font-size:11px}.uploadCreate{min-width:150px;height:42px}
.uploadStatus{margin-top:12px}
.sectionHeader{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 15px}.sectionHeader h2{margin:0;font-size:19px;letter-spacing:-.03em}.sectionHeader p{margin:5px 0 0;color:#737c78;font-size:10px}.sectionHeader .uiBtn{height:34px;font-size:10px}
.projectsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.projectCard{min-width:0;border:1px solid var(--line);border-radius:14px;background:#101213;overflow:hidden;transition:transform .22s var(--ease),border-color .22s,box-shadow .22s;position:relative}.projectCard:hover{transform:translateY(-3px);border-color:#343a3b;box-shadow:0 18px 50px rgba(0,0,0,.27)}
.projectThumb{aspect-ratio:16/10;background:#0b0d0e;position:relative;overflow:hidden}.projectThumb video{width:100%;height:100%;object-fit:cover;display:block;background:#0a0b0c}.projectThumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.46));pointer-events:none}.projectFallback{position:absolute;inset:0;display:grid;place-items:center;color:#474e4b}.projectFallback svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5}.projectPlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(9,10,11,.6);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);z-index:2;color:#fff;transition:.2s}.projectCard:hover .projectPlay{transform:translate(-50%,-50%) scale(1.08);background:rgba(139,108,255,.72);border-color:transparent}.projectPlay svg{width:19px;height:19px;fill:currentColor;transform:translateX(1px)}
.projectStatus{position:absolute;left:10px;top:10px;z-index:3;height:25px;border-radius:999px;padding:0 9px;background:rgba(8,10,10,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);display:flex;align-items:center;gap:6px;font-size:8px;font-weight:760;color:#d2d8d5}.projectStatus i{width:6px;height:6px;border-radius:50%;background:#7d8682}.projectStatus.ready i,.projectStatus.done i{background:var(--success)}.projectStatus.error i{background:var(--danger)}.projectStatus.processing i,.projectStatus.queued i,.projectStatus.rendering i{background:var(--warning);animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35}}
.projectBody{padding:13px}.projectBody strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;letter-spacing:-.01em}.projectMeta{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#747d79;font-size:9px}.projectMeta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectBody .progress{margin-top:10px}
.emptyState{grid-column:1/-1;min-height:160px;border:1px dashed #2e3435;border-radius:14px;background:#0d0f10;display:grid;place-items:center;text-align:center;padding:28px;color:#7b8480}.emptyState strong{display:block;color:#d6dad8;font-size:13px;margin-bottom:5px}.emptyState span{font-size:10px}

/* ==========================================================
   LANDING
   ========================================================== */
.marketingPage{background:#070809;min-height:100vh;overflow-x:hidden}.marketingNav{height:70px;width:min(1240px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.055)}.marketingLinks{display:flex;gap:25px;color:#8d9692;font-size:11px}.marketingLinks a:hover{color:#fff}.marketingActions{display:flex;gap:8px}.marketingActions .uiBtn{height:38px}
.marketingHero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:96px 0 76px;text-align:center}.heroBadge{height:28px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(139,108,255,.22);background:rgba(139,108,255,.07);border-radius:999px;color:#b9acff;font-size:9px;font-weight:800;letter-spacing:.08em}.heroBadge i{width:6px;height:6px;border-radius:50%;background:#a38cff;box-shadow:0 0 12px rgba(163,140,255,.45)}.marketingHero h1{margin:18px auto 0;max-width:940px;font-size:clamp(48px,7.2vw,88px);line-height:.94;letter-spacing:-.067em;font-weight:780}.marketingHero h1 span{color:#9c86ff}.marketingHero>p{max-width:650px;margin:24px auto 0;color:#909995;font-size:15px;line-height:1.7}.heroActions{display:flex;justify-content:center;gap:10px;margin-top:28px}.heroActions .uiBtn{height:46px;padding:0 20px}.heroTrust{display:flex;justify-content:center;gap:22px;margin-top:24px;color:#646d69;font-size:9px}.heroTrust span{display:flex;align-items:center;gap:6px}.heroTrust i{width:5px;height:5px;border-radius:50%;background:#545c59}
.productShowcase{width:min(1220px,calc(100% - 40px));margin:0 auto 110px;border:1px solid var(--line);border-radius:20px;background:#0d0f10;box-shadow:0 40px 120px rgba(0,0,0,.42);overflow:hidden}.showcaseTop{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px}.showcaseDots{display:flex;gap:5px}.showcaseDots i{width:7px;height:7px;border-radius:50%;background:#2c3130}.showcaseTop strong{font-size:10px;color:#7b8480;font-weight:680}.showcaseGrid{height:600px;display:grid;grid-template-columns:230px minmax(0,1fr) 280px;background:#080a0b}.showcaseSide,.showcaseInspector{background:#0e1011;padding:14px}.showcaseSide{border-right:1px solid var(--line)}.showcaseInspector{border-left:1px solid var(--line)}.showcaseNavItem{height:42px;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#6f7874;font-size:10px}.showcaseNavItem.active{background:var(--accent-soft);color:#c9bdff}.showcaseNavItem i{width:16px;height:16px;border-radius:5px;background:#222729}.showcaseStage{display:grid;grid-template-rows:45px 1fr 52px;min-width:0}.showcaseStageHead{border-bottom:1px solid var(--line);padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#737c78;font-size:9px}.showcaseCanvas{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#171b1e,#080a0b 64%)}.showcaseVideo{height:420px;aspect-ratio:9/16;border-radius:12px;background:linear-gradient(180deg,#252c30,#101315);box-shadow:0 26px 70px rgba(0,0,0,.55);position:relative;overflow:hidden}.showcaseVideo:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#394247;left:50%;top:27%;transform:translate(-50%,-50%)}.showcaseCaption{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);text-align:center;font-size:14px;font-weight:800;line-height:.95}.showcaseCaption b{display:block;font-size:27px;color:#ff5d57}.showcaseTransport{border-top:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:10px;color:#6f7874;font-size:9px}.showcasePlay{width:30px;height:30px;border-radius:50%;background:#fff;color:#0a0b0c;display:grid;place-items:center;font-size:9px}.showcaseTrack{flex:1;height:4px;background:#252a2b;border-radius:99px;position:relative}.showcaseTrack:after{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;border-radius:inherit;background:#8b6cff}.showcaseInspector h3{font-size:12px;margin:5px 0 14px}.fakeControl{margin-bottom:13px}.fakeControl label{display:block;color:#747d79;font-size:8px;margin-bottom:6px}.fakeControl div{height:34px;border:1px solid var(--line);border-radius:8px;background:#131617;padding:0 9px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#c4cac7}
.marketingSection{width:min(1180px,calc(100% - 40px));margin:0 auto 120px}.sectionIntro{text-align:center;max-width:700px;margin:0 auto 38px}.sectionIntro small{font-size:9px;color:#8c78cf;letter-spacing:.18em;font-weight:850}.sectionIntro h2{margin:10px 0 0;font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;line-height:1}.sectionIntro p{color:#818a86;margin:14px auto 0;font-size:13px;line-height:1.65}.featureCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.featureCard{min-height:190px;border:1px solid var(--line);border-radius:15px;background:#0e1011;padding:20px;transition:.2s var(--ease)}.featureCard:hover{transform:translateY(-3px);background:#111415;border-color:#323839}.featureIcon{width:36px;height:36px;border-radius:10px;background:#17151f;border:1px solid #28223a;color:#a994ff;display:grid;place-items:center;margin-bottom:25px}.featureIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.featureCard strong{display:block;font-size:13px}.featureCard p{color:#7e8783;font-size:11px;line-height:1.6;margin:8px 0 0}.finalCta{width:min(1180px,calc(100% - 40px));margin:0 auto 48px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 75% 0,rgba(139,108,255,.11),transparent 35%),#0e1011;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.finalCta h2{margin:0;font-size:36px;letter-spacing:-.045em}.finalCta p{margin:9px 0 0;color:#7d8682;font-size:12px}.marketingFooter{width:min(1180px,calc(100% - 40px));margin:0 auto;height:84px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#69726e;font-size:10px}

@media(max-width:1040px){.workspaceShell{grid-template-columns:76px minmax(0,1fr)}.workspaceSidebar{padding:18px 9px}.sidebarBrand{padding:0 10px 18px}.sidebarBrand .csBrandText,.sideNavItem span,.sidebarFoot{display:none}.sideNavItem{justify-content:center;padding:0}.sideNavItem svg{width:19px;height:19px}.projectsGrid{grid-template-columns:1fr 1fr}.showcaseGrid{grid-template-columns:190px 1fr 240px}}
@media(max-width:760px){.dashboardBody{height:auto;overflow:auto}.workspaceShell{min-height:100vh;height:auto;display:block;padding-bottom:68px}.workspaceSidebar{position:fixed;z-index:80;left:10px;right:10px;bottom:10px;height:56px;padding:5px 6px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(17,20,20,.92);backdrop-filter:blur(16px);display:block}.sidebarBrand,.sidebarDivider,.sidebarFoot{display:none}.sideNav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:100%}.sideNavItem{height:46px;justify-content:center;gap:6px;flex-direction:column;font-size:8px;padding:0}.sideNavItem span{display:block}.sideNavItem svg{width:16px;height:16px}.workspaceMain{height:auto;min-height:100vh;display:block}.workspaceTopbar{height:62px;padding:0 14px;position:sticky;top:0}.topSearch{width:42px;padding:0;justify-content:center}.topSearch input,.topSearch kbd{display:none}.accountCopy{display:none}.accountButton{padding-right:7px}.dashboardContent{width:calc(100% - 24px);padding:24px 0 34px}.dashboardIntro{align-items:flex-start}.dashboardIntro h1{font-size:24px}.dashboardIntro p{max-width:260px;line-height:1.5}.uploadPanel{padding:10px}.dropzone{min-height:210px}.uploadOptions{grid-template-columns:1fr 1fr}.uploadCreate{grid-column:1/-1;width:100%}.projectsGrid{grid-template-columns:1fr 1fr;gap:10px}.marketingLinks{display:none}.marketingNav{width:calc(100% - 24px)}.marketingHero{width:calc(100% - 24px);padding:70px 0 56px}.marketingHero h1{font-size:52px}.heroTrust{flex-wrap:wrap}.productShowcase{width:calc(100% - 20px);margin-bottom:80px}.showcaseGrid{height:520px;grid-template-columns:1fr}.showcaseSide,.showcaseInspector{display:none}.showcaseVideo{height:385px}.featureCards{grid-template-columns:1fr}.marketingSection{width:calc(100% - 24px);margin-bottom:80px}.finalCta{width:calc(100% - 24px);padding:28px;align-items:flex-start;flex-direction:column}.finalCta h2{font-size:30px}.marketingFooter{width:calc(100% - 24px)}}
@media(max-width:520px){.authCard{padding:24px 20px}.authTitle h1{font-size:24px}.projectsGrid{grid-template-columns:1fr}.projectThumb{aspect-ratio:16/9}.uploadOptions{grid-template-columns:1fr}.uploadCreate{grid-column:auto}.marketingHero h1{font-size:44px}.marketingActions .uiBtn:first-child{display:none}}