@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
:root,html[data-theme=dark]{--paper:#0e0c15;--surface:#171420;--soft:#231d31;--ink:#faf9ff;--text-secondary:#c2bdcf;--muted:#aaa3bb;--line:#342c45;--accent:#a78bfa;--violet:#a78bfa}
html[data-theme=light]{--paper:#f8f7fc;--surface:#fff;--soft:#eee9f9;--ink:#221b32;--text-secondary:#554b65;--muted:#6b5f7b;--line:#dbd3eb;--accent:#6840cf;--violet:#6840cf}
html,html:has(.dashboard-page){background:radial-gradient(ellipse at 85% 0%,#39245d 0,transparent 50%),#0b0911;background-attachment:fixed}
html[data-theme=light],html[data-theme=light]:has(.dashboard-page){background:radial-gradient(ellipse at 85% 0%,#e5d9ff,transparent 55%),#eeebf5}
html body.dashboard-page{margin:32px auto;border-radius:20px;box-shadow:0 24px 100px #0004}
html body,html button,html input,html select,html textarea,html h1,html h2,html h3,html .dashboard-brand,html .dashboard-eyebrow{font-family:Inter,Arial,sans-serif!important}
html[data-theme] .dashboard-sidebar{border-radius:20px 0 0 20px;background:var(--surface)!important}
html[data-theme] .dashboard-topbar{border-radius:0 20px 0 0;background:var(--surface)!important}
html[data-theme] .dashboard-hero{padding-top:62px;padding-bottom:54px;background:radial-gradient(ellipse at 65% 25%,#805af516,transparent 70%)}
html[data-theme] .dashboard-hero h1{font-size:clamp(40px,4.3vw,60px);line-height:1.1;letter-spacing:-2.5px;font-weight:750}
html[data-theme] .dashboard-hero h1 em{color:var(--accent)!important}
html[data-theme] .dashboard-hero p{font-size:18px;line-height:1.75}
html[data-theme] .dashboard-eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.6px}
html[data-theme] .primary,html[data-theme] .preview-hero-actions .primary,html[data-theme] .plan-button.dark,html[data-theme] .dashboard-nav .selected,html[data-theme] .tabs button.selected{background:#805af5!important;color:#fff!important;border-color:#805af5!important;box-shadow:0 4px 20px #805af51a}
html[data-theme] .primary:hover,html[data-theme] .plan-button.dark:hover{background:#7045e6!important}
html[data-theme] .quick-tool.featured{background:var(--soft)!important;border-color:#805af5!important}
html[data-theme] .quick-tool,html[data-theme] .tool-card,html[data-theme] .plan{border-radius:12px!important}
html[data-theme] .tool-card:hover,html[data-theme] .quick-tool:hover{border-color:var(--accent)!important;box-shadow:0 8px 28px #805af510}
html[data-theme] .quick-tool>span,html[data-theme] .tool-icon{color:var(--accent)!important;background:var(--soft)!important}
html[data-theme] .dashboard-nav button,html[data-theme] .dashboard-nav a{font-size:15px}
html[data-theme] .preview-secondary{border-radius:9px;background:var(--surface);font-size:15px}
html[data-theme] .primary{border-radius:9px;font-size:15px}
.tile-video{background:linear-gradient(145deg,#322254,#1b172c)}
.tile-audio{background:linear-gradient(145deg,#805af5,#42216e)}
.tile-captions{background:linear-gradient(145deg,#302540,#18131f)}
.tile-landscape{background:linear-gradient(150deg,#decfff,#967bd0)}
.tile-landscape i{background:#69459b}
.caption-art mark{background:#bba4ff;color:#24133f}
html[data-theme] .modal-head button{min-width:44px;min-height:44px;background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--muted)!important}
html[data-theme] .note,html[data-theme] .drop,html[data-theme] .checkout-summary{background:var(--soft)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme] .theme-control select{border-color:var(--line)}
@media(max-width:1100px){html body.dashboard-page{margin:16px}html[data-theme] .dashboard-hero h1{font-size:52px}}
@media(max-width:720px){html body.dashboard-page{margin:0;border-radius:0}html[data-theme] .dashboard-sidebar,html[data-theme] .dashboard-topbar{border-radius:0}html[data-theme] .dashboard-hero{padding:36px 20px}html[data-theme] .dashboard-hero h1{font-size:40px;letter-spacing:-1.5px}html[data-theme] .dashboard-hero p{font-size:17px}}
/* Full-width application shell: no decorative outer gutters. */
html[data-theme] body.dashboard-page{width:100%;max-width:none;margin:0;border:0;border-radius:0;min-height:100vh;box-shadow:none}
html[data-theme] .dashboard-sidebar{position:fixed;top:0;bottom:0;left:0;height:100dvh;max-height:100dvh;border-radius:0}
html[data-theme] .dashboard-topbar{border-radius:0}
html[data-theme] .dashboard-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,80px);padding-inline:clamp(24px,3vw,64px)}
html[data-theme] .media-showcase{width:100%;max-width:600px;justify-self:center}
html[data-theme] .quick-start,html[data-theme] .tools{padding-inline:clamp(24px,3vw,64px)}
html[data-theme] .dashboard-topbar+main{min-width:0}
@media(max-width:1100px){html[data-theme] .dashboard-hero{grid-template-columns:1fr}}
@media(max-width:720px){html[data-theme] .dashboard-hero,html[data-theme] .quick-start,html[data-theme] .tools{padding-inline:20px}html[data-theme] .dashboard-sidebar{z-index:80}}