:root {
  color-scheme: light;
  --ink: #182632;
  --muted: #61717b;
  --accent: #245bda;
  --bg: #f5f7f8;
  --line: #d6dfe3;
  --surface: #fff;
  --surface-alt: #eaf0f2;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf4f4;
  --muted: #a6b7bd;
  --accent: #8db4ff;
  --bg: #111c22;
  --line: #34464e;
  --surface: #1b2a31;
  --surface-alt: #23363e;
}
.theme-switch { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--line); border-radius:8px; background:var(--surface-alt); }
.theme-switch button { border:0; border-radius:5px; padding:7px 9px; background:transparent; color:var(--muted); font:600 11px/1 Inter,system-ui,sans-serif; }
.theme-switch button[aria-pressed="true"] { background:var(--surface); color:var(--ink); box-shadow:0 1px 3px #0002; }
.theme-switch button:hover { color:var(--ink); }
:root[data-theme="dark"] .dialog { background:var(--surface); color:var(--ink); }
:root[data-theme="dark"] .dialog p { color:var(--muted); }
:root[data-theme="dark"] .close { color:var(--muted); }
@media(max-width:700px) { .theme-switch button { padding:7px; } }
body { font-family: Inter, system-ui, sans-serif; }
.button { background:#245bda; color:#fff; border-radius:6px; box-shadow:none; }
.button:hover { background:#1949b5; }
.drop h2 { font-family:inherit; }
.studio-top .studio-state { color:var(--muted)!important; font-size:11px!important; }
.dialog { background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:10px; }
.dialog p { color:var(--muted); }
.dialog .eyebrow { color:var(--accent); }
@media(max-width:700px) { .header { gap:8px; } .logo { font-size:20px; } .nav .pro { padding:9px; font-size:11px; } }
.nav .pro { white-space:nowrap; }
.price-form{margin-top:36px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.price-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:22px}.price-fields label{font-size:13px;font-weight:700;color:var(--ink)}.price-fields label span{font-size:11px;font-weight:400;color:var(--muted)}.price-fields input,.price-fields select{display:block;width:100%;height:44px;margin-top:8px;padding:0 12px;font:inherit;font-weight:400;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px}.price-fields label:last-child{grid-column:1/-1}.price-fields small{display:block;margin-top:7px;font-weight:400;color:var(--muted);line-height:1.5}.price-fields input:focus-visible,.price-fields select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.price-result{margin-top:20px;padding:18px;background:var(--surface-alt);border-left:3px solid var(--accent);font-size:14px;line-height:1.6;color:var(--ink)}.price-result[hidden]{display:none}.price-disclaimer{font-size:11px;line-height:1.6;color:var(--muted);margin:18px 0 0}@media(max-width:700px){.price-form{padding:20px}.price-fields{grid-template-columns:1fr 1fr;gap:16px}.price-fields label:first-child,.price-fields label:last-child{grid-column:1/-1}}
.price-disclaimer a,.tool p a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.pricing-current{margin-top:32px;padding:18px 20px;background:var(--surface-alt);border-left:3px solid var(--accent);color:var(--ink)}.pricing-current strong{font-size:13px}.pricing-current p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 0}.pricing-current a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.pricing-current+.plans{margin-top:20px}
.comparison-plans .feature-label{margin:18px 0 4px;padding-bottom:9px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted)}.comparison-plans .feature-list{padding:0;margin:0 0 20px;list-style:none;flex:1}.comparison-plans .feature-list li{display:flex;align-items:center;gap:9px;min-height:36px;margin:0;color:var(--ink);line-height:1.3;font-size:12px}.comparison-plans .feature-list li:before{content:none}.feature-mark{display:inline-grid;place-items:center;width:19px;height:19px;flex:none;border:1px solid var(--accent);border-radius:4px;color:#fff;background:#245bda;font-size:12px;font-weight:700}.excluded .feature-mark{background:transparent;border-color:var(--line);color:var(--muted)}.excluded .feature-name{color:var(--muted)}.feature-name{flex:1}.comparison-plans .feature-list small{font-size:10px;color:var(--muted);white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:701px){.comparison-plans .plan>p{min-height:3em}.comparison-plans .feature-list li{height:44px}}
.price-form h3{margin:0;font-size:18px}.price-form>p.price-disclaimer{margin:10px 0 20px}.price-form input[type=file]{height:auto;padding:10px}.manual-price-title{margin:34px 0 -18px;font-size:18px}.price-result{white-space:pre-wrap}
#ai-price-form .price-fields label:first-child{grid-column:1/-1}#ai-price-form .price-fields label:last-child{grid-column:auto}

@media(max-width:700px){.nav a.account-nav{display:inline-block;font-size:12px;white-space:nowrap}}
.header .nav a.account-nav { display:inline-flex; align-items:center; justify-content:center; padding:11px 15px; border-radius:6px; background:#245bda; color:#fff; font-weight:700; white-space:nowrap; }
.nav a.account-nav:hover { background:#1949b5; color:#fff; }
.nav a.account-nav:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(max-width:1050px) { .nav a:not(.pro):not(.account-nav) { display:none; } .nav { gap:12px; } }
@media(max-width:420px) { .header { height:auto; min-height:72px; padding:12px 0; flex-wrap:wrap; row-gap:10px; } .header .theme-switch { order:1; margin-left:auto; } .header .nav { order:2; width:100%; justify-content:flex-end; } }
