:root,html[data-theme=dark]{--paper:#101010;--surface:#171717;--soft:#202020;--ink:#fafafa;--text-secondary:#b9b9b9;--muted:#979797;--line:#292929;--accent:#805af5;--violet:#805af5}
html[data-theme=light]{--paper:#f8f5ef;--surface:#fff;--soft:#ece5db;--ink:#201b16;--text-secondary:#62584d;--muted:#766655;--line:#d9cec0;--accent:#805af5;--violet:#6840cf}
html{background:#2b201c}
html body.dashboard-page{max-width:1360px;margin:64px auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 35px 100px #0008;position:relative;isolation:isolate}
html:has(.dashboard-page){background:radial-gradient(ellipse at 100% 0%,#e8b894 0,transparent 38%),radial-gradient(ellipse at 100% 50%,#87411b 0,transparent 55%),radial-gradient(ellipse at 0 100%,#88837c 0,transparent 45%),#241a17;background-attachment:fixed}
body,button,input,select,textarea{font-family:Geist,Arial,sans-serif}
html h1,html h2,html h3,html .dashboard-brand{font-family:Geist,Arial,sans-serif!important}
html .dashboard-sidebar{position:absolute;top:0;bottom:0;width:230px;background:var(--surface);padding:18px 12px;border-right:1px solid var(--line)}
html .dashboard-brand{padding:0 10px 22px;gap:12px}
html .dashboard-brand strong,html .brand>.wordmark,html .wordmark>span{color:var(--ink)!important;font-size:24px;font-weight:700}
html .dashboard-brand img{width:34px;height:34px}
html .dashboard-topbar{margin-left:230px;width:calc(100% - 230px);height:72px;padding:0 26px;background:var(--surface);position:relative}
html .dashboard-topbar+main{margin-left:230px}
html body.dashboard-page>footer{margin-left:230px;width:calc(100% - 230px)}
html .dashboard-nav{gap:3px}
html .dashboard-nav button,html .dashboard-nav a{border-radius:7px;font-size:14px;min-height:42px}
html .dashboard-nav .selected{background:linear-gradient(110deg,#7546eb,#956dff);color:#ffffff}
html .sidebar-label{font-size:11px;padding-top:24px;letter-spacing:.07em}
html .sidebar-search{border-radius:6px;background:var(--paper);padding:12px}
html .staging-badge{border-radius:4px;font-size:10px;color:var(--accent)}
html .dashboard-hero{padding:50px 26px 36px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:none;align-items:center}
html .dashboard-eyebrow{font:500 11px/1.5 Geist,Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}
html .dashboard-hero h1{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.6px;line-height:1.17;margin:22px 0 20px}
html .dashboard-hero h1 em{font:inherit;color:var(--ink);letter-spacing:inherit}
html .dashboard-hero p{font-size:15px;line-height:1.8}
html .preview-hero-actions{gap:16px;margin-top:24px;flex-wrap:wrap}
html .primary,html .preview-hero-actions .primary,html .plan-button.dark{background:linear-gradient(110deg,#7546eb,#805af5);color:#ffffff;border-color:#805af5;border-radius:7px;font-size:14px;padding:12px 18px}
html .preview-secondary{font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:12px 16px}
html .dashboard-perks{font-size:11px;gap:12px}
html .dashboard-hero .search{border-radius:7px;height:46px;margin-top:24px;background:var(--surface);border-color:var(--line)}
html .dashboard-hero .search input{font-size:14px}
.media-showcase{min-width:0;padding-top:12px}
.showcase-cards{height:260px;position:relative;display:flex;align-items:center}
.media-tile{position:absolute;width:43%;height:215px;border-radius:10px;padding:16px;overflow:hidden;box-shadow:0 15px 35px #0004;display:flex;flex-direction:column;justify-content:space-between;color:#fff;border:1px solid #ffffff18}
.tile-video{left:0;top:35px;background:#164c43;transform:rotate(-5deg)}
.tile-audio{left:29%;top:0;background:#706099;z-index:2;transform:rotate(1deg)}
.tile-captions{right:0;top:50px;background:#433d4b;z-index:3;transform:rotate(5deg)}
.tile-label{font-size:9px;letter-spacing:1px;font-weight:600}
.media-tile strong{font-size:15px;letter-spacing:-.3px}.media-tile small{font-size:10px;color:#eee}
.tile-landscape{height:95px;background:linear-gradient(150deg,#b6d7a7,#e6be7c);border-radius:5px;position:relative;overflow:hidden}
.tile-landscape i{position:absolute;width:150px;height:120px;background:#24765e;transform:rotate(35deg);top:55px;left:-10px}
.tile-landscape b{position:absolute;left:40%;top:30%;border-radius:50%;background:#fff4;width:35px;height:35px;display:grid;place-items:center}
.wave-art{height:95px;display:flex;align-items:center;justify-content:center;gap:5px}
.wave-art i{background:#e3d3ff;width:7px;height:28px;border-radius:5px}.wave-art i:nth-child(2n){height:48px}.wave-art i:nth-child(3n){height:76px}.wave-art i:nth-child(5){height:95px}
.caption-art{font-size:clamp(14px,1.6vw,23px);line-height:1.5;font-weight:700;letter-spacing:-.6px}.caption-art mark{background:#bba4ff;color:#24133f;padding:3px}
.showcase-caption{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.showcase-caption strong{display:block;font-size:17px}.showcase-caption span{display:block;font-size:10px;color:var(--muted);letter-spacing:1.4px;margin-top:10px}.showcase-caption>b{color:var(--accent);font-size:12px;line-height:1.5;text-align:right;font-weight:500}
.showcase-track{display:flex;gap:8px;margin-top:20px}.showcase-track i{height:3px;flex:1;background:var(--line);border-radius:3px}.showcase-track i:nth-child(2){background:var(--accent)}
html .quick-start,html .tools{padding-left:26px;padding-right:26px}
html .preview-section-heading h2,html .section-top h2{font-size:23px;letter-spacing:-.6px}
html .preview-kicker{font-size:10px;color:var(--muted)}
html .quick-tool,html .quick-tool.featured,html .tool-card,html .plan{border-radius:8px;background:var(--surface);border-color:var(--line)}
html .quick-tool{min-height:115px;padding:17px;gap:17px}
html .quick-tool.featured{border-color:#805af5}
html .quick-tool>span,html .tool-icon{border-radius:7px;background:var(--soft);color:var(--accent)}
html .quick-tool.featured>span{background:#805af520;color:var(--accent);border-color:#805af540}
html .quick-tool strong{font-size:15px}
html .tool-grid{grid-template-columns:1fr;gap:7px}
html .tool-card{display:grid;grid-template-columns:48px minmax(140px,1fr) minmax(180px,1.6fr) minmax(110px,1fr);gap:18px;align-items:center;padding:17px 20px;text-align:left}
html .card-top{margin:0}.card-top .badge{display:none}
html .tool-card h3{font-size:15px!important;margin:0;letter-spacing:0}
html .tool-card p{font-size:13px!important;min-height:0;margin:0;line-height:1.6}
html .card-bottom{font-size:11px;padding:0;border:0;margin:0}
html .tabs button{border-radius:6px!important;font-size:12px!important}
html .tabs button.selected{background:var(--accent);color:#ffffff}
html .tool-card:hover{border-color:#805af5;background:var(--soft)}
html .tool-card:focus-visible,html button:focus-visible,html a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){html body.dashboard-page{margin:20px}.showcase-cards{height:225px}.media-tile{height:185px;padding:12px}html .dashboard-hero{grid-template-columns:1fr}.media-showcase{max-width:540px;width:100%;margin:auto}html .tool-card{grid-template-columns:40px 1fr 1.5fr}.card-bottom{display:none!important}}
@media(max-width:720px){html body.dashboard-page{margin:0;border:0}html .dashboard-sidebar{position:fixed;width:260px}html .dashboard-topbar{margin:0;width:100%;height:64px;padding:0 18px}html .dashboard-topbar+main{margin:0}html body.dashboard-page>footer{margin:0;width:100%}html .dashboard-hero{padding:32px 20px;gap:25px}html .dashboard-hero h1{font-size:39px}html .tool-card{grid-template-columns:38px 1fr;gap:12px}html .tool-card p{grid-column:2}.showcase-caption strong{font-size:15px}html .quick-start,html .tools{padding-left:20px;padding-right:20px}html .staging-badge{font-size:8px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){html *{scroll-behavior:auto!important}}
html[data-theme] .dashboard-sidebar,html[data-theme] .dashboard-topbar{background:var(--surface)!important}
html[data-theme] .dashboard-nav .selected{background:linear-gradient(110deg,#7546eb,#956dff)!important;color:#ffffff!important}
html[data-theme] .dashboard-hero h1 em{color:var(--ink)!important}
html[data-theme] .primary,html[data-theme] .preview-hero-actions .primary,html[data-theme] .plan-button.dark{background:linear-gradient(110deg,#7546eb,#805af5)!important;border-color:#805af5!important;color:#ffffff!important}
html[data-theme] .quick-tool,html[data-theme] .tool-card,html[data-theme] .plan{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme] .quick-tool.featured{background:#805af512!important;border-color:#805af5!important}
html[data-theme] .quick-tool>span{background:var(--soft)!important;color:var(--accent)!important;border-color:var(--line)!important}
html[data-theme] .sidebar-search,html[data-theme] .dashboard-hero .search{background:var(--surface)!important;border-color:var(--line)!important}
html[data-theme] .staging-badge{color:var(--accent)!important;background:var(--surface)!important}
html .dashboard-sidebar{max-height:calc(100vh - 64px)}
html .tool-card:has(.badge.planned) h3:after{content:'Coming soon';display:block;color:var(--accent);font-size:10px;font-weight:500;margin-top:5px}
html .tool-card:has(.badge.beta) h3:after{content:'Local AI · Beta';display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:5px}
@media(max-width:720px){html .dashboard-sidebar{max-height:100vh}}