/* Match the public studio palette without touching the isolated client previews. */
:root{color-scheme:dark;--bg:#111112;--bg-soft:#1b1918;--bg-tint:#241c17;--ink-bg:#111112;--ink-bg2:#201a17;--card:#232120;--card-soft:#292624;--border:#3b332d;--border-2:#514134;--ink:#f5f2ef;--body:#d4cbc4;--muted:#bcb4ae;--muted2:#a79c93;--on-dark:#f5f2ef;--on-dark-muted:#bcb4ae;--indigo:#ff8b42;--indigo-2:#ff742c;--indigo-ink:#ff985b;--indigo-hi:#ffab6c;--indigo-tint:rgba(255,139,66,.1);--indigo-tint-2:rgba(255,139,66,.16);--orange:#ff8b42;--orange-ink:#ffab6c;--orange-tint:rgba(255,139,66,.12)}
body{background:var(--bg);color:var(--body);font-family:'DM Sans',sans-serif}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:600}
.svc-hero h1{font-size:clamp(2rem,3.5vw,3rem);font-weight:600}
header,.nav,.nav-links.open{background:#191817!important;border-color:var(--border)}
.svc-hero::before{background:radial-gradient(ellipse at 85% 25%,rgba(255,120,40,.13),transparent 60%)}
.gen,.mcard,.drop-menu{background:linear-gradient(145deg,#2a2521,#1b1a19);border-color:var(--border);box-shadow:0 20px 45px #0005}
.gen::before{background:linear-gradient(90deg,#ffab58,#ff742c)!important}.logo{white-space:nowrap;flex-shrink:0}.logo svg{flex-shrink:0}
.gen input,.gen select{color:var(--ink);background:#151413;border-color:var(--border-2)}
.btn-primary,.btn-orange{background:linear-gradient(135deg,#ffab58,#ff742c);color:#20120a;box-shadow:0 4px 0 #a64920,0 14px 32px #ff79241c}
.btn-dark{background:#29221d;color:#fff;border:1px solid var(--border-2)}
.browser-bar{background:#24211f}.browser-url{background:#141312;color:#c8b8ac}.browser-bar .bd{background:#8c6044}
.hl{color:#ff985b;background:none;-webkit-text-fill-color:#ff985b}.logo i{color:#ff985b}
.ft{background:#151413}.cta-dark{background:linear-gradient(120deg,#2d2018,#171615)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffab6c;outline-offset:4px}
@media(max-width:600px){.svc-hero h1{font-size:2rem}.gen-row{grid-template-columns:1fr}.browser-live{font-size:.64rem}.browser-url{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-in{gap:12px}.nav-in .logo{font-size:13px;gap:7px}.nav-in .logo svg{width:27px;height:27px}.nav-right .btn{font-size:11px;padding:10px}.nav-right .btn svg{display:none}}