:root{--paper:#f5f4f9;--surface:#ffffff;--soft:#eeedf5;--ink:#20212a;--line:#dfdfe9;--text-secondary:#626575;--muted:#6a6d7e;--violet:#6551a4;--preview-accent:#b9a3ff}html[data-theme=dark]{--paper:#111318;--surface:#1c2028;--soft:#262b36;--ink:#f5f3ed;--line:#343945;--text-secondary:#b8becd;--muted:#a7afc1;--violet:#b9a3ff;--preview-accent:#b9a3ff}body{background:var(--paper);-webkit-font-smoothing:antialiased}.dashboard-sidebar{width:230px;padding:20px 15px;background:#efedf5;border-right:1px solid var(--line)}.dashboard-brand{gap:10px;margin-bottom:14px}.dashboard-brand strong{font-size:17px;letter-spacing:-.6px}.dashboard-brand img{width:32px;height:32px}.dashboard-nav{gap:4px;margin-top:15px}.dashboard-nav button,.dashboard-nav a{padding:11px 12px;border-radius:9px;font-size:13px}.dashboard-nav .selected{background:#e4def4;color:#453275}.sidebar-label{padding-top:24px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.sidebar-search{padding:11px 12px;border-radius:9px;background:#faf9fd}.sidebar-bottom{padding-top:18px}.sidebar-privacy{display:flex;align-items:center;gap:10px;padding:8px 5px;color:var(--text-secondary)}.sidebar-privacy>span{font-size:20px}.sidebar-privacy strong{display:block;font-size:11px;font-weight:500}.sidebar-privacy small{font-size:9px;padding:6px 0;line-height:1.6}.dashboard-topbar{margin-left:230px;width:calc(100% - 230px);height:72px;background:var(--paper);border-bottom:1px solid var(--line);padding-inline:36px;font-size:12px}.dashboard-topbar+main{margin-left:230px}.dashboard-topbar .header-controls{gap:15px}.dashboard-shorts-link{font-size:11px}.staging-badge{font-size:8px;letter-spacing:1.2px;color:var(--text-secondary);border:1px solid var(--line);padding:7px 10px;border-radius:30px;margin-left:auto;margin-right:24px}.dashboard-topbar .theme-control{background:var(--surface);border:1px solid var(--line);padding:6px 8px;border-radius:8px}.dashboard-hero{grid-template-columns:1.25fr 1fr;gap:48px;padding:65px 40px 55px;align-items:center;max-width:1440px}.dashboard-eyebrow{display:block;font-size:8px;letter-spacing:1.8px;color:var(--text-secondary);margin-bottom:24px}.dashboard-hero h1{font-size:clamp(35px,3.65vw,56px);font-weight:600;letter-spacing:-2.1px;line-height:1.14;margin-bottom:22px}.dashboard-hero h1 em{font-style:normal;color:#7663ad}.dashboard-hero h1 em:after{display:none}.dashboard-hero p{font-size:15px;line-height:1.95;color:var(--text-secondary)}.dashboard-perks{font-size:10px;gap:17px;margin-top:22px}.preview-hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.preview-hero-actions .primary{background:#6651a3;border:1px solid #6651a3;color:#fff;border-radius:9px;min-height:46px;padding:13px 17px;font-size:12px;gap:24px;box-shadow:0 5px 15px #2c3a2012}.preview-hero-actions .primary:hover{background:#7863b5}.preview-secondary{color:var(--ink);font-size:11px}.dashboard-hero .search{margin-top:28px;height:49px;border-radius:11px;background:var(--surface);border-color:var(--line);box-shadow:0 4px 15px #00000002;padding:12px 15px}.dashboard-hero .search input{font-size:13px}.dashboard-stats{margin-top:14px;font-size:9px;gap:16px}.dashboard-stats b{font-size:10px}.studio-preview{border:1px solid #45445d;border-radius:17px;background:#1b1e29;box-shadow:0 24px 60px #1c2b191c;overflow:hidden;transform:perspective(1200px) rotateY(-3deg);color:#d5d6e7;max-width:440px;margin:auto;width:100%}.studio-preview-head{padding:15px 17px;border-bottom:1px solid #383b4b;display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1px}.studio-mark{width:22px;height:22px;display:grid;place-items:center;border:1px solid #7d779a;border-radius:6px;color:#c2b0ff;font-size:12px}.studio-preview-dot{margin-left:auto;width:5px;height:5px;background:#b9a3ff;border-radius:50%}.studio-scene{height:245px;position:relative;margin:19px;background:#7779a3;overflow:hidden;border-radius:8px}.scene-sun{position:absolute;right:35px;top:28px;width:68px;height:68px;background:#ddd2f6;border-radius:50%}.scene-orbit{position:absolute;width:180px;height:180px;border:1px solid #f5e8ce70;border-radius:50%;top:-50px;right:-50px}.scene-hill{position:absolute;bottom:-90px;left:-50px;width:280px;height:220px;transform:rotate(26deg);background:#696f9c;border-radius:20px}.hill-back{left:auto;right:-60px;bottom:-40px;transform:rotate(-35deg);background:#8e91bb}.hill-front{background:#3b4265;bottom:-125px;width:360px;height:230px}.scene-corner{position:absolute;top:17px;left:17px;font-size:6px;letter-spacing:1.1px;color:#f1edf9}.scene-frame{position:absolute;inset:18px calc(50% - 55px);border:1px solid #fdf7e4b0;border-radius:2px}.scene-caption{position:absolute;bottom:43px;left:0;right:0;text-align:center;color:#fff9e9;font:600 21px/1.45 Manrope,sans-serif;letter-spacing:-.4px;text-shadow:0 2px 5px #28302120}.scene-caption em{font-style:normal;background:#4b3d75;padding:3px 7px}.studio-mini-timeline{display:flex;gap:4px;align-items:center;margin:0 19px 17px;height:28px}.studio-mini-timeline>span{font-size:6px;color:#b5b4ca;letter-spacing:1px;margin-right:8px}.studio-mini-timeline i{flex:1;height:24px;background:#595776;border:1px solid #8b9c742f;border-radius:3px}.studio-mini-timeline i:nth-child(2n){background:#8b82b5}.studio-preview-footer{display:flex;justify-content:space-between;padding:13px 17px;border-top:1px solid #383b4b;font-size:5px;letter-spacing:1px;color:#b9b6cf}.quick-start{padding:0 40px 15px;max-width:1440px}.preview-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:5px 0 22px}.preview-kicker{font-size:8px;letter-spacing:1.6px;color:var(--text-secondary)}.preview-section-heading h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin-bottom:0}.preview-section-heading>span{font-size:10px;color:var(--text-secondary)}.quick-grid{gap:13px}.quick-tool{border-radius:14px;padding:22px;min-height:155px;background:var(--surface);border-color:var(--line);box-shadow:0 2px 8px #1d281207;gap:30px}.quick-tool>span{width:37px;height:37px;border-radius:10px;background:var(--paper);border-color:var(--line)}.quick-tool strong{font-size:13px;font-weight:500;letter-spacing:-.1px}.quick-tool:hover{border-color:#9b87cf;background:#f0ecfa;transform:translateY(-2px);box-shadow:0 8px 22px #29391b0c}.quick-tool.featured{background:#6852a5;color:#faf8ff;border-color:#6852a5}.quick-tool.featured>span{background:#7f68bc;color:#eee7ff;border-color:#a18bcf}.quick-tool.featured:hover{background:#7f68bc}.tools{max-width:1440px;padding:43px 40px}.section-top h2{font-size:26px;font-weight:500;letter-spacing:-.8px}.section-top h2 span{color:#9e8ad3}.section-top .eyebrow{font-size:8px;letter-spacing:1.6px}.section-top p{font-size:13px}.tool-grid{gap:13px}.tool-card{padding:23px;border-radius:14px;background:var(--surface);border-color:var(--line);box-shadow:0 2px 8px #1d281204}.tool-card h3{font-size:15px!important;font-weight:500}.tool-card p{font-size:13px!important;line-height:1.85}.tool-icon{background:var(--paper);color:#77649f}.tool-card:hover{border-color:#9584bf;background:#f4f0fc;box-shadow:0 8px 25px #29391b09;transform:translateY(-2px)}.badge,.badge.beta{font-size:7px!important;letter-spacing:.6px}.card-bottom{font-size:9px}.toolbar{margin-top:25px}.tabs button{font-size:11px!important;padding:9px 12px!important}.tabs button.selected{background:#6852a5;color:#fff}.how{margin-inline:40px;padding-block:50px}.how h2{font-weight:500}.plan{padding:28px;border-radius:16px;box-shadow:0 3px 15px #00000003}.plan.featured{border-color:#9c88cb;background:var(--surface);box-shadow:0 10px 35px #29391b0a}.plan h3{font-weight:500}.plan-button,.primary{border-radius:9px}.faq{padding-top:55px}.faq h2,.pricing h2{font-weight:500}body.dashboard-page>footer{margin-left:230px;width:calc(100% - 230px);padding-inline:40px}.resource-card{box-shadow:0 4px 20px #1d281205}.resource-card:hover{border-color:#9b87cf}.resource-article h1{font-weight:600!important}.back-to-top{border-radius:12px}.shorts-poster{background:linear-gradient(145deg,#293923,#6c7d59 65%,#e0cba5)}html[data-theme=dark] body{background:var(--paper)}html[data-theme=dark] .dashboard-sidebar{background:#151820;border-color:var(--line)}html[data-theme=dark] .dashboard-nav .selected{background:#302a42;color:#eee9ff}html[data-theme=dark] .sidebar-search{background:#20242e;border-color:var(--line)}html[data-theme=dark] .dashboard-topbar{background:#111318ef;border-color:var(--line);backdrop-filter:blur(12px)}html[data-theme=dark] .dashboard-hero h1 em{color:#b9a3ff}html[data-theme=dark] .preview-hero-actions .primary{background:#b9a3ff;color:#211a35;border-color:#b9a3ff}html[data-theme=dark] .preview-hero-actions .primary:hover{background:#cbbaff}html[data-theme=dark] .dashboard-hero .search{background:#1c2028;border-color:#393d4c}html[data-theme=dark] .quick-tool{background:#1c2028;border-color:#343945}html[data-theme=dark] .quick-tool:hover{background:#282b39;border-color:#80729f}html[data-theme=dark] .quick-tool.featured{background:#b9a3ff;color:#241c39;border-color:#b9a3ff}html[data-theme=dark] .quick-tool.featured>span{background:#a28bdd;border-color:#937acb;color:#302347}html[data-theme=dark] .quick-tool.featured:hover{background:#c9b8ff}html[data-theme=dark] .quick-tool>span{background:#282b39;border-color:#3b4050}html[data-theme=dark] .tool-card,html[data-theme=dark] .plan,html[data-theme=dark] .plan.featured{background:#1c2028;border-color:#343945}html[data-theme=dark] .tool-card:hover{background:#252936;border-color:#80729f}html[data-theme=dark] .tool-icon,html[data-theme=dark] .cat-Video .tool-icon,html[data-theme=dark] .cat-Audio .tool-icon,html[data-theme=dark] .cat-Study .tool-icon{background:#282b39;border-color:#3b4050;color:#c4b8e5}html[data-theme=dark] .primary,html[data-theme=dark] .plan-button.dark{background:#b9a3ff;border-color:#b9a3ff;color:#241c39}html[data-theme=dark] .tabs button.selected{background:#b9a3ff;color:#241c39}html[data-theme=dark] .resource-card,html[data-theme=dark] .resource-callout{background:var(--surface);border-color:var(--line)}html[data-theme=dark] .staging-badge{color:#c4b2ff;border-color:#524565;background:#30283f80}
@media(max-width:1200px){.dashboard-hero{gap:32px;padding:50px 30px 45px}.dashboard-hero h1{font-size:40px}.dashboard-topbar{padding-inline:28px}.quick-start,.tools{padding-inline:30px}.studio-scene{height:220px}.scene-caption{font-size:19px}.quick-tool{padding:19px;min-height:140px}.preview-section-heading h2{font-size:22px}.staging-badge{margin-right:15px;font-size:7px}}@media(max-width:1000px){.dashboard-sidebar{width:205px}.dashboard-topbar{margin-left:205px;width:calc(100% - 205px)}.dashboard-topbar+main{margin-left:205px}body.dashboard-page>footer{margin-left:205px;width:calc(100% - 205px)}.dashboard-hero{grid-template-columns:1fr;gap:30px}.dashboard-hero-copy{max-width:650px}.dashboard-hero h1{font-size:43px}.studio-preview{max-width:500px;margin:0;width:100%;transform:none}.studio-scene{height:210px}.preview-section-heading>span{display:none}.staging-badge{margin-right:0}}@media(max-width:720px){.dashboard-sidebar{width:250px}.dashboard-topbar{margin-left:0;width:100%;height:60px;padding-inline:18px}.dashboard-topbar+main{margin-left:0}body.dashboard-page>footer{margin-left:0;width:100%;padding-inline:22px}.dashboard-topbar #dashboardTitle{display:none}.staging-badge{font-size:6px;letter-spacing:.6px;padding:6px 7px;margin-left:0}.dashboard-hero{padding:38px 22px 36px;gap:32px}.dashboard-hero h1{font-size:37px;letter-spacing:-1.5px}.dashboard-eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:20px}.dashboard-hero p{font-size:14px;line-height:1.9}.dashboard-perks{font-size:9px;gap:12px}.preview-hero-actions{gap:18px;margin-top:23px}.preview-hero-actions .primary{font-size:11px;min-height:43px;padding:12px 14px}.preview-secondary{font-size:10px}.studio-preview{border-radius:13px}.studio-scene{height:215px;margin:15px}.studio-preview-head{padding:12px 15px}.scene-caption{font-size:20px}.studio-mini-timeline{margin-inline:15px}.quick-start,.tools{padding-inline:22px}.preview-section-heading{margin-bottom:20px}.preview-section-heading h2{font-size:23px;line-height:1.4}.quick-grid{gap:11px}.quick-tool{min-height:142px;padding:19px}.quick-tool strong{font-size:13px}.tool-card{padding:20px 17px}.tool-card h3{font-size:15px!important}.tool-card p{font-size:13px!important}.how{margin-inline:22px}.dashboard-topbar .header-controls{gap:10px}.dashboard-shorts-link{display:none}.studio-preview-footer{font-size:5px}.studio-preview-dot{width:4px;height:4px}}@media(prefers-reduced-motion:reduce){.quick-tool,.tool-card{transition:none}.quick-tool:hover,.tool-card:hover{transform:none}}

/* Midnight Studio: comfortable type and restrained, product-led motion. */
.dashboard-nav button,.dashboard-nav a{font-size:14px}.sidebar-label{font-size:10px}.sidebar-privacy strong{font-size:12px}.sidebar-privacy small{font-size:11px}.dashboard-topbar{font-size:14px}.dashboard-shorts-link{font-size:12px}.dashboard-eyebrow,.preview-kicker{font-size:10px;letter-spacing:1.8px}.dashboard-hero h1{font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-2.4px}.dashboard-hero p{font-size:16px;line-height:1.85;max-width:490px}.dashboard-perks{font-size:12px;gap:14px}.preview-hero-actions .primary{font-size:14px;padding:15px 20px;min-height:48px}.preview-secondary{font-size:13px}.dashboard-stats{font-size:11px}.dashboard-stats b{font-size:12px}.quick-tool strong{font-size:15px}.quick-tool{min-height:160px;transition:background .2s,border-color .2s,transform .2s}.tool-card h3{font-size:17px!important}.tool-card p{font-size:14px!important;line-height:1.75}.card-bottom{font-size:11px}.badge,.badge.beta{font-size:9px!important}.tabs button{font-size:13px!important}.section-top p{font-size:15px}.preview-section-heading>span{font-size:12px}.studio-preview{transform:none;box-shadow:0 24px 70px #00000028;border-radius:20px}.studio-preview-head{font-size:10px;letter-spacing:1.4px;padding:18px}.studio-scene{height:270px;background:linear-gradient(155deg,#5c648a,#a49ac0 60%,#d7b8c0)}.scene-corner{font-size:8px}.scene-caption{font-size:25px;bottom:50px}.studio-preview-footer{font-size:8px;letter-spacing:.8px;padding:16px}.studio-mini-timeline{position:relative;height:36px}.studio-mini-timeline>span{font-size:8px}.studio-mini-timeline i{height:30px}.studio-mini-timeline:after{content:'';position:absolute;left:25%;top:-3px;width:2px;height:42px;background:#e9e2ff;box-shadow:0 0 8px #b9a3ff80;animation:studio-playhead 8s ease-in-out infinite}.scene-frame{border:1.5px solid #fff9;inset:18px calc(50% - 64px);animation:studio-crop 8s ease-in-out infinite}.studio-preview-dot{box-shadow:0 0 0 4px #b9a3ff12}.scene-caption em{box-decoration-break:clone;-webkit-box-decoration-break:clone}.staging-badge{font-size:9px}.tool-card:focus-visible,.quick-tool:focus-visible{outline:3px solid #b9a3ff;outline-offset:4px}html[data-theme=dark] .modal-head button{background:#303443;color:#fff;border-color:#8e91aa}html[data-theme=dark] .section-top h2 span{color:#b9a3ff}html[data-theme=dark] .shorts-poster{background:linear-gradient(145deg,#29283c,#635b85 65%,#b9a3ff)}
@keyframes studio-playhead{0%,100%{left:25%}50%{left:88%}}@keyframes studio-crop{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}
@media(max-width:1200px){.dashboard-hero{gap:30px}.dashboard-hero h1{font-size:44px}.studio-scene{height:235px}.dashboard-perks{flex-wrap:wrap}}
@media(max-width:720px){.dashboard-hero h1{font-size:41px;letter-spacing:-1.8px}.dashboard-hero p{font-size:16px}.dashboard-eyebrow{font-size:9px;line-height:1.7}.preview-hero-actions{gap:16px}.preview-hero-actions .primary{font-size:13px}.preview-secondary{font-size:12px}.dashboard-perks{font-size:11px}.staging-badge{font-size:7px}.quick-tool strong{font-size:14px}.quick-tool{min-height:145px}.studio-preview-footer{font-size:7px}.studio-scene{height:245px}.tool-card h3{font-size:16px!important}.tool-card p{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.studio-mini-timeline:after,.scene-frame{animation:none}}