/* Option 1 product surfaces. Additive presentation only; existing state hooks remain authoritative.
   Also define tokens directly on themed bodies: live WebKit can retain an older
   inherited variable set while marketplace styles/imports resolve. */
:root,body.option1-page{--o-ground:#080D0F;--o-panel:#10181D;--o-raised:#172127;--o-text:#F4F4F0;--o-muted:#BAC3CB;--o-soft:#A1ADB7;--o-line:#344149;--o-input:#71828D;--o-lime:#C5FE49;--o-ink:#111609;--o-error:#FFB4AB;--o-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--o-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
--bg:var(--o-ground);--paper:var(--o-ground);--paper-2:var(--o-panel);--card:var(--o-panel);--surface-1:var(--o-panel);--surface-2:var(--o-raised);--bg-canvas:var(--o-ground);--bg-deep:var(--o-ground);--bg-deeper:#0B1317;--bg-panel:var(--o-panel);--bg-card:var(--o-panel);--bg-input:#0B1317;--ink:var(--o-text);--ink-soft:var(--o-muted);--ink-faint:var(--o-soft);--text-primary:var(--o-text);--text-secondary:var(--o-muted);--text-muted:var(--o-soft);--line:var(--o-line);--line-strong:var(--o-input);--border-dark:var(--o-line);--acid:var(--o-lime);--acid-bright:#D0FF71;--acid-dim:#809C43;--cta:var(--o-lime);--accent:var(--o-lime);--cta-subtle:#213018;--tangerine:var(--o-lime);--tangerine-text:var(--o-lime);--tangerine-btn:var(--o-lime);--tangerine-btn-hover:#D0FF71;--gold:var(--o-lime);--font-body:var(--o-font);--font-heading:var(--o-font);--font-display:var(--o-font);--font-mono:var(--o-mono);--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--nav-height:80px;--shadow-sm:0 8px 30px #0002}
html:has(body.option1-page){background:var(--o-ground)!important;scroll-padding-top:104px;color-scheme:dark}
body.option1-page{background:var(--o-ground)!important;color:var(--o-text)!important;font-family:var(--o-font)!important;font-weight:400!important;letter-spacing:0!important;-webkit-font-smoothing:antialiased;min-height:100dvh}
body.option1-page::before,body.option1-page::after{content:none!important}
body.option1-page h1,body.option1-page h2,body.option1-page h3,body.option1-page h4,body.option1-page .page-title{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:-.035em!important;color:var(--o-text)!important;font-weight:550!important;line-height:1.2}
body.option1-page h1{font-size:clamp(28px,3.3vw,42px)!important;text-wrap:balance}
body.option1-page h2{font-size:clamp(21px,2.2vw,28px)!important}
body.option1-page h3{font-size:18px!important;letter-spacing:-.02em!important}
body.option1-page p,body.option1-page li{line-height:1.75}
body.option1-page .text-slate-300,body.option1-page .text-slate-400,body.option1-page .text-slate-500,body.option1-page .text-gray-400,body.option1-page .text-gray-500{color:var(--o-muted)!important}
body.option1-page .text-white{color:var(--o-text)!important}
body.option1-page [class*="text-[#F77F00]"],body.option1-page [class*="text-[#FCBF49]"],body.option1-page .text-orange-400,body.option1-page .text-orange-500{color:var(--o-lime)!important}
body.option1-page .text-red-400,body.option1-page .text-red-500{color:var(--o-error)!important}
body.option1-page .bg-gradient-to-r,body.option1-page .bg-gradient-to-br{background-image:none!important}
body.option1-page .bg-clip-text,body.option1-page .text-transparent{-webkit-text-fill-color:var(--o-text)!important;color:var(--o-text)!important;background-image:none!important}
body.option1-page a,body.option1-page button,body.option1-page input,body.option1-page select,body.option1-page textarea{-webkit-tap-highlight-color:transparent}
body.option1-page a,body.option1-page button{touch-action:manipulation}
body.option1-page a:focus-visible,body.option1-page button:focus-visible,body.option1-page input:focus-visible,body.option1-page select:focus-visible,body.option1-page textarea:focus-visible,body.option1-page [tabindex="0"]:focus-visible{outline:2px solid var(--o-lime)!important;outline-offset:4px!important}
body.option1-page .option1-skip{position:absolute;left:20px;top:-90px;z-index:10020;padding:12px 18px;background:var(--o-lime)!important;color:var(--o-ink)!important;border-radius:8px!important;font:500 13px var(--o-font)!important}
body.option1-page .option1-skip:focus{top:12px}
body.option1-page .navbar,body.option1-page .glass-nav,body.option1-page .site-nav{background:#0B1317F5!important;border-bottom:1px solid var(--o-line)!important;box-shadow:none!important;backdrop-filter:blur(14px);z-index:70}
body.option1-page .navbar>.max-w-7xl,body.option1-page .site-nav>.container{max-width:1380px!important;margin-inline:auto!important}
body.option1-page nav img[src*="logo-acid-lockup"],body.option1-page .auth-logo img[src*="logo-acid-lockup"]{height:50px!important;width:auto!important;max-width:260px!important;object-fit:contain;display:block}
body.option1-page .navbar a,body.option1-page .site-nav a{font-family:var(--o-font)!important;font-size:13px;letter-spacing:0!important;text-transform:none!important}
body.option1-page .avatar-btn{background:var(--o-panel)!important;border:1px solid var(--o-input)!important;border-radius:9px!important;min-height:44px!important;padding:5px 8px!important;box-shadow:none!important}
body.option1-page .avatar-circle,body.option1-page [id$="avatar-fallback"]{border-radius:50%!important;background:#26332B!important;color:var(--o-lime)!important}
body.option1-page #navUserName,body.option1-page .avatar-name{display:none!important}
body.option1-page .user-dropdown{background:var(--o-panel)!important;color:var(--o-text)!important;border:1px solid var(--o-input)!important;border-radius:12px!important;box-shadow:0 15px 45px #0006!important;max-width:calc(100vw - 32px)!important}
body.option1-page .user-dropdown__header{background:var(--o-raised)!important;border-color:var(--o-line)!important}
body.option1-page .user-dropdown__name,body.option1-page .user-dropdown__item{color:var(--o-text)!important}
body.option1-page .user-dropdown__email{color:var(--o-muted)!important;overflow-wrap:anywhere}
body.option1-page .user-dropdown__item{min-height:44px!important;border-radius:7px!important;font:400 13px var(--o-font)!important}
body.option1-page .user-dropdown__item:hover{background:#223138!important;color:var(--o-lime)!important}
body.option1-page #mobile-menu{background:var(--o-panel)!important;border-color:var(--o-line)!important;border-radius:0 0 14px 14px!important;max-height:calc(100dvh - 80px);overflow:auto}
body.option1-page #mobile-menu a,body.option1-page #mobile-menu button{font-family:var(--o-font)!important;min-height:44px!important;border-radius:7px!important;font-size:13px!important}
body.option1-page #mobile-menu-btn{min-width:44px!important;min-height:44px!important;border:1px solid var(--o-line)!important;border-radius:8px!important;background:var(--o-panel)!important;color:var(--o-text)!important}
body.option1-page .glass-card,body.option1-page .card,body.option1-page .tech-panel,body.option1-page .auth-card,body.option1-page .mp-card,body.option1-page .mp-prompt-card,body.option1-page .composer-card,body.option1-page .stat-card{background:var(--o-panel)!important;border:1px solid var(--o-line)!important;border-radius:14px!important;box-shadow:0 8px 30px #0002!important;backdrop-filter:none!important}
body.option1-page .glass-card:hover,body.option1-page .card:hover,body.option1-page .stat-card:hover{transform:none!important}
body.option1-page .btn,body.option1-page .btn-primary,body.option1-page .btn-secondary,body.option1-page .sso-btn,body.option1-page .tab-btn,body.option1-page .auth-tab,body.option1-page .btn-ghost-light,body.option1-page .btn-ghost-sm{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:0!important;border-radius:8px!important;min-height:44px;font-weight:550!important;line-height:1.4}
body.option1-page .btn-primary,body.option1-page button[class*="from-[#F77F00]"],body.option1-page #generate-btn,body.option1-page #generateBtn{background:var(--o-lime)!important;background-image:none!important;color:var(--o-ink)!important;border:1px solid var(--o-lime)!important;box-shadow:none!important}
body.option1-page .btn-primary *,body.option1-page button[class*="from-[#F77F00]"] *{color:inherit!important}
body.option1-page .btn-primary:hover{background:#D0FF71!important;border-color:#D0FF71!important;transform:none!important}
body.option1-page .btn-secondary,body.option1-page .btn-ghost-light,body.option1-page .btn-ghost-sm,body.option1-page .sso-btn{background:#121E24!important;color:var(--o-text)!important;border:1px solid var(--o-input)!important;box-shadow:none!important}
body.option1-page .sso-btn:hover,body.option1-page .btn-ghost-light:hover,body.option1-page .btn-ghost-sm:hover{background:#223138!important;color:var(--o-lime)!important}
body.option1-page input:not([type=checkbox]):not([type=radio]):not([type=range]),body.option1-page textarea,body.option1-page select{background:#0B1317!important;color:var(--o-text)!important;border:1px solid var(--o-input)!important;border-radius:8px!important;font-family:var(--o-font)!important;font-size:14px!important;line-height:1.6!important;min-height:44px;box-shadow:none!important;max-width:100%;accent-color:var(--o-lime)}
body.option1-page input::placeholder,body.option1-page textarea::placeholder{color:var(--o-soft)!important;opacity:1}
body.option1-page input[type=checkbox],body.option1-page input[type=radio],body.option1-page input[type=range]{accent-color:var(--o-lime)}
body.option1-page input:disabled,body.option1-page button:disabled{cursor:not-allowed}
body.option1-page label,body.option1-page .form-label{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--o-muted)!important;font-size:13px!important;line-height:1.5!important}
body.option1-page code,body.option1-page pre,body.option1-page kbd,body.option1-page .token-box{font-family:var(--o-mono)!important;border-radius:7px!important}
body.option1-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0B1317!important;border-color:var(--o-line)!important;color:var(--o-text)!important;font-size:13px!important;line-height:1.85!important}
body.option1-page .tab-btn,body.option1-page .auth-tab{color:var(--o-muted)!important;background:transparent!important}
body.option1-page .tab-btn.active,body.option1-page .auth-tab.active,body.option1-page .tab-button.active{background:#213018!important;color:var(--o-lime)!important;border-color:var(--o-lime)!important;box-shadow:inset 0 -2px 0 var(--o-lime)!important}
body.option1-page .auth-message.error,body.option1-page #error-section{color:var(--o-error)!important;border-color:#926963!important}
body.option1-page .auth-message.success{color:#D0E9B1!important;background:#1A2C1B!important;border-color:#526F43!important}
body.option1-page .doc-section{padding-block:26px!important;border-color:var(--o-line)!important}
body.option1-page .doc-section p,body.option1-page .doc-section li{color:var(--o-muted)!important;font-size:15px!important;line-height:1.85!important}
body.option1-page .doc-section h2{margin-bottom:17px!important}
body.option1-page .doc-section a,body.option1-page .prompt-detail>a{color:var(--o-lime)!important;text-underline-offset:3px}
body.option1-page main{min-width:0}
body.option1-page footer{background:transparent!important;border-color:var(--o-line)!important;font-family:var(--o-font)!important}
body.option1-page footer a{color:var(--o-muted)!important}
body.option1-page .option1-bottom-nav{display:none}
/* Authentication retains the real signup/recovery fields and handlers. */
body.option1-page.option1-auth{padding:44px 24px!important;align-items:flex-start!important}
body.option1-page.option1-auth .auth-wrapper{max-width:470px!important}
body.option1-page.option1-auth .auth-logo{margin-bottom:24px!important}
body.option1-page.option1-auth .auth-logo img{height:54px!important;max-width:285px!important}
body.option1-page.option1-auth .auth-heading{font-size:31px!important;letter-spacing:-1.1px!important}
body.option1-page.option1-auth .auth-tagline{font-size:15px!important;color:var(--o-muted)!important;margin-bottom:28px!important}
body.option1-page.option1-auth .auth-card{padding:29px!important}
body.option1-page.option1-auth .auth-tabs{background:#0B1317!important;border-radius:9px!important;gap:4px;padding:4px}
body.option1-page.option1-auth .auth-tab{font-size:13px!important;padding:12px 8px!important}
body.option1-page.option1-auth .auth-form{gap:19px!important}
body.option1-page.option1-auth .profile-section{background:#0B1317!important;border:1px solid var(--o-line)!important;border-radius:10px!important;padding:18px!important}
body.option1-page.option1-auth .profile-section-title{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--o-text)!important;font-size:15px!important;margin-bottom:18px}
body.option1-page.option1-auth .hint,body.option1-page.option1-auth .auth-card-footer,body.option1-page.option1-auth .auth-trust{color:var(--o-muted)!important;font-family:var(--o-font)!important;font-size:12px!important;line-height:1.7!important}
body.option1-page.option1-auth .sso-btn{padding:14px 16px!important;font-size:13px!important}
body.option1-page.option1-auth .auth-photo{opacity:.3;filter:saturate(.4);mask-image:linear-gradient(90deg,transparent,#000 35%);pointer-events:none}
/* Existing workspace and device-local History; no API/storage contract changes. */
body.option1-page.option1-index .dashboard-sidebar{background:#0B1317!important;border-color:var(--o-line)!important;width:222px!important}
body.option1-page.option1-index .main-content{max-width:1270px!important;padding:36px 38px 65px!important}
body.option1-page.option1-index .page-title{font-size:32px!important;line-height:1.2!important}
body.option1-page.option1-index .page-subtitle{font:400 14px/1.8 var(--o-font)!important;color:var(--o-muted)!important;max-width:650px}
body.option1-page.option1-index .sidebar-link{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:0!important;border-radius:8px!important;font-size:13px!important;margin:3px 12px!important;padding:11px 13px!important;min-height:44px!important}
body.option1-page.option1-index .sidebar-link.active{background:#213018!important;color:var(--o-lime)!important;border-left:0!important}
body.option1-page.option1-index .sidebar-label,body.option1-page.option1-index .plan-label{font:10px/1.5 var(--o-mono)!important;letter-spacing:.06em!important;color:var(--o-soft)!important}
body.option1-page.option1-index .sidebar-plan{padding:26px 22px!important;border-color:var(--o-line)!important}
body.option1-page.option1-index .stats-grid{gap:16px!important;margin:28px 0!important}
body.option1-page.option1-index .stat-card{padding:23px 21px!important}
body.option1-page.option1-index .stat-value{font:500 31px/1.2 var(--o-font)!important;letter-spacing:-1px!important;font-variant-numeric:tabular-nums;color:var(--o-text)!important}
body.option1-page.option1-index .stat-label{font:400 11px/1.5 var(--o-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--o-muted)!important;margin-top:9px!important}
body.option1-page.option1-index .composer-card{overflow:visible!important}
body.option1-page.option1-index .composer-header{background:transparent!important;border-color:var(--o-line)!important;padding:20px 24px!important}
body.option1-page.option1-index .composer-label{font:550 15px var(--o-font)!important;letter-spacing:0!important;text-transform:none!important}
body.option1-page.option1-index .composer-label svg path{fill:var(--o-lime)!important}
body.option1-page.option1-index .prompt-textarea{font-size:15px!important;line-height:1.8!important;min-height:180px!important}
body.option1-page.option1-index #output,body.option1-page.option1-index #outputContent,body.option1-page.option1-index #promptResult{font-family:var(--o-font)!important;line-height:1.8!important}
body.option1-page.option1-index #historySectionContainer .glass-card{background:var(--o-panel)!important;border-radius:12px!important}
body.option1-page.option1-index .badge-framework,body.option1-page.option1-index .framework-tag{border-radius:5px!important;font:10px var(--o-mono)!important;color:var(--o-lime)!important}
/* Existing settings tab/panel structure remains intact. */
body.option1-page.option1-profile>.max-w-4xl{max-width:1040px!important;padding-top:114px!important;padding-bottom:60px}
body.option1-page.option1-profile .tab-btn{min-height:45px!important;padding:12px 17px!important;font-size:13px!important;border-radius:8px!important;white-space:nowrap}
body.option1-page.option1-profile .tab-content{min-height:420px!important}
body.option1-page.option1-profile .glass-card{padding:26px!important}
body.option1-page.option1-profile .tab-content .glass-card{padding:30px!important}
body.option1-page.option1-profile .glass-card:has(>.tab-btn),body.option1-page.option1-profile .glass-card:has(>div>.tab-btn){padding:6px!important}
/* Public discovery stays real, including server-rendered directory/detail content. */
body.option1-page.option1-marketplace .mp-hero{background:var(--o-ground)!important;border-color:var(--o-line)!important}
body.option1-page.option1-marketplace .mp-hero__inner{padding-block:54px 38px!important}
body.option1-page.option1-marketplace .mp-hero h1{max-width:800px!important;font-size:clamp(34px,5vw,60px)!important;line-height:1.1!important}
body.option1-page.option1-marketplace .mp-filterbar{background:#0B1317!important;border-color:var(--o-line)!important}
body.option1-page.option1-marketplace .mp-card{border-radius:14px!important}
body.option1-page.option1-marketplace .mp-category-chip,body.option1-page.option1-marketplace .mp-filter-btn{border-radius:7px!important;min-height:40px;font-family:var(--o-font)!important}
body.option1-page.option1-marketplace .mp-modal__panel{background:var(--o-panel)!important;border-color:var(--o-input)!important;border-radius:16px!important;max-height:90dvh;overflow:auto}
body.option1-page.option1-marketplace .mp-directory{margin-block:35px!important;padding:28px!important;border:1px solid var(--o-line);border-radius:14px!important;background:var(--o-panel)!important}
body.option1-page.option1-prompt_detail .prompt-detail{max-width:1000px!important;padding-top:116px!important}
body.option1-page.option1-prompt_detail article{padding:34px;border:1px solid var(--o-line);background:var(--o-panel);border-radius:15px!important;margin-top:22px}
body.option1-page.option1-prompt_detail .prompt-detail__label{font:10px/1.7 var(--o-mono)!important;color:var(--o-lime)!important}
body.option1-page.option1-prompt_detail #public-prompt-body{border-radius:10px!important;padding:25px!important}
body.option1-page.option1-select_plan .card,body.option1-page.option1-stripe_success .auth-card,body.option1-page.option1-stripe_cancel .auth-card{padding:34px!important}
body.option1-page.option1-extension_token .token-box{background:#0B1317!important;border:1px solid var(--o-input)!important;color:var(--o-text)!important}
body.option1-page.option1-docs main,body.option1-page.option1-privacy main>div,body.option1-page.option1-terms main>div{max-width:960px!important}
body.option1-page.option1-changelog .timeline-item{border-color:var(--o-line)!important}
body.option1-page.option1-admin table{font:12px/1.7 var(--o-font)!important}
body.option1-page.option1-admin th{background:var(--o-raised)!important;color:var(--o-muted)!important;text-transform:none!important;font-weight:550!important}
body.option1-page.option1-admin td{border-color:var(--o-line)!important;color:var(--o-text)!important}
@media(max-width:1100px){body.option1-page.option1-index .dashboard-sidebar{width:200px!important}body.option1-page.option1-index .main-content{padding:30px 25px 55px!important}body.option1-page .navbar img[src*="logo-acid-lockup"]{height:44px!important;max-width:220px!important}}
@media(max-width:767px){
body.option1-page .navbar img[src*="logo-acid-lockup"],body.option1-page .site-nav img[src*="logo-acid-lockup"]{height:43px!important;max-width:205px!important}
body.option1-page #user-menu{display:none!important}
body.option1-page .navbar>.max-w-7xl{padding-inline:20px!important}
body.option1-page .btn,body.option1-page .sso-btn{font-size:13px!important;min-height:46px}
body.option1-page input:not([type=checkbox]):not([type=radio]),body.option1-page textarea,body.option1-page select{font-size:16px!important}
body.option1-page h1{font-size:29px!important;letter-spacing:-1px!important}
body.option1-page h2{font-size:23px!important}
body.option1-page .glass-card,body.option1-page .card{border-radius:12px!important}
body.option1-page.option1-auth{padding:30px 20px!important}
body.option1-page.option1-auth .auth-wrapper{max-width:470px!important}
body.option1-page.option1-auth .auth-photo{display:none!important}
body.option1-page.option1-auth .auth-logo img{height:52px!important;max-width:260px!important}
body.option1-page.option1-auth .auth-heading{font-size:28px!important}
body.option1-page.option1-auth .auth-tagline{font-size:14px!important;margin-bottom:24px!important}
body.option1-page.option1-auth .auth-card{padding:22px 19px!important}
body.option1-page.option1-auth .profile-section{padding:16px!important}
body.option1-page.option1-index .app-shell{padding-top:80px!important}
body.option1-page.option1-index .dashboard-sidebar{display:none!important}
body.option1-page.option1-index .main-content{padding:26px 20px 110px!important;width:100%!important;max-width:100%!important;margin-left:0!important}
body.option1-page.option1-index .page-title{font-size:29px!important}
body.option1-page.option1-index .page-subtitle{font-size:13px!important;line-height:1.8!important}
body.option1-page.option1-index .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:24px 0!important}
body.option1-page.option1-index .stat-card{padding:19px 16px!important}
body.option1-page.option1-index .stat-value{font-size:26px!important}
body.option1-page.option1-index .stat-label{font-size:11px!important}
body.option1-page.option1-index .composer-header{padding:18px!important}
body.option1-page.option1-index .prompt-textarea{font-size:16px!important;min-height:180px!important}
body.option1-page.option1-profile>.max-w-4xl{padding-top:108px!important;padding-bottom:110px!important}
body.option1-page.option1-profile .tab-content .glass-card{padding:22px 19px!important}
body.option1-page.option1-profile .tab-btn{font-size:12px!important;padding:11px 14px!important}
body.option1-page .option1-bottom-nav{display:grid!important;grid-template-columns:repeat(3,1fr);position:fixed!important;bottom:0;left:0;right:0;z-index:65;background:#0B1317F5!important;border-top:1px solid var(--o-line)!important;padding:7px 16px max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(16px)}
body.option1-page .option1-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:400 11px/1.5 var(--o-font)!important;color:var(--o-muted)!important;min-height:49px;border-radius:8px!important}
body.option1-page .option1-bottom-nav a[aria-current=page]{background:#213018!important;color:var(--o-lime)!important}
body.option1-page .option1-bottom-nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4}
body.option1-page.option1-marketplace .mp-hero__inner{padding-block:35px 25px!important}
body.option1-page.option1-marketplace .mp-hero h1{font-size:35px!important;max-width:320px!important}
body.option1-page.option1-marketplace .mp-directory{margin-inline:20px!important;padding:22px!important}
body.option1-page.option1-prompt_detail article{padding:23px 19px!important;border-radius:12px!important}
body.option1-page.option1-prompt_detail .prompt-detail{padding-inline:20px!important;padding-top:105px!important}
body.option1-page.option1-prompt_detail #public-prompt-body{padding:18px!important;font-size:13px!important}
body.option1-page.option1-prompt_detail .prompt-detail__actions>*{width:100%}
body.option1-page.option1-select_plan .card,body.option1-page.option1-stripe_success .auth-card,body.option1-page.option1-stripe_cancel .auth-card{padding:27px 22px!important}
body.option1-page .doc-section p,body.option1-page .doc-section li{font-size:14px!important}
}
@media(max-width:360px){body.option1-page .navbar>.max-w-7xl{padding-inline:16px!important}body.option1-page .navbar img[src*="logo-acid-lockup"]{height:38px!important;max-width:180px!important}body.option1-page.option1-index .main-content{padding-inline:16px!important}body.option1-page.option1-auth{padding-inline:16px!important}}
/* Legacy acid layers use the mono token for body copy. Bridge it to the selected
   system face; semantic code/utility selectors above retain --o-mono explicitly. */
body.option1-page{--font-mono:var(--o-font)}
body.option1-page.option1-auth .auth-form .form-label,body.option1-page.option1-auth .auth-tagline,body.option1-page.option1-auth .auth-link,body.option1-page.option1-auth .auth-submit,body.option1-page.option1-auth .trust-item{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:0!important}
@media(prefers-reduced-motion:reduce){html:has(body.option1-page){scroll-behavior:auto!important}body.option1-page *,body.option1-page *::before,body.option1-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Restore access to the existing History action on mobile; storage/API behavior is unchanged. */
body.option1-page.option1-index #recentPromptsTable{display:block!important;overflow-x:auto;border-radius:12px!important;border:1px solid var(--o-line);background:var(--o-panel)!important}
body.option1-page.option1-index #recentPromptsTable table{min-width:540px}
body.option1-page.option1-index #recentPromptsTable .table-header-row{position:sticky;left:0;min-width:0;gap:10px}
body.option1-page.option1-index #recentPromptsTable .btn-ghost-sm{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px!important}

/* Keep action controls reachable above the added mobile navigation. */
body.option1-page.option1-profile .fixed:has(#save-btn){background:#0B1317F5!important;border-color:var(--o-line)!important}
@media(max-width:767px){body.option1-page.option1-index #magicWandBtn{position:static!important;inset:auto!important;z-index:auto!important;border-radius:8px!important;padding:14px 18px!important;box-shadow:none!important;font:550 15px/1.5 var(--o-font)!important}body.option1-page.option1-profile .fixed:has(#save-btn){bottom:calc(64px + env(safe-area-inset-bottom))!important}body.option1-page.option1-profile>.max-w-4xl{padding-bottom:200px!important}}

body.option1-page.option1-index #task{background:#0B1317!important;border-radius:8px!important;font:400 15px/1.8 var(--o-font)!important}
body.option1-page.option1-index #magicWandBtn{font-family:var(--o-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--o-ink)!important}
body.option1-page.option1-extension_token .code-block{max-width:100%;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;overflow-x:auto}
body.option1-page.option1-extension_token .card>.flex:has(.tab-btn){flex-wrap:wrap}
/* Marketplace uses .open, while legacy app navigation uses .hidden. Keep their state contracts distinct. */
body.option1-page.option1-marketplace nav.navbar #mobile-menu:not(.open){display:none!important}
body.option1-page.option1-marketplace nav.navbar #mobile-menu.open{display:flex!important;padding:18px 22px!important}
body.option1-page.option1-marketplace .btn[style*="display: none"]{display:none!important}
body.option1-page.option1-profile #save-btn,body.option1-page.option1-profile #cancel-btn{border-radius:8px!important;font:550 14px/1.5 var(--o-font)!important;text-transform:none!important;letter-spacing:0!important}
body.option1-page.option1-profile #save-btn{background:var(--o-lime)!important;color:var(--o-ink)!important}
@media(max-width:768px){body.option1-page.option1-marketplace nav.navbar .nav-links,body.option1-page.option1-marketplace nav.navbar .nav-actions{display:none!important}body.option1-page.option1-marketplace nav.navbar .container{gap:12px!important}}
/* Clip the blur halo inside the masked token box; revealed text wraps in the same container. */
body.option1-page.option1-extension_token #token-display{overflow:hidden;overflow-wrap:anywhere!important;white-space:normal!important;word-break:break-all!important;min-width:0}
/* Account-bound server History reuses the approved product surfaces. */
body.option1-page [hidden]{display:none!important}
.pz-history-message{color:var(--o-muted);padding:14px 0;font:400 14px/1.7 var(--o-font)}
.pz-history-card{display:flex!important;flex-direction:column;gap:12px;align-items:flex-start;min-width:180px;max-width:100%;padding:18px!important;text-align:left;white-space:normal;overflow-wrap:anywhere}
.pz-history-card small{color:var(--o-muted);font:400 12px/1.7 var(--o-font)}
.pz-history-pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block:14px;color:var(--o-muted);font:400 12px/1.6 var(--o-font)}
.pz-history-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid var(--o-input);border-radius:14px;background:var(--o-panel);color:var(--o-text);font-family:var(--o-font)}
.pz-history-dialog::backdrop{background:#0009}
.pz-history-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;max-height:55dvh;overflow:auto;background:var(--o-ground);line-height:1.8;font-family:var(--o-mono)}
.pz-history-dialog button{margin:12px 12px 0 0;min-height:44px}
.pz-persistence-notice{padding:16px;margin-bottom:18px;background:var(--pz-sun-tint,var(--o-raised));border:1px solid var(--o-input);color:var(--o-text);border-radius:8px;line-height:1.7}