/* Presentation only: existing sign-in, MFA and public-page handlers are retained. */
@layer monet-studio-public {
html.studio-shell{background:#f7f6f2!important;color-scheme:light}
body.studio-public{--bg:#f7f6f2!important;--panel:#fff!important;--ink:#252620!important;--text:#252620!important;--muted:#66685f!important;--lav:#56584e!important;--line:#ddd9d0!important;--forest:#252620!important;--forest-deep:#f7f6f2!important;--lime:#56584e!important;--paper:#f7f6f2!important;--danger:#a9342d!important;background:#f7f6f2!important;color:#252620!important;font-family:Inter,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body.studio-public :is(h1,h2,h3,.page-title,.odo){font-family:'Instrument Serif',Georgia,serif!important;font-weight:400!important;letter-spacing:-.025em!important;background:none!important;color:#252620!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
body.studio-public :is(h1,h2,h3) :is(span,em){background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.studio-public :is(button,input,select,textarea){font-family:Inter,Arial,sans-serif!important}
body.studio-public :is(a,button,input,select,summary):focus-visible{outline:2px solid #56584e!important;outline-offset:4px!important}
body.studio-public :is(.monet-wordmark,.brand){background:transparent url('/landing/brand/monet-solid-20261009.png') left center/contain no-repeat!important;width:128px!important;height:auto!important;aspect-ratio:1565/409!important;mask:none!important;-webkit-mask:none!important;filter:none!important;display:block!important;flex-shrink:0}
body.studio-public .brand:has(.monet-wordmark){background:none!important}
body.studio-public :is(.brand,.monet-wordmark)::before,body.studio-public :is(.brand,.monet-wordmark)::after{display:none!important}
body.studio-public :is(.intro,.back,.support-copy,.portal-note,.updated,.security-note,.steps,.mode-head p,.loading-state,.auth-footer,.security-footer,.page-body p,.page-body li,footer){color:#66685f!important}
body.studio-public :is(.support-copy a,.page-body a,.content a){color:#252620!important;text-decoration:underline;text-underline-offset:3px}
body.studio-public :is(.auth-side,.security-side){margin:0!important;border-radius:0!important;background:#f7f6f2!important;box-shadow:none!important;padding:40px clamp(24px,4vw,64px)!important;min-width:0}
body.studio-public .page:has(>.auth-side),body.studio-public .page:has(>.security-side){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:100svh}
body.studio-public :is(.auth-wrap,.security-wrap){width:min(100%,430px)!important;padding:64px 0!important}
body.studio-public :is(.auth-wrap,.security-wrap) h1{font-size:clamp(48px,4.5vw,68px)!important;line-height:1.04!important;margin:0 0 20px!important}
body.studio-public .back{margin-bottom:32px!important}
body.studio-public :is(.auth-button,.verify-button,.copy-button){background:#fff!important;color:#252620!important;border:1px solid #ddd9d0!important;border-radius:12px!important;box-shadow:0 2px 4px #30271a06!important;min-height:54px}
body.studio-public :is(.auth-button,.copy-button):hover{background:#eeece5!important;border-color:#aaa69a!important}
body.studio-public .verify-button{background:#252620!important;color:#fff!important;border-color:#252620!important}
body.studio-public .verify-button:hover{background:#42443a!important}
body.studio-public .phantom-link{color:#56584e!important}
body.studio-public :is(.auth-button,.verify-button,.copy-button)::before,body.studio-public :is(.auth-button,.verify-button,.copy-button)::after{display:none!important}
body.studio-public :is(.auth-footer,.security-footer){position:static!important;margin-top:auto!important;flex-wrap:wrap}
body.studio-public .product-side{background:#e9dfce!important;color:#252620!important;border:0!important;padding:64px clamp(24px,4vw,64px)!important;gap:30px!important;min-width:0}
body.studio-public .product-side::before{display:none!important}
body.studio-public .product-copy h2{font-size:clamp(42px,4.5vw,66px)!important;line-height:1.04!important;margin-bottom:20px!important}
body.studio-public .product-copy h2 em{color:#56584e!important}
body.studio-public :is(.product-copy>p,.eyebrow,.security-kicker){color:#565349!important;font-family:Inter,Arial,sans-serif!important;line-height:1.6!important}
body.studio-public :is(.eyebrow,.security-kicker)::before{background:#857357!important;box-shadow:none!important}
body.studio-public .portal-preview{background:#f7f6f2!important;padding:9px!important;border:1px solid #d8cebd!important;border-radius:16px!important;box-shadow:0 18px 45px #53412a14!important;backdrop-filter:none!important}
body.studio-public .portal-preview img{display:block;width:100%;height:auto;border-radius:9px}
body.studio-public .studio-preview-caption{font-size:11px;line-height:1.5;color:#565349!important;margin:12px 8px 6px}
body.studio-public :is(.security-card,.dashboard-preview){background:#fff!important;border:1px solid #ddd9d0!important;border-radius:16px!important;box-shadow:none!important}
body.studio-public :is(.field input,.field select,.secret-row,.secret,.qr-frame){background:#fff!important;color:#252620!important;border-color:#ddd9d0!important}
body.studio-public .field :is(input,select):focus{border-color:#56584e!important;box-shadow:0 0 0 3px #56584e18!important}
body.studio-public :is(.field label,.secret-label,.dashboard-bar){color:#56584e!important}
body.studio-public :is(.lock,.protected-badge,.trust-line span){background:#f1efe9!important;color:#46543a!important;border-color:#ddd9d0!important;box-shadow:none!important}
body.studio-public .protected-badge::before{background:#46543a!important;box-shadow:none!important}
body.studio-public .status{background:#fff0ed!important;color:#a9342d!important;border-color:#edc8c1!important}
body.studio-public .spinner{border-color:#ddd9d0!important;border-top-color:#56584e!important}
body.studio-public:is(.brand-document,.brand-editorial) :is(nav,.page,.content,.page-header,.page-body,.brand-downloads,footer){background:#f7f6f2!important;border-color:#ddd9d0!important;color:#252620!important;box-shadow:none!important}
body.studio-public:is(.brand-document,.brand-editorial) :is(p,li,td,th){color:#56584e!important}
body.studio-public:is(.brand-document,.brand-editorial) :is(.notice,.card,.panel,.page-cta){background:#eeece5!important;color:#252620!important;border-color:#ddd9d0!important;box-shadow:none!important}
body.studio-public:is(.brand-document,.brand-editorial) :is(.page-close,.page-cta a){background:#252620!important;color:#fff!important;border-color:#252620!important}
body.studio-public :is(.brand-downloads nav a,.brand-downloads>nav,.content strong,.page-body strong){color:#252620!important}
@media(max-width:900px){
 body.studio-public .page:has(>.auth-side),body.studio-public .page:has(>.security-side){grid-template-columns:1fr!important}
 body.studio-public :is(.auth-side,.security-side){min-height:100svh!important;padding:28px 24px!important}
 body.studio-public .product-side{min-height:0!important;padding:54px 24px!important}
 body.studio-public :is(.auth-wrap,.security-wrap){padding:48px 0!important}
}
@media(max-width:380px){body.studio-public :is(.auth-side,.security-side){padding-inline:20px!important}body.studio-public :is(.auth-wrap,.security-wrap) h1{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){body.studio-public *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

@layer monet-studio-public {
/* MCP has its own institutional styles; cover its full canvas, not just text. */
body.studio-public.mcp-page :is(.site-header,.site-footer,.mcp-hero,.section,.stat-strip,.cta-band,.unified-menu){background:#f7f6f2!important;color:#252620!important;border-color:#ddd9d0!important;box-shadow:none!important;backdrop-filter:none!important}
body.studio-public.mcp-page::before,body.studio-public.mcp-page::after,body.studio-public.mcp-page :is(.hero,.mcp-hero,.section,.site-header,.cta-band)::before,body.studio-public.mcp-page :is(.hero,.mcp-hero,.section,.site-header,.cta-band)::after{display:none!important}
body.studio-public.mcp-page :is(.mcp-console,.control-ledger,.setup-panel,.guide-card,.outcome-card,.safety-card,.tool,.model-guide,.config-block,.mcp-client-logos>span){background:#fff!important;color:#252620!important;border-color:#ddd9d0!important;box-shadow:none!important}
body.studio-public.mcp-page :is(.message,.tool-call,.result-row,.setup-step,.prompt-list,.config-note,.stat,.secret-note,.flow-line){background:#f1efe9!important;color:#252620!important;border-color:#ddd9d0!important}
body.studio-public.mcp-page :is(.lead,.eyebrow,.mcp-fee-note,.tool-label,.connected,.tool-group-label,small,code,.footer-col a,.footer-legal,.nav-desktop-links a,.flow-line span,.config-block *){color:#56584e!important}
body.studio-public.mcp-page :is(.nav-cta,.button,.copy-llm-button,.result-state){background:#252620!important;color:#fff!important;border-color:#252620!important;box-shadow:none!important}
body.studio-public.mcp-page .button.ghost{background:#fff!important;color:#252620!important;border-color:#ddd9d0!important}
body.studio-public.mcp-page :is(.button,.nav-cta)::before,body.studio-public.mcp-page :is(.button,.nav-cta)::after{display:none!important}
body.studio-public.mcp-page .unified-menu-button span{background:#252620!important}
body.studio-public.mcp-page :is(.n,.safety-card>b){background:#e9dfce!important;color:#565349!important}
}
@layer monet-studio-public {
body.studio-public.mcp-page :is(.unified-menu-links a,.unified-menu-close){color:#252620!important;border-color:#ddd9d0!important;font-family:Inter,Arial,sans-serif!important}
body.studio-public.mcp-page .unified-menu-links a[aria-current="page"]{color:#56584e!important;text-decoration:underline;text-underline-offset:5px}
body.studio-public.mcp-page .unified-menu-portal{background:#252620!important;color:#fff!important}
body.studio-public.mcp-page .unified-menu-brand img{content:url('/landing/brand/monet-solid-20261009.png');width:128px!important;height:auto!important}
}