/* Pearl Connection presentation for the operating frontend controls. */
:root{--panel:var(--surface);--panel-hover:var(--aqua);--card:var(--surface);--card-hover:var(--aqua);--text:var(--ink);--text-muted:var(--muted);--text-dim:var(--muted);--border:var(--line);--border-light:var(--line);--accent:var(--teal);--accent-hover:var(--teal);--accent-glow:#a4815422;--chip:var(--soft);--ok:#247467;--reach:#288e98;--warn:#a57824;--bad:#aa4d42;--k-a2a:var(--teal);--k-mcp:var(--teal);--k-x402:var(--gold)}
body{padding-bottom:0;font:16px/1.55 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}header.top-nav.pearl-header{position:relative;display:flex;gap:24px;width:min(1280px,calc(100% - 80px));margin:auto;padding:20px 0;min-height:88px;background:transparent;border:0;backdrop-filter:none}.pearl-header .brand-box{font-size:25px;letter-spacing:-.045em;white-space:nowrap;gap:10px}.pearl-header .nav-tabs{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-left:auto;overflow:visible;flex-wrap:nowrap;border:0;background:none;padding:0}.pearl-header .nav-tab{font-size:12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;color:var(--ink);padding:12px 0;box-shadow:none;white-space:nowrap}.pearl-header .nav-tab.on{border-bottom-color:var(--teal);color:var(--teal)}.pearl-header-actions{display:flex;align-items:center;gap:10px}.pearl-menu{display:none}.main-wrap{max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding:0;display:block}.tab-panel{animation:none}.hidden{display:none!important}.pearl-page-heading{padding-bottom:24px}.pearl-page-heading h1{font-size:clamp(42px,4.8vw,68px)}.pearl-page-heading .lead{max-width:780px}.card,.agent-card,.kpi-card,.chat-bubble,.chat-assistant-bubble,.chat-user-bubble,.banner-notice,.testbench-recipe-card,.front-wf-node{border-color:var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 32px #3b302006}.card{padding:26px}.input,.select,textarea{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:46px}.input:focus,.select:focus,textarea:focus{border-color:var(--teal);outline-color:var(--teal)}.btn{min-height:44px;font-size:14px;border-radius:10px;box-shadow:none}.btn.primary{background:linear-gradient(135deg,#00626d,#003945);color:#fff;border-color:#005363}.btn.primary:hover{background:#00616b}.agent-card{padding:26px}.agent-card h3{font-size:25px}.section-title{font-family:Georgia,serif;font-size:32px}.banner-notice{background:var(--aqua);color:var(--ink)}.binary-loader,.binary-clock{color:var(--teal)}#secOverview .catalog-band{margin-top:8px}#secOverview .hero{display:grid}#secOverview .necklace-center{box-shadow:none}#secOverview .home-query{background:var(--surface)}#secOverview .metric-card h2,#secStatus .metric-card h2{font-size:19px}#secStatus{padding-top:0}#secExplore>.card{margin-bottom:24px!important}.explore-inputs-row{gap:12px}.explore-checkboxes-row{gap:24px}.explore-check-label{font-size:14px}.chip,.tag,.report-badge-vivid{background:var(--soft);border-color:var(--line);color:var(--ink);box-shadow:none}.report-badge-vivid .sparkle{color:var(--gold)}.testbench-recipe-card{padding:22px}.testbench-recipe-grid{gap:18px}.front-wf-canvas{background:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;border-radius:16px}.front-wf-node{border-color:var(--gold)}#secWorkflows h2,#secTest .card>h2{font-family:Georgia,serif}.chat-heading{margin-top:38px}.chat-heading h1{font-family:Georgia,serif;font-size:64px;line-height:1.05;letter-spacing:-.045em}.chat-eyebrow,.chat-verified,.chat-signal{color:var(--teal);background:var(--soft);border-color:var(--line)}.chat-composer{background:var(--surface);border-color:var(--line);border-radius:16px}.chat-description{color:var(--muted)}.chat-results{max-width:none}.chat-results .chat-bubble,.chat-results .chat-reply{background:var(--surface);border-color:var(--line)}.drawer,.drawer-header,dialog{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:18px}.drawer-backdrop{background:#10354055}.global-footer{background:transparent;border-top:1px solid var(--line);margin-top:48px;padding:30px 0;color:var(--muted)}.footer-wrap{max-width:1280px;width:calc(100% - 80px);padding:0;margin:auto}.footer-name{font-size:24px;color:var(--ink);letter-spacing:-.045em}.footer-tagline{font-size:12px;color:var(--muted)}.footer-top{align-items:center}.footer-links{justify-content:flex-start;margin:24px 0;gap:14px 22px;max-width:none}.footer-link-btn{color:var(--muted);font-size:12px;min-height:32px}.footer-links .sep{display:none}.footer-bottom{border-color:var(--line);font-size:11px}.cookie-banner{background:var(--surface);color:var(--ink);border-color:var(--line)}.pearl-offline-note{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-size:12px;box-shadow:0 10px 25px #0002}.pearl-reference-note{font-size:12px;color:var(--muted)}body[data-theme=dark]{--panel:var(--surface);--panel-hover:var(--aqua);--card:var(--surface);--text:var(--ink);--border:var(--line);--ok:#85cbb6;--bad:#f0a99b;--warn:#e6c183}.about-page{padding-top:30px}.about-page h1{font-family:Georgia,serif;font-size:64px}.about-eyebrow{color:var(--gold)}.about-principle{background:var(--surface);border-color:var(--line)}[data-panel=learn]{padding-top:28px}.learn-protocol-card{background:var(--surface);border-color:var(--line)}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:1200px){header.top-nav.pearl-header{width:calc(100% - 48px);gap:16px}.pearl-header .brand-box{font-size:21px}.pearl-header .nav-tabs{gap:13px}.pearl-header .nav-tab{font-size:11px}.main-wrap,.footer-wrap{width:calc(100% - 48px)}}
@media(max-width:950px){header.top-nav.pearl-header{flex-direction:row;justify-content:space-between;min-height:80px;gap:18px}.pearl-header .nav-tabs{display:none;position:absolute;top:76px;left:-24px;right:-24px;margin:0;padding:18px 24px;background:var(--surface);border-bottom:1px solid var(--line);z-index:55;gap:8px 22px}.pearl-header .nav-tabs.pearl-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pearl-header .nav-tab{font-size:15px;min-height:44px;text-align:left}.pearl-menu{display:inline-flex}.pearl-header-actions{margin-left:auto}.chat-heading h1{font-size:52px}.explore-inputs-row{flex-wrap:wrap}.explore-inputs-row .input{flex-basis:100%!important}.explore-inputs-row .select{flex:1;min-width:130px}.explore-inputs-row .btn{min-width:120px}}
@media(max-width:700px){header.top-nav.pearl-header,.main-wrap,.footer-wrap{width:calc(100% - 36px)}header.top-nav.pearl-header{padding:16px 0;min-height:76px;gap:8px}.pearl-header .brand-box{font-size:21px;gap:4px}.pearl-header .brand-mark{width:45px}.pearl-header .nav-tabs{left:-18px;right:-18px;top:72px}.pearl-header-actions{gap:8px}.pearl-menu{width:38px;height:38px}.card{padding:21px}.pearl-page-heading h1{font-size:43px}.pearl-page-heading .lead{font-size:18px}.chat-heading{margin-top:30px}.chat-heading h1{font-size:45px}.global-footer{margin-top:32px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.footer-link-btn{min-height:44px;text-align:left}.footer-name{font-size:22px}.explore-checkboxes-row{gap:12px}.testbench-studio-grid{grid-template-columns:1fr!important}.testbench-recipe-grid{grid-template-columns:1fr!important}.chat-signals{gap:8px;flex-wrap:wrap}.chat-signal{font-size:12px}.about-page h1{font-size:44px}.pearl-offline-note{font-size:11px}.pearl-header-actions .theme-toggle{width:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.pearl-account-panel{width:min(600px,100%);margin:50px auto;min-height:400px}.pearl-account-panel>h1{font-size:48px}.pearl-account-panel button{margin-top:16px}.pearl-account-panel #status{margin-top:20px;min-height:48px}.pearl-account-panel ul{list-style:none;padding:0}.pearl-account-panel li{border-bottom:1px solid var(--line);padding:16px 0}
.acard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 10px 26px #3b302006}.acard:hover{background:var(--surface);border-color:var(--gold);box-shadow:0 12px 30px #3b302010}.acard .t{font:25px/1.15 Georgia,serif;letter-spacing:-.035em;display:flex;align-items:center;gap:12px;margin:16px 0 12px}.acard .t:before{content:'';width:42px;height:42px;flex-shrink:0;background:url('pearl.png') center/124% no-repeat}.acard .d{font-size:14px;line-height:1.6;color:var(--muted)}.acard .m{gap:8px}.pearl-header .brand-mark{transform:none}
@media(max-width:700px){.acard{padding:21px}.acard .t{font-size:23px}}
.explore-inputs-row{display:grid;grid-template-columns:minmax(200px,1fr) 175px 230px auto;gap:12px}.explore-inputs-row #xKind,.explore-inputs-row #xCategory{width:100%;min-width:0;max-width:100%}.explore-inputs-row #xQ{width:100%;min-width:0!important}.explore-inputs-row #xGo{width:auto}
@media(max-width:950px){.explore-inputs-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.explore-inputs-row #xQ{grid-column:1/-1}}
@media(max-width:700px){.explore-inputs-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.explore-inputs-row #xGo{grid-column:1/-1}.explore-inputs-row .select{min-width:0}}
.pearl-account-panel svg{width:22px;height:22px;flex-shrink:0}.pearl-account-panel .btn{min-height:52px;gap:12px;line-height:1.4}.auth-layout .pearl-account-panel{margin:0;width:auto;min-height:0}.auth-story .pearl-auth-story-title{font-size:clamp(48px,5.4vw,80px)}.pearl-account-panel>h1{font-size:48px}.pearl-account-panel .note{line-height:1.6}
@media(max-width:700px){.pearl-account-panel>h1{font-size:36px}.pearl-account-panel .btn{font-size:15px}.pearl-account-panel{margin-block:28px}}

/* Published compositions contain the existing operating controls. */
.tab-panel>.page-heading{padding:56px 0 36px}.tab-panel>.page-heading h1{font-size:clamp(43px,5vw,72px);max-width:1050px}.tab-panel>.page-heading.decorated{max-width:none}.tab-panel>.page-heading .lead{max-width:800px}
.pearl-search-panel{margin-bottom:32px}.pearl-search-panel .explore-inputs-row{grid-template-columns:minmax(240px,1fr) 180px 240px auto;align-items:end}.pearl-search-panel .field{margin:0}.pearl-search-panel .field label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.pearl-search-panel .explore-checkboxes-row{margin-top:22px}.pearl-search-panel .quick-chips{margin-top:20px}.results-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px}.pearl-search-results{min-width:0}.pearl-search-results #xTitle{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap;font:30px/1.25 Georgia,serif;margin:0 0 20px}.pearl-search-results #xTitle .sub{font:12px/1.5 Arial,sans-serif;margin:0;max-width:440px}.pearl-search-results #xResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pearl-search-results .acard{min-width:0}.pearl-search-results .acard .t{white-space:normal;overflow:visible;line-height:1.2}.pearl-search-results .acard .d{-webkit-line-clamp:3;line-clamp:3}.pearl-search-results .acard .m{margin-top:16px}.pearl-search-results .acard .pearl-result-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:13px;color:var(--teal);display:flex;justify-content:space-between;gap:12px}.details-panel h3{font-size:30px;margin-top:22px}.details-panel p{line-height:1.7}.details-panel dl{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:14px}.details-panel dd{margin:0;overflow-wrap:anywhere}.details-panel dt{color:var(--muted)}#pearlAgentPreview{position:sticky;top:24px}
#secTest>.strand{margin:4px 0 34px}#secTest>.test-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:stretch}#secTest .test-input{display:grid;grid-template-columns:minmax(170px,.72fr) minmax(0,1fr);gap:24px;padding:26px}#secTest .test-input>.card{padding:0;border:0;box-shadow:none;border-radius:0;min-width:0}#secTest .test-input>.card:first-child{border-right:1px solid var(--line);padding-right:20px}#secTest .testbench-recipe-grid{display:grid;grid-template-columns:1fr!important;gap:12px}#secTest .testbench-recipe-card{padding:16px 12px;background:transparent;box-shadow:none;border:0;border-radius:10px}#secTest .testbench-recipe-card.pearl-selected{background:var(--aqua)}#secTest .testbench-recipe-card>div:last-child{flex-wrap:wrap}#secTest .testbench-recipe-card .btn{min-width:100%;font-size:12px}#secTest .test-input .select,#secTest .test-input .input{min-width:0;width:100%}#secTest .test-input textarea{min-height:160px;max-width:100%}#secTest .test-layout>section,#secTest .test-layout>.card{min-width:0}#secTest .test-layout h3{font:24px/1.3 Georgia,serif}#secTest .test-layout pre{font:13px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}#secTest .test-layout .sub-pills{flex-wrap:wrap}#secTest .test-layout .sub-pill{font-size:11px;padding:8px}#secTest .test-layout #tbKpiBar{flex-wrap:wrap;gap:10px}#secTest>.pearl-test-context{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);font-size:13px;display:flex;gap:22px;justify-content:space-between}.pearl-test-context .title{font-size:14px}.pearl-test-context .desc{font-size:13px}
.pearl-workflow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 24px}.pearl-workflow-toolbar h2{display:none}.pearl-workflow-toolbar p{margin:0;max-width:760px}#secWorkflows>.workflow-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px}#pearlWorkflowTemplates .side-nav{padding:0;gap:10px}#pearlWorkflowTemplates .side-item{width:100%;text-align:left;display:block;border:0;border-radius:12px;background:transparent;color:var(--ink);padding:16px}#pearlWorkflowTemplates .side-item strong{font:21px/1.25 Georgia,serif;display:block}#pearlWorkflowTemplates .side-item p{font:13px/1.6 Arial,sans-serif;margin:8px 0 0}#pearlWorkflowTemplates .side-item.active{background:var(--aqua)}#frontWfCanvasView>.card{padding:20px}#frontWfActiveName{font:27px/1.2 Georgia,serif!important}#frontWfCanvasContainer{min-height:430px;border:1px solid var(--line);border-radius:18px;background-color:var(--surface);background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:22px 22px}#secWorkflows .wf-node{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 25px #3329110a}#secWorkflows .wf-node .node-icon{background:url('pearl.png') center/contain no-repeat!important;color:var(--teal)}#frontWfTemplatesView{margin-top:32px}
#secChat>.chat-layout{padding-top:12px;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:26px}#secChat .chat-results{margin:0 0 28px;min-height:260px;max-height:640px;overflow-y:auto}#secChat .chat-composer{margin:0;display:block;padding:20px;background:var(--bg)}#secChat .chat-signals{margin-bottom:22px}#secChat .chat-layout>.card{min-width:0}#secChat .chat-composer textarea{width:100%}#secChat .chat-protocol-choice{flex-wrap:wrap}#secChat .chat-composer-footer{gap:16px;flex-wrap:wrap}#secChat .chat-welcome{padding:24px;background:var(--aqua)}#secChat .details-panel .pearl{width:58px;height:58px}#secChat>.chat-disclosure{max-width:850px;margin:24px 0}
#secLearn{padding-top:0}.pearl-protocol-reference{margin-top:26px}.pearl-protocol-reference>summary{font:27px/1.4 Georgia,serif;cursor:pointer}.pearl-protocol-reference[open]>summary{margin-bottom:26px}.pearl-registration-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:28px}.pearl-registration-layout>.card{min-width:0}.pearl-registration-layout h2{font-size:30px}.pearl-registration-layout .input,.pearl-registration-layout .select{min-width:0;max-width:100%}.pearl-registration-intro{margin:24px 0;color:var(--muted)}.pearl-registration-intro h2{display:none}#secRegister>.strand{margin-bottom:30px}
@media(max-width:1200px){#secTest>.test-layout{grid-template-columns:1fr}#secTest .test-input{grid-template-columns:240px minmax(0,1fr)}.pearl-search-panel .explore-inputs-row{grid-template-columns:minmax(0,1fr) 150px 210px}.pearl-search-panel #xGo{grid-column:1/-1}.results-layout{grid-template-columns:minmax(0,1fr) 290px}.pearl-search-results #xResults{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.results-layout,#secChat>.chat-layout,#secWorkflows>.workflow-layout{grid-template-columns:1fr}.results-layout>.details-panel{position:static}#pearlWorkflowChoices{grid-template-columns:repeat(3,minmax(0,1fr))}#pearlWorkflowTemplates{padding:22px}.pearl-registration-layout{grid-template-columns:1fr}}
@media(max-width:700px){.tab-panel>.page-heading{padding:32px 0 26px}.tab-panel>.page-heading h1{font-size:43px}.pearl-search-panel .explore-inputs-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pearl-search-panel .field:first-child{grid-column:1/-1}.pearl-search-results #xResults{grid-template-columns:1fr}.pearl-search-results #xTitle{font-size:27px}.results-layout{gap:22px}.results-layout>.details-panel{display:none}#secTest .test-input{grid-template-columns:1fr;padding:21px}#secTest .test-input>.card:first-child{border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}#secTest .testbench-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}#secTest .testbench-recipe-card{padding:12px 8px}#secTest .test-layout pre{font-size:12px}#secTest>.pearl-test-context{display:block}#secTest>.strand h3{font-size:16px}#secTest>.strand p{font-size:11px}#pearlWorkflowChoices{grid-template-columns:1fr}#pearlWorkflowTemplates .side-item{padding:12px}#frontWfCanvasContainer{min-height:380px}#secChat .chat-protocol-choice>span{flex-basis:100%}.pearl-workflow-toolbar{font-size:13px}.pearl-protocol-reference>summary{font-size:23px}.pearl-registration-layout h2{font-size:26px}}
/* Keep editable graph ports while rendering each connection as a pearl. */
#secWorkflows .wf-node{height:190px;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}#secWorkflows .wf-node:before{content:'';position:absolute;width:90px;height:90px;left:75px;top:0;background:url('pearl.png') center/contain no-repeat;pointer-events:none}#secWorkflows .wf-node.selected:before{border-radius:50%;outline:2px solid var(--gold);outline-offset:3px}#secWorkflows .wf-node-head{background:transparent;border:0;padding:94px 12px 0;justify-content:center;overflow:visible;cursor:grab}#secWorkflows .wf-node-head>div{display:flex!important;flex-direction:column;gap:7px!important;overflow:visible!important}#secWorkflows .wf-node-head strong{font:22px/1.15 Georgia,serif!important;text-align:center;white-space:normal!important;overflow:visible!important;max-width:220px}#secWorkflows .wf-node-head>button{position:absolute;top:6px;right:32px;min-height:28px}#secWorkflows .wf-node-body{padding:9px 12px;background:transparent;text-align:center}#secWorkflows .wf-node-body>div:last-child{justify-content:center!important;gap:16px}#secWorkflows .wf-port.input,#secWorkflows .wf-port.output{width:10px!important;height:10px!important;min-height:0!important;padding:0!important;border-radius:50%;top:45px;background:var(--gold);border:1px solid var(--gold)}#secWorkflows .wf-edge-path{stroke:var(--gold)}#secWorkflows .wf-canvas-toolbar{box-shadow:none;border-color:var(--line);background:var(--surface)}#frontWfCanvasContainer{min-height:420px;height:420px!important;background-image:none}#secTest .testbench-recipe-card{display:block;min-height:0}#secTest .test-input>.card:last-child{display:block}#secTest .test-input>.card:last-child>div:last-child{margin-top:22px}.global-footer .footer-wrap{display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:40px;align-items:center}.global-footer .footer-links{margin:0;justify-content:flex-end;border:0;padding:0;gap:10px 22px}.global-footer .footer-bottom{grid-column:1/-1;margin-top:24px;padding-top:18px}.global-footer .footer-top{margin:0}.global-footer{padding:24px 0}
@media(max-width:950px){.global-footer .footer-wrap{grid-template-columns:1fr;gap:22px}.global-footer .footer-links{justify-content:flex-start}.global-footer .footer-bottom{margin:0}}
#secChat{max-width:none;margin:0}#secChat>.page-heading .heading-pearls{right:12px;transform:none}#secChat>.page-heading h1{max-width:950px}#secChat .chat-result-footer{flex-wrap:wrap}#secChat .chat-rec-btn{min-height:44px}#secChat .chat-result-heading{flex-wrap:wrap}
@media(max-width:700px){#secChat>.page-heading .heading-pearls{right:0;width:70px;height:70px;top:26px}#secChat>.page-heading .heading-pearls .pearl{width:70px;height:70px}#secChat>.page-heading h1{padding-right:66px}}
#secWorkflows .wf-port.input{left:75px!important;right:auto!important;transform:translate(-50%,-50%)}#secWorkflows .wf-port.output{left:165px!important;right:auto!important;transform:translate(-50%,-50%)}#frontWfArrow path{fill:var(--gold)}

/* Menu typography follows the approved serif headings and quiet sans-serif copy. */
.pearl-header .nav-tab{font:14px/1.4 Arial,Helvetica,sans-serif;font-weight:400}.pearl-header .nav-tabs{gap:18px}
@media(max-width:1200px){.pearl-header .nav-tab{font-size:12px}.pearl-header .nav-tabs{gap:13px}}
@media(max-width:950px){.pearl-header .nav-tab{font-size:16px}}
.pearl-menu-page{--menu-heading:Georgia,'Times New Roman',serif;--menu-body:Arial,Helvetica,sans-serif;--ink:#062f40;--muted:#4d6880;--gold:#a48154;font:18px/1.55 var(--menu-body);color:var(--ink)}
body[data-theme=dark] .pearl-menu-page{--ink:#eef3ef;--muted:#b1c5ca;--gold:#d2b48a}
.pearl-menu-page>.pearl-menu-heading h1{font-weight:500!important;line-height:1.04!important}
.pearl-menu-page>.pearl-menu-heading{padding:40px 0 34px}
.pearl-menu-page>.pearl-menu-heading h1{font:500 clamp(48px,5.85vw,84px)/1.02 var(--menu-heading);letter-spacing:-.055em;max-width:1280px;margin:0 0 20px;color:var(--ink)}
.pearl-menu-page>.pearl-menu-heading .lead{font:26px/1.4 var(--menu-body);color:var(--muted);max-width:1000px}
.pearl-menu-page .eyebrow{font:13px/1.5 var(--menu-body);color:var(--gold);letter-spacing:.23em;margin-bottom:18px}
.pearl-menu-page .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px #40352504}
.pearl-menu-page h2,.pearl-menu-page h3,.pearl-menu-page h4{font-family:var(--menu-heading);font-weight:500;color:var(--ink);letter-spacing:-.04em}
.pearl-menu-page h2{font-size:42px}.pearl-menu-page h3{font-size:29px}.pearl-menu-page h4{font-size:24px}
.pearl-menu-page p{font:17px/1.55 var(--menu-body);color:var(--muted)}
.pearl-menu-page .caption{font:14px/1.5 var(--menu-body)}
.pearl-menu-page label,.pearl-menu-page .field-label{font:16px/1.4 var(--menu-body)!important;font-weight:500!important;color:var(--ink)!important;letter-spacing:normal;text-transform:none}
.pearl-menu-page input.input,.pearl-menu-page select.select,.pearl-menu-page textarea{font:16px/1.5 var(--menu-body)!important;background:var(--surface)!important;color:var(--ink);border:1px solid var(--line);padding:12px 14px!important;min-height:48px;border-radius:10px}
.pearl-menu-page .btn{font:16px/1.4 var(--menu-body)!important;min-height:50px;padding:12px 22px!important;border-radius:10px;letter-spacing:normal}
.pearl-menu-page .btn.primary{color:#fff;background:linear-gradient(125deg,#00626d,#003945)}
.pearl-menu-page .btn:disabled{opacity:.5;cursor:not-allowed}
.pearl-menu-page input[type=checkbox]{appearance:none!important;display:inline-grid!important;place-content:center;vertical-align:middle;flex-shrink:0;width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border:1px solid var(--gold)!important;border-radius:4px!important;background:var(--surface)!important;cursor:pointer}
.pearl-menu-page input[type=checkbox]:checked{background:var(--teal)!important;border-color:var(--teal)!important}.pearl-menu-page input[type=checkbox]:checked:after{content:'';width:6px;height:11px;border:solid var(--surface);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.pearl-menu-page .strand{margin:8px 0 30px!important;padding:12px 4px}
.pearl-menu-page .strand:before{top:36px}.pearl-menu-page .strand .pearl{width:48px;height:48px}
.pearl-menu-page .strand h3{font-size:24px;margin:17px 0 8px}.pearl-menu-page .strand p{font-size:16px;max-width:220px}

/* Explore keeps search, evidence filters and common tasks in two clear rows. */
#secExplore>.pearl-menu-heading h1{max-width:1140px}
.pearl-search-art{position:absolute;right:0;top:92px;display:flex;gap:2px;pointer-events:none}.pearl-search-art .pearl{width:38px;height:38px}.pearl-search-art .pearl:nth-child(2){margin-top:14px}
.pearl-menu-page .pearl-search-panel{padding:26px 28px;margin:0 0 34px!important}
.pearl-menu-page .pearl-search-panel .explore-inputs-row{display:grid;grid-template-columns:minmax(220px,1.25fr) 290px minmax(185px,.8fr) auto;gap:24px;align-items:end}
.pearl-menu-page .pearl-search-panel .field label{font:18px/1.35 var(--menu-heading)!important;margin-bottom:10px}
.pearl-menu-page .pearl-search-panel #xGo{grid-column:auto;min-width:150px}
.pearl-filter-bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:28px;border-top:1px solid var(--line);margin-top:26px;padding-top:22px}
.pearl-filter-bottom .field-label{font:18px/1.3 var(--menu-heading)!important;margin-bottom:14px}
.pearl-evidence-filter{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;border-right:1px solid var(--line);padding-right:24px}.pearl-evidence-filter>.field-label{flex-basis:100%;margin-bottom:0}
.pearl-evidence-filter .explore-check-label{font-size:15px!important;min-height:32px;margin:0}.pearl-evidence-filter input{width:22px;height:22px;accent-color:var(--teal)}
.pearl-task-filter #xChips{margin:0;gap:10px}.pearl-task-filter #xChips>.chip-btn{font:15px/1.4 var(--menu-body);padding:10px 22px;background:transparent;border:1px solid var(--line);color:var(--ink)}
.pearl-menu-page .results-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px;margin-top:32px}
.pearl-search-results #xTitle{font:38px/1.2 var(--menu-heading);margin-bottom:22px}.pearl-search-results #xTitle .sub{font:14px/1.5 var(--menu-body);font-weight:400;letter-spacing:normal;color:var(--muted);max-width:none}
.pearl-search-results #xResults{gap:20px}.pearl-search-results .acard{padding:24px;display:flex;flex-direction:column;min-height:275px}
.pearl-result-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px}.pearl-result-heading .t{font:25px/1.2 var(--menu-heading);margin:0;flex:1;min-width:0}.pearl-result-heading .kind-badge{margin-left:auto;flex-shrink:0}
.pearl-search-results .acard .d{font:17px/1.55 var(--menu-body);margin-bottom:14px;overflow-wrap:anywhere}
.pearl-search-results .acard .m{gap:6px;margin-top:0;margin-bottom:14px}.pearl-search-results .acard .m .chip{font:12px/1.4 var(--menu-body);padding:5px 10px;background:var(--bg)}
.pearl-search-results .acard .pearl-result-actions{font:15px/1.4 var(--menu-body);margin-top:auto;min-height:42px}
#pearlAgentPreview h3{font:34px/1.15 var(--menu-heading);margin:20px 0 18px}#pearlAgentPreview p{font:17px/1.55 var(--menu-body)}
#pearlAgentPreview .pearl-preview-section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}#pearlAgentPreview h4{font-size:23px}#pearlAgentPreview dl{font:15px/1.5 var(--menu-body);grid-template-columns:90px minmax(0,1fr)}
#xLoadMoreWrap{margin-top:32px!important}#xLoadMore{min-width:280px}

/* Test uses an example rail, selected request and an honest result panel. */
#secTest>.test-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:20px}
#secTest .test-input{grid-template-columns:minmax(190px,.62fr) minmax(0,1fr);gap:26px;padding:26px 24px}
#secTest .pearl-example-sidebar{border-right:1px solid var(--line);padding-right:20px!important}
#secTest .pearl-example-sidebar h2{font:29px/1.2 var(--menu-heading)!important}
#secTest .pearl-example-sidebar h2 svg{display:none}#secTest .pearl-example-sidebar p{font:15px/1.5 var(--menu-body)!important}
#secTest .pearl-example-choice{border:1px solid var(--line);border-radius:12px;padding:16px 14px;gap:10px;min-height:124px;width:100%;display:flex;flex-direction:column;background:transparent;color:var(--ink)}
#secTest .pearl-example-choice.active{background:var(--aqua);border-color:var(--aqua)}#secTest .pearl-example-choice strong{font:22px/1.2 var(--menu-heading)}#secTest .pearl-example-description{font:15px/1.5 var(--menu-body)}#secTest .pearl-example-state{font:12px/1.4 var(--menu-body)}
#secTest .pearl-test-request{display:flex;flex-direction:column;gap:18px}
#secTest[data-selection-busy=true] #tbProtocolActionBox,#secTest[data-selection-busy=true] #tbArgsStudio{visibility:hidden;pointer-events:none}
#secTest #pearlTestConnectionState{font:14px/1.5 var(--menu-body);color:var(--teal);margin:14px 0 0}
#secTest .pearl-request-heading{border:0!important;padding:0!important;order:0}#secTest .pearl-request-heading h3{font:17px/1.4 var(--menu-body)!important;color:var(--muted)}#secTest .pearl-request-heading h3 svg{display:none}
#secTest .pearl-selected-example .eyebrow{font-size:11px;margin:0 0 12px}#secTest #pearlTestExampleName{font:35px/1.1 var(--menu-heading);margin:0 0 14px}#secTest #pearlTestExampleDescription{font:16px/1.55 var(--menu-body);margin:0}
#secTest .pearl-selection-options{border-block:1px solid var(--line);padding:12px 0}#secTest .pearl-selection-options[open]>summary{margin-bottom:18px}
#secTest details>summary{font:15px/1.4 var(--menu-body);color:var(--teal);cursor:pointer;min-height:28px}
#secTest .pearl-selection-options>div{margin-top:15px}#secTest #tbAgentMetaBox{background:var(--bg)!important;font-size:14px;overflow-wrap:anywhere}
#secTest .pearl-test-request label{margin-bottom:10px!important}#secTest #tbMcpControls>div:first-of-type{display:grid!important;grid-template-columns:1fr;gap:8px}#secTest #tbCustomToolInput{min-height:42px}
#secTest #tbQuickTools{gap:8px}#secTest #tbQuickTools .chip-btn{background:transparent;border:1px solid var(--line);font-size:13px}#secTest #tbToolHint{font-size:14px!important;line-height:1.5}
#secTest #tbArgsEditor{font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace!important;background:var(--surface)!important;min-height:170px}
#secTest .pearl-input-presets{margin-top:8px}#secTest .pearl-input-presets[open]>div{margin:12px 0;gap:7px!important}
#secTest .pearl-test-runbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}
#secTest .pearl-test-runbar>div{flex:1;min-width:160px}#secTest .pearl-test-runbar label{white-space:nowrap;margin:0!important;font-size:14px!important}#secTest #tbTimeoutSelect{font-size:14px!important;padding:8px!important}#secTest #tbRunBtn{min-width:170px;flex:1}
#secTest .pearl-test-result{display:flex;flex-direction:column;gap:18px;min-height:620px}#secTest .pearl-test-result>div:first-child{border:0!important;padding-bottom:0!important}#secTest .pearl-test-result>div:first-child h3{font:35px/1.15 var(--menu-heading)!important}#secTest .pearl-test-result>div:first-child h3 svg{display:none}
#secTest #tbKpiBar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}#secTest #tbKpiBar>div{background:var(--bg)!important;border-color:var(--line)!important;padding:12px 14px!important}#secTest #tbKpiBar>div>div:first-child{font:12px/1.4 var(--menu-body)!important;letter-spacing:.04em}#secTest #tbKpiBar>div>div:last-child{font:16px/1.4 var(--menu-body)!important}
#secTest .test-layout .sub-pills{gap:18px}#secTest .test-layout .sub-pill{font:14px/1.4 var(--menu-body);min-height:44px;white-space:normal}
#secTest .pearl-test-output{font:18px/1.7 var(--menu-body)!important;min-height:280px;max-height:600px!important;color:var(--muted)}#secTest #tbInspectorFormatted>div:first-child>span{font-size:13px!important;letter-spacing:.04em}
#secTest .section .grid.three>.card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px 20px;align-content:start}#secTest .section .grid.three .icon-disc{grid-row:1/3}#secTest .section .grid.three h3{font-size:26px;margin:2px 0 0}#secTest .section .grid.three p{font-size:16px;margin:0}

/* Workflows retain the editable graph and expose current inputs and actual output. */
#secWorkflows .pearl-menu-heading h1{font-size:clamp(46px,5.35vw,77px)}
#secWorkflows>.workflow-layout{grid-template-columns:330px minmax(0,1fr);gap:28px}
#secWorkflows .pearl-workflow-toolbar{justify-content:flex-end;margin:0 0 22px}#secWorkflows .pearl-workflow-toolbar .btn{font-size:14px!important;min-height:42px;padding:8px 14px!important}
#pearlWorkflowTemplates{padding:24px 20px}#pearlWorkflowTemplates>h3{font:30px/1.15 var(--menu-heading)}#pearlWorkflowTemplates>p{font-size:16px}
#pearlWorkflowTemplates .side-item{padding:18px 14px;border-bottom:1px solid var(--line);border-radius:12px}#pearlWorkflowTemplates .side-item strong{font:25px/1.2 var(--menu-heading)}#pearlWorkflowTemplates .side-item p{font:16px/1.5 var(--menu-body);margin-top:10px}
#secWorkflows .pearl-workflow-identity #frontWfActiveName{font:42px/1.12 var(--menu-heading)!important;margin:0 0 16px}#pearlWorkflowDescription{font:18px/1.55 var(--menu-body);margin:0 0 20px}
#secWorkflows .pearl-workflow-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}#secWorkflows .pearl-workflow-actions>div{display:contents!important}#secWorkflows .pearl-workflow-actions #frontWfNodeCountChip{font-size:13px;align-self:center}
#frontWfSelectedTemplate{font:14px/1.5 var(--menu-body);margin:10px 0}#frontWorkflowAvailability{font:14px/1.5 var(--menu-body);margin:0 0 18px}
#secWorkflows #frontWfCanvasContainer{height:380px!important;min-height:380px;border-radius:14px;box-shadow:none}
#secWorkflows .wf-node-head strong{font:25px/1.15 var(--menu-heading)!important}#secWorkflows .wf-node-body>div:last-child{font-size:13px}#secWorkflows .wf-node-body>div:last-child>span{font-size:13px!important}
.pearl-workflow-review{margin:26px 0;display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px}.pearl-workflow-review h3{font-size:30px;margin:0 0 14px}.pearl-workflow-review p{font-size:16px;margin:0}
.pearl-workflow-input-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pearl-workflow-step{display:flex;gap:12px;border-left:1px solid var(--line);padding-left:20px;min-width:0}.pearl-step-number{font:16px/1.4 var(--menu-body);color:var(--gold)}.pearl-workflow-step h4{font-size:23px}.pearl-workflow-step .badge{font-size:12px}.pearl-workflow-step .link-button{font:14px/1.4 var(--menu-body);text-align:left}
.pearl-workflow-run-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin:26px 0}.pearl-workflow-run-grid h3{font-size:32px;margin:12px 0 18px}.pearl-workflow-run-grid .step-list h4{font-size:25px}.pearl-workflow-run-grid .step-list p{font-size:16px}.pearl-workflow-run-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px!important;background:var(--bg)!important;color:var(--ink)}
.pearl-input-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink)}.pearl-input-dialog h2{font:36px/1.15 Georgia,serif;margin:0}.pearl-input-dialog>.between{margin-bottom:24px}.pearl-input-dialog pre{font:15px/1.65 ui-monospace,monospace;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.pearl-input-dialog::backdrop{background:#10354066}

/* Chat keeps the protocol outside a compact, accessible composer. */
#secChat>.pearl-menu-heading{padding-right:180px}#secChat>.pearl-menu-heading h1{font-size:clamp(48px,5.4vw,78px);max-width:1000px}
#secChat .pearl-chat-protocol{display:flex;align-items:center;gap:12px 24px;margin:0 0 26px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;width:850px;max-width:100%;background:var(--surface);flex-wrap:wrap}
#secChat .pearl-chat-protocol label{margin:0;white-space:nowrap}#secChat .pearl-chat-protocol>.muted{font:13px/1.5 var(--menu-body);flex-basis:100%;max-width:720px}#secChat .pearl-chat-protocol .pearl-protocol-segmented{width:470px;max-width:100%}#secChat .pearl-chat-protocol .pearl-protocol-segmented button{white-space:nowrap}
#secChat>.chat-layout{grid-template-columns:minmax(0,2fr) minmax(300px,.95fr);gap:24px;border:0;padding:0;margin-top:0;align-items:stretch}
#secChat .pearl-conversation{padding:24px;display:flex;flex-direction:column;min-height:650px}
.pearl-conversation-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 0 18px;border-bottom:1px solid var(--line)}.pearl-conversation-title h2{font:22px/1.3 var(--menu-heading);margin:0}.pearl-conversation-title .caption{font-size:13px}
#secChat .chat-results{min-height:240px;max-height:700px;margin:22px 0;flex:1}#secChat .chat-welcome{background:transparent;box-shadow:none;border:0;padding:20px 0;align-items:flex-start}#secChat .chat-welcome strong{font:25px/1.2 var(--menu-heading)}#secChat .chat-welcome p{font-size:17px;margin-top:14px}
#secChat .pearl-inline-composer{display:grid;grid-template-columns:minmax(0,1fr) 172px;align-items:center;gap:0 14px;padding:10px 12px 10px 18px;background:var(--surface);border:1px solid var(--line);box-shadow:none;outline:0;min-height:92px}
#secChat .pearl-inline-composer:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 20%,transparent)}
#secChat .chat-input-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#secChat #chatInput{font:17px/1.5 var(--menu-body)!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;min-height:60px;height:64px;resize:vertical;padding:10px 0!important;margin:0}
#secChat .chat-composer-footer{display:contents}#secChat #chatSubmit{grid-column:2;grid-row:1;min-width:0;padding:12px 14px!important;font-size:15px!important;gap:8px}#secChat .chat-status-wrap{grid-column:1/-1;font:13px/1.5 var(--menu-body);padding:8px 0 0;border:0}
#secChat .chat-recommendation{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}#secChat .chat-result-name{font:32px/1.15 var(--menu-heading);color:var(--ink)}#secChat .chat-result-caption{font:15px/1.5 var(--menu-body)}#secChat .chat-evidence{font:15px/1.5 var(--menu-body);background:var(--bg);border-color:var(--line)}#secChat .chat-endpoint{font-size:14px;border-color:var(--line);background:var(--bg)}
#pearlChatAgentDetails{padding:26px;min-width:0}#pearlChatAgentDetails>h3{font:31px/1.15 var(--menu-heading);margin:0 0 26px}#pearlChatSelectedAgent>.icon-disc{margin-bottom:20px}#pearlChatSelectedAgent h4{font:29px/1.15 var(--menu-heading)}#pearlChatSelectedAgent>.badge{margin:0 0 18px}#pearlChatAgentDetails p{font:17px/1.6 var(--menu-body)}#pearlChatAgentDetails h4{font-size:25px}
.pearl-chat-evidence{border-block:1px solid var(--line);padding:20px 0;margin:22px 0;display:grid;gap:8px}.pearl-chat-evidence dt{font:15px/1.4 var(--menu-body);color:var(--muted)}.pearl-chat-evidence dd{font:16px/1.5 var(--menu-body);margin:0 0 12px;color:var(--ink)}
#secChat>.chat-disclosure{margin:28px 0;max-width:1100px}#secChat>.chat-disclosure span{font:14px/1.5 var(--menu-body)}

/* Registration follows the approved field order and concise review guidance. */
#secRegister>.pearl-menu-heading h1{max-width:830px;font-size:clamp(48px,5.65vw,81px)}
#secRegister>.pearl-registration-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);gap:24px;border:0;padding:0;margin:26px 0}
#secRegister .pearl-registration-form{padding:30px}#secRegister .pearl-registration-form>h2{font:42px/1.15 var(--menu-heading);margin:0 0 14px}#secRegister .pearl-registration-form>p{font-size:18px;margin:0 0 28px}
#secRegister #regForm>.field{margin-bottom:22px}#secRegister #regForm>.field label{font-size:17px!important;margin-bottom:10px}#secRegister #regDesc{height:130px;min-height:130px}#secRegister #regKind+.pearl-protocol-segmented{width:340px;max-width:100%}
#secRegister #regForm .check{font-size:16px;align-items:flex-start;margin:22px 0 18px}#secRegister .check input{accent-color:var(--teal);width:22px;height:22px;flex-shrink:0;margin-top:1px}
#secRegister .clickwrap-group{background:transparent!important;border:0!important;padding:0;margin:0 0 22px}#secRegister .clickwrap-label{font:14px/1.6 var(--menu-body)!important;font-weight:400!important;color:var(--muted)!important}#secRegister #regTermsConsent{accent-color:var(--teal);width:20px;height:20px}
.pearl-registration-import,.pearl-listing-preview{border-top:1px solid var(--line);padding:14px 0}.pearl-registration-import>summary,.pearl-listing-preview>summary{font:16px/1.5 var(--menu-body);color:var(--teal);cursor:pointer;min-height:28px}.pearl-registration-import[open]>summary,.pearl-listing-preview[open]>summary{margin-bottom:18px}#secRegister .pearl-registration-import>div{background:var(--bg)!important}#secRegister .pearl-registration-import p{font-size:15px}#secRegister .pearl-registration-import #regAutoUrl{font-size:14px!important}#secRegister .pearl-registration-import #regInspectBtn{font-size:13px!important;min-width:100px;padding:10px!important}
.pearl-registration-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pearl-registration-actions #regSubmitBtn{order:-1}.pearl-registration-actions #regResetBtn{border:0;text-decoration:underline;background:transparent}
#secRegister .pearl-registration-layout>aside{padding:30px}#secRegister .pearl-registration-layout>aside>h2{font:39px/1.15 var(--menu-heading)}#secRegister .pearl-registration-layout>aside>p{font-size:18px}#secRegister .evidence-list{gap:22px}#secRegister .evidence-item{padding-bottom:22px;border-bottom:1px solid var(--line);gap:20px}#secRegister .evidence-item:last-child{border:0;padding-bottom:0}#secRegister .evidence-item h3{font-size:28px}#secRegister .evidence-item p{font-size:17px;margin:0}#secRegister .evidence-item .icon-disc{background:var(--bg);width:60px;height:60px}#secRegister>.grid.two{padding:24px 0;margin:0}#secRegister>.grid.two h3{font-size:27px}#secRegister>.grid.two p{font-size:17px;margin:0}

@media(min-width:1201px){#secExplore>.pearl-menu-heading h1{font-size:80px;letter-spacing:-.06em;padding-right:80px}}
@media(max-width:1200px){.pearl-menu-page>.pearl-menu-heading h1{font-size:64px}.pearl-menu-page>.pearl-menu-heading .lead{font-size:23px}.pearl-menu-page .pearl-search-panel .explore-inputs-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.pearl-menu-page .pearl-search-panel #xGo{grid-column:auto}.pearl-search-art{display:none}#secTest>.test-layout{grid-template-columns:1fr}#secTest .test-input{grid-template-columns:260px minmax(0,1fr)}#secTest .pearl-test-result{min-height:440px}.pearl-filter-bottom{grid-template-columns:1fr} .pearl-evidence-filter{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}#secWorkflows>.workflow-layout{grid-template-columns:280px minmax(0,1fr)}#secWorkflows .pearl-workflow-identity #frontWfActiveName{font-size:35px!important}.pearl-workflow-review{grid-template-columns:1fr}.pearl-workflow-step{padding-left:12px}#secRegister>.pearl-registration-layout{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr)}#secChat>.pearl-menu-heading h1{font-size:64px}#secChat>.chat-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}}
@media(max-width:950px){.pearl-menu-page .results-layout{grid-template-columns:1fr}.pearl-menu-page #pearlAgentPreview{position:static}#secWorkflows>.workflow-layout{grid-template-columns:1fr}#pearlWorkflowChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#pearlWorkflowTemplates .side-item strong{font-size:22px}#pearlWorkflowTemplates .side-item p{font-size:14px}#secRegister>.pearl-registration-layout{grid-template-columns:1fr}#secChat>.chat-layout{grid-template-columns:1fr}#secChat>.pearl-menu-heading{padding-right:120px}#secChat>.pearl-menu-heading h1{font-size:58px}#secChat .pearl-conversation{min-height:520px}.pearl-workflow-run-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pearl-menu-page{font-size:16px}.pearl-menu-page>.pearl-menu-heading{padding:30px 0 28px}.pearl-menu-page>.pearl-menu-heading h1,#secExplore>.pearl-menu-heading h1,#secChat>.pearl-menu-heading h1,#secRegister>.pearl-menu-heading h1,#secWorkflows>.pearl-menu-heading h1{font-size:44px;line-height:1.06;letter-spacing:-.05em;max-width:100%;padding-right:0}.pearl-menu-page>.pearl-menu-heading .lead{font-size:20px;line-height:1.45}.pearl-menu-page .eyebrow{font-size:11px;letter-spacing:.2em}.pearl-menu-page h2{font-size:33px}.pearl-menu-page h3{font-size:26px}.pearl-menu-page p{font-size:16px}.pearl-menu-page .btn{font-size:15px!important;min-height:48px}.pearl-menu-page .strand{gap:12px;padding-inline:0;margin:4px 0 25px!important}.pearl-menu-page .strand .pearl{width:34px;height:34px}.pearl-menu-page .strand:before{top:29px}.pearl-menu-page .strand h3{font-size:17px;margin:12px 0 6px}.pearl-menu-page .strand p{font-size:12px;line-height:1.45}.pearl-menu-page .pearl-search-panel{padding:22px 18px!important}.pearl-menu-page .pearl-search-panel .explore-inputs-row{grid-template-columns:1fr;gap:18px}.pearl-menu-page .pearl-search-panel .field{grid-column:auto;order:initial!important}.pearl-menu-page .pearl-search-panel #xGo{grid-column:auto;order:initial;width:100%}.pearl-filter-bottom{gap:18px}.pearl-evidence-filter{gap:10px 16px}.pearl-evidence-filter .explore-check-label{font-size:14px!important}.pearl-task-filter #xChips>.chip-btn{font-size:14px;padding:9px 15px}.pearl-search-results #xTitle{font-size:31px}.pearl-search-results #xTitle .sub{font-size:13px}.pearl-search-results #xResults{grid-template-columns:1fr;gap:18px}.pearl-search-results .acard{min-height:240px;padding:22px}.pearl-result-heading .t{font-size:25px}.pearl-search-results .acard .d{font-size:16px}#secTest .test-input{grid-template-columns:1fr;gap:24px;padding:22px 18px}#secTest .pearl-example-sidebar{border-right:0!important;padding-right:0!important}#secTest .test-input .testbench-recipe-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px}#secTest .pearl-example-choice{min-height:150px;padding:14px 12px}#secTest .pearl-example-choice strong{font-size:21px}#secTest .pearl-example-description{font-size:14px}#secTest #pearlTestExampleName{font-size:32px}#secTest .pearl-test-request>div:first-child{justify-content:flex-end!important}#secTest .pearl-test-result{padding:24px 20px}#secTest .test-layout .sub-pill{font-size:13px}#secTest .test-layout .sub-pills{gap:12px}#secTest .pearl-test-output{font-size:16px!important;min-height:240px}#secTest .section .grid.three>.card{grid-template-columns:48px minmax(0,1fr);gap:10px 16px}#secTest .section .grid.three .icon-disc{width:48px;height:48px}#secTest .section .grid.three h3{font-size:24px}#secTest .section .grid.three p{font-size:15px}#pearlWorkflowChoices{grid-template-columns:1fr}#secWorkflows .pearl-workflow-toolbar{justify-content:flex-start}#secWorkflows .pearl-workflow-identity #frontWfActiveName{font-size:33px!important}#pearlWorkflowDescription{font-size:17px}.pearl-workflow-input-steps{grid-template-columns:1fr;gap:18px}.pearl-workflow-step{padding-left:16px}.pearl-workflow-step h4{font-size:25px}.pearl-workflow-run-grid{grid-template-columns:1fr}#secChat>.pearl-menu-heading{padding-right:0}#secChat>.pearl-menu-heading>.heading-chat-art{display:none}#secChat .pearl-chat-protocol{width:100%;padding:18px 15px;gap:12px}#secChat .pearl-chat-protocol .pearl-protocol-segmented{width:100%;flex-wrap:wrap;gap:4px}#secChat .pearl-chat-protocol .pearl-protocol-segmented button{font-size:13px;padding:9px;min-height:40px}#secChat .pearl-conversation{padding:20px 16px;min-height:530px}.pearl-conversation-title{display:block}.pearl-conversation-title .caption{display:block;margin-top:8px}#secChat .pearl-inline-composer{grid-template-columns:1fr;padding:12px 14px;gap:12px}#secChat #chatSubmit{grid-column:1;grid-row:2;width:100%}#secChat #chatInput{min-height:72px;height:72px}#secChat .chat-status-wrap{grid-row:3}#secChat .chat-result-name{font-size:27px}#pearlChatAgentDetails{padding:24px 22px}#secRegister>.pearl-registration-layout{margin:22px 0}#secRegister .pearl-registration-form,#secRegister .pearl-registration-layout>aside{padding:24px 20px}#secRegister .pearl-registration-form>h2,#secRegister .pearl-registration-layout>aside>h2{font-size:34px}#secRegister .pearl-registration-form>p,#secRegister .pearl-registration-layout>aside>p{font-size:16px}#secRegister .evidence-item{gap:16px}#secRegister .evidence-item h3{font-size:25px}#secRegister .evidence-item p{font-size:16px}#secRegister .evidence-item .icon-disc{width:48px;height:48px}#secRegister>.grid.two{grid-template-columns:1fr}#secRegister .pearl-registration-import #regAutoUrl{min-width:0}.pearl-registration-actions{gap:10px}.pearl-registration-actions #regSubmitBtn{width:100%}}

/* Operating screens prioritize scanning, input and outcomes over decorative space. */
.skip-link:not(:focus):not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
.cookie-banner:not(.hidden){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px 24px!important;padding:24px!important;max-width:920px}
.cookie-banner-title{grid-column:1;font-size:18px!important;line-height:1.4!important;margin:0!important;padding-right:20px}
.cookie-banner-title svg{flex-shrink:0}.cookie-banner-text{grid-column:1;font-size:14px!important;margin:0!important}
.cookie-banner-actions{grid-column:2;grid-row:1/3;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding-right:10px}
.cookie-banner-actions .btn{width:100%;min-width:180px;min-height:44px}
#drawer{width:min(720px,100%);padding:24px 28px;border-radius:18px 0 0 18px;background:var(--surface)}
#drawer .drawer-header{position:sticky;top:-24px;background:var(--surface);z-index:3;padding:12px 0 16px;border-bottom:1px solid var(--line);margin-bottom:20px;gap:14px}
#drawerContent>h3{font:30px/1.2 Georgia,serif!important;margin:18px 0 10px!important;overflow-wrap:anywhere}
#drawerContent>p{font-size:15px!important;line-height:1.65!important}
#drawerContent>h4{font:23px/1.25 Georgia,serif!important;margin:24px 0 14px!important}
#drawerContent .kv{font:14px/1.6 Arial,sans-serif;grid-template-columns:minmax(140px,.7fr) minmax(0,1.8fr);gap:12px 20px;padding:18px 0;border-block:1px solid var(--line)}
#drawerContent .kv dd{word-break:normal;overflow-wrap:anywhere}.ux-drawer-actions{padding:8px 0;gap:12px!important}
.ux-spec-details{margin:20px 0;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.ux-spec-details summary{color:var(--teal);font-size:14px;cursor:pointer}.ux-spec-details pre{margin-top:14px;max-height:350px;font-size:13px}
.legal-modal-footer{gap:16px}.legal-modal-footer>div{min-width:0;overflow-wrap:anywhere}.legal-modal-footer>.btn{flex:0 0 auto;white-space:nowrap;min-width:80px}
#secWorkflows .wf-inspector{width:min(360px,100%);max-width:100%;background:var(--surface)}
@media(max-width:700px){#cookiePrefsModal .legal-modal-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}#cookiePrefsModal .legal-modal-footer>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px!important}#cookiePrefsModal .legal-modal-footer>.btn{grid-row:2;width:100%}#cookiePrefsModal .legal-modal-footer>div>.btn{min-width:0;width:100%;white-space:normal;overflow-wrap:normal;word-break:normal;padding-inline:10px!important;font-size:13px}#cookiePrefsModal .legal-modal-body>div:first-child>div{display:block!important}#cookiePrefsModal .legal-modal-body .chip{display:inline-flex;white-space:nowrap;margin-top:8px}#cookiePrefsModal .legal-modal-body label{flex-shrink:0}}
body[data-ux-panel=explore] .main-wrap,body[data-ux-panel=test] .main-wrap,body[data-ux-panel=workflows] .main-wrap,body[data-ux-panel=chat] .main-wrap,body[data-ux-panel=register] .main-wrap{max-width:1440px;width:calc(100% - 64px)}
.ux-workspace-page>.ux-task-heading{padding:24px 0 22px!important;max-width:none;min-height:0!important;height:auto!important}
body:is([data-ux-panel=explore],[data-ux-panel=test],[data-ux-panel=workflows],[data-ux-panel=chat],[data-ux-panel=register]) :is(header.pearl-header,.pearl-footer .pf-shell){width:min(1440px,calc(100% - 64px))}
#secChat>.ux-task-heading{max-width:1020px!important;margin-inline:auto}
#secRegister>.ux-task-heading{max-width:940px!important;margin-inline:auto}
.ux-workspace-page>.ux-task-heading h1{font-size:40px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:0 0 10px!important;max-width:none!important;padding:0!important}
.ux-workspace-page>.ux-task-heading .lead{font:16px/1.5 Arial,Helvetica,sans-serif!important;max-width:1000px!important;margin:0}
.ux-task-heading>.eyebrow,.ux-task-heading>.pearl-search-art,.ux-task-heading>.heading-listing-art,.ux-task-heading>.heading-pearls{display:none!important}
.ux-workspace-page p{font-size:15px}.ux-workspace-page .btn{font-size:14px!important;min-height:44px;padding:10px 16px!important}
.ux-workspace-page :is(h2,h3){font-weight:500}.ux-workspace-page input.input,.ux-workspace-page select.select,.ux-workspace-page textarea{font-size:15px!important;min-height:44px;padding:10px 12px!important}
.ux-workspace-page label,.ux-workspace-page .field-label{font-size:14px!important}
.ux-help,.ux-history,.ux-canvas-editor{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:var(--surface)}
.ux-help>summary,.ux-history>summary,.ux-canvas-editor>summary{font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--teal);cursor:pointer;min-height:24px}
.ux-help[open]>summary,.ux-history[open]>summary,.ux-canvas-editor[open]>summary{margin-bottom:18px}
.ux-help .section{padding:16px 0;border:0}.ux-help h2{font-size:28px}.ux-help h3{font-size:22px}

/* All 45 initial agents share the available width. Details use the existing drawer. */
#secExplore .pearl-search-panel{padding:18px 20px!important;margin:0 0 20px!important}
#secExplore .pearl-search-panel .explore-inputs-row{grid-template-columns:minmax(230px,1fr) 270px minmax(180px,.65fr) auto;gap:16px}
#secExplore .pearl-search-panel .field label{font:14px/1.4 Arial,sans-serif!important;margin-bottom:7px}
#secExplore .pearl-search-panel #xGo{min-width:120px}
#secExplore .pearl-filter-bottom{grid-template-columns:1fr 1fr;margin-top:16px;padding-top:14px;gap:18px}
#secExplore .pearl-filter-bottom .field-label{font:13px/1.4 Arial,sans-serif!important;margin:0 8px 0 0;flex-basis:auto}
#secExplore .pearl-evidence-filter{border:0;padding:0;gap:10px 16px;align-content:center}
#secExplore .pearl-evidence-filter .explore-check-label{font-size:13px!important;min-height:30px;gap:7px}
#secExplore .pearl-task-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#secExplore .pearl-task-filter #xChips{gap:5px}#secExplore .pearl-task-filter #xChips>.chip-btn{font-size:13px;min-height:32px;padding:5px 10px}
#secExplore .ux-explore-results{display:block!important;margin-top:0;grid-template-columns:1fr!important}
#pearlAgentPreview[hidden]{display:none!important}
.ux-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}
.ux-results-heading{margin-right:auto}.ux-clear-search{font-size:12px!important;background:transparent!important;padding-inline:10px!important}
#uxExploreStatus{min-height:20px;margin:0 0 10px;font-size:13px;color:var(--muted)}
.pearl-more-tasks[open]{flex-basis:100%;display:flex;flex-wrap:wrap;gap:7px;padding-top:10px}.pearl-more-tasks>summary{cursor:pointer;font-size:13px;min-height:32px}.pearl-more-tasks[open]>summary{margin-bottom:8px;min-width:100%}
#secExplore #xTitle{display:block;font:26px/1.25 Georgia,serif;margin:0;letter-spacing:-.025em}
#secExplore #xTitle .sub{display:block;font:13px/1.5 Arial,sans-serif;letter-spacing:normal;margin-top:6px;color:var(--muted)}
.ux-view-switch{display:inline-flex;gap:4px;flex-shrink:0;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--surface)}
.ux-view-switch button{border:0;border-radius:6px;min-height:38px;padding:7px 14px;font:14px/1.4 Arial,sans-serif;background:transparent;color:var(--ink)}
.ux-view-switch button[aria-pressed=true]{background:var(--aqua);color:var(--teal)}
#secExplore .pearl-search-results #xResults{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#secExplore .pearl-search-results .acard{display:flex;flex-direction:column;min-height:0;padding:18px;gap:0;box-shadow:none}
#secExplore .ux-agent-category{font:11px/1.4 Arial,sans-serif;color:var(--muted);margin:0 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#secExplore .pearl-result-heading{gap:10px;margin:0 0 12px;align-items:start;min-height:48px}
#secExplore .pearl-result-heading .t{font:21px/1.15 Georgia,serif;letter-spacing:-.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;min-width:0}
#secExplore .pearl-result-heading .t:before{display:none}
#secExplore .pearl-result-heading .kind-badge{font-size:11px!important;padding:5px 9px!important;margin-top:1px}
#secExplore .pearl-search-results .acard .d{font:14px/1.5 Arial,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:42px;margin:0 0 12px}
#secExplore .pearl-search-results .acard .m{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px;min-height:25px}
#secExplore .pearl-search-results .acard .m .chip{font:11px/1.4 Arial,sans-serif;padding:4px 8px;min-height:24px;background:var(--bg)}
#secExplore .pearl-search-results .acard .pearl-result-actions{font:13px/1.4 Arial,sans-serif;padding-top:10px;min-height:30px;margin-top:auto;border-top:1px solid var(--line)}
#secExplore .pearl-search-results #xResults[data-layout=list]{grid-template-columns:minmax(0,1fr);gap:8px}
#secExplore #xResults[data-layout=list] .acard>*{min-width:0;overflow-wrap:anywhere}
#secExplore #xResults[data-layout=list] .pearl-result-heading .kind-badge{flex-shrink:0}
#secExplore #xResults[data-layout=list] .acard{display:grid;grid-template-columns:minmax(190px,1fr) minmax(200px,1.4fr) minmax(170px,.8fr) 110px;gap:6px 20px;padding:14px 18px;align-items:center}
#secExplore #xResults[data-layout=list] .ux-agent-category{grid-column:1;grid-row:2;margin:0}
#secExplore #xResults[data-layout=list] .pearl-result-heading{grid-column:1;grid-row:1;min-height:0;margin:0;align-items:center}
#secExplore #xResults[data-layout=list] .pearl-result-heading .t{font-size:19px}
#secExplore #xResults[data-layout=list] .d{grid-column:2;grid-row:1/3;margin:0;min-height:0}
#secExplore #xResults[data-layout=list] .m{grid-column:3;grid-row:1/3;margin:0;min-height:0}
#secExplore #xResults[data-layout=list] .pearl-result-actions{grid-column:4;grid-row:1/3;margin:0;padding:0;border:0;justify-content:end;min-height:32px}
#secExplore #xResults[data-layout=list] .pearl-result-actions>span+span{display:none}
#secExplore #xLoadMoreWrap{margin-top:22px!important}
#secExplore>.section{margin-top:24px;padding:20px 0}#secExplore>.section>h2{font-size:25px}#secExplore>.section .card{padding:18px;display:grid;grid-template-columns:40px 1fr;gap:6px 14px}#secExplore>.section .icon-disc{grid-row:1/3;width:40px;height:40px}#secExplore>.section h3{font-size:21px;margin:0}#secExplore>.section p{font-size:14px;margin:0}

/* Test is a linear work area: choose, edit, run, then inspect. */
#secTest>.ux-example-picker{padding:16px 18px!important;border:1px solid var(--line)!important;margin:0 0 18px!important;border-radius:12px}
#secTest .ux-example-picker>div:first-child{margin-bottom:12px!important}
#secTest .ux-example-picker h2{font:20px/1.3 Georgia,serif!important}#secTest .ux-example-picker p{font-size:13px!important;margin:4px 0 0!important}
#secTest .ux-example-picker h2>.chip,#secTest .ux-example-picker>div:first-child p{display:none}
#secTest .ux-example-picker #testbenchRecipesGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;margin:0}
#secTest .ux-example-picker .pearl-example-choice{padding:12px 14px;min-height:0;gap:6px;border-radius:9px;height:100%}
#secTest .ux-example-picker .pearl-example-choice strong{font:16px/1.35 Arial,sans-serif;font-weight:600;letter-spacing:normal}
#secTest .ux-example-picker .pearl-example-description{font-size:12px;line-height:1.45}#secTest .ux-example-picker .pearl-example-state{display:block;font:11px/1.4 Arial,sans-serif;color:var(--teal);margin-top:4px}
#secTest>.ux-test-layout{display:block!important;grid-template-columns:1fr!important}
#secTest .ux-test-input{display:block!important;padding:22px!important;grid-template-columns:1fr!important}
#secTest .ux-test-input>.pearl-test-request{padding:0!important;border:0!important;margin:0!important;display:flex;gap:16px;background:transparent;box-shadow:none}
#secTest .pearl-selected-example{display:grid;grid-template-columns:1fr auto;gap:4px 20px}
#secTest .pearl-selected-example .eyebrow{display:none}#secTest #pearlTestExampleName{font:26px/1.2 Georgia,serif;margin:0}#secTest #pearlTestExampleDescription{font:14px/1.5 Arial,sans-serif;margin:0;grid-column:1}
#secTest .ux-test-primary{display:flex;gap:10px;align-items:center;grid-column:2;grid-row:1/3;align-self:start}
#secTest #pearlTestConnectionState{grid-column:1/-1;margin:6px 0 0}
#uxSelectedConnection{grid-column:1/-1;font-size:13px!important;margin:6px 0 0;overflow-wrap:anywhere}#secTest[data-selection-busy=true] #uxSelectedConnection{display:none}
#secTest .pearl-selection-options{margin:0;padding:10px 0}#secTest .pearl-selection-options>summary{font-size:13px;min-height:24px}
#secTest .pearl-selection-options[open]{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
#secTest .pearl-selection-options[open]>summary{grid-column:1/-1;margin:0}
#secTest .pearl-selection-options #tbAgentMetaBox{margin:0;grid-column:2;grid-row:2/4}
#secTest .pearl-request-heading{margin:0!important;align-items:center!important;border:0!important;padding:0!important}
#secTest .pearl-request-heading h3{font:21px/1.3 Georgia,serif!important;margin:0!important;display:block!important}
.ux-test-editors{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}
#secTest .ux-test-editors #tbArgsStudio label{font-size:14px!important}#secTest .ux-test-editors #tbArgsEditor{min-height:180px;height:190px;margin:0!important}
.ux-request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.ux-request-fields>h3,.ux-request-fields>p{grid-column:1/-1;margin:0}.ux-request-fields>h3{font:21px/1.3 Georgia,serif}.ux-request-fields .field{margin:0;min-width:0}.ux-request-fields label{display:block;margin-bottom:6px}.ux-request-fields .caption{font-size:12px!important;line-height:1.5;margin:4px 0}.ux-request-fields input,.ux-request-fields select,.ux-request-fields textarea{width:100%;max-width:100%}.ux-request-fields input[type=checkbox]{width:22px;min-height:22px;height:22px}
.ux-raw-args{margin-top:18px}.ux-raw-args>summary{font-size:13px;color:var(--teal);min-height:32px;cursor:pointer}.ux-raw-args[open]>summary{margin-bottom:12px}
#secTest .ux-agent-chooser[open]{display:block!important;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--bg)}
#secTest .ux-agent-chooser[open]>div{margin:14px 0!important}#secTest .ux-agent-chooser #tbAgentSelect{font-size:15px!important;background:var(--surface)}#secTest .ux-agent-chooser #tbAgentSearch{font-size:15px!important;width:100%}
#secTest .ux-agent-chooser #tbAgentMetaBox{font-size:14px!important;background:var(--surface);margin:12px 0;padding:16px!important}#secTest .ux-agent-chooser #tbAgentMetaBox strong{font-size:15px!important}#uxAgentSearchStatus{font-size:13px!important;margin:12px 0 0}
#secTest #tbMcpControls>div:first-of-type{grid-template-columns:1fr!important}#secTest #tbQuickTools{margin-top:10px}#secTest #tbToolHint{font-size:13px!important}
#secTest .ux-test-options{font:13px/1.5 Arial,sans-serif;color:var(--muted)}#secTest .ux-test-options>summary{font-size:13px;min-height:24px}#secTest .ux-test-options[open]{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px}#secTest .ux-test-options>summary{grid-column:1/-1}#secTest .ux-test-options label{font-size:13px!important}#secTest #tbCustomToolInput{max-width:100%;min-width:0}
#secTest .pearl-test-runbar{display:flex;justify-content:flex-start;align-items:center;margin:0;padding:14px 0 0;gap:12px;position:sticky;bottom:10px;background:var(--surface);z-index:2}
#secTest #tbRunBtn{flex:0 1 200px!important;min-width:160px}#secTest #tbResetBtn{border:0;background:transparent;min-height:44px;padding:10px;color:var(--muted);font-size:14px}
#secTest .ux-result-panel{min-height:0!important;margin-top:18px;display:block!important;padding:20px!important}
#secTest .ux-result-panel>div:first-child h3{font:24px/1.2 Georgia,serif!important}
.ux-result-controls{display:flex;justify-content:space-between;align-items:center;gap:18px}.ux-result-controls p{font-size:14px!important;margin:8px 0 0!important}
.ux-result-body{margin-top:18px}.ux-result-body[hidden]{display:none!important}
#secTest #tbKpiBar{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:16px}#secTest .ux-result-body .pearl-test-output{min-height:0!important;max-height:550px!important;padding:16px 0!important;font:15px/1.65 Arial,sans-serif!important}
#secTest .pearl-test-output{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
#secTest .ux-history .card{border:0;box-shadow:none;padding:0}#secTest .ux-help .card{padding:16px}#secTest .ux-help .grid.three h3{font-size:21px}

/* Workflow actions and steps stay together; the full editor is optional. */
#secWorkflows>.ux-workflow-layout{display:block!important;grid-template-columns:1fr!important;margin:0}
#secWorkflows #pearlWorkflowTemplates{padding:16px 18px;margin:0 0 18px}
#secWorkflows #pearlWorkflowTemplates[hidden]{display:none!important}
#frontTemplatesGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:18px!important}
#frontTemplatesGrid .template-card{min-width:0;padding:20px}#frontTemplatesGrid .template-card h3{font:24px/1.25 Georgia,serif!important;margin:14px 0!important}#frontTemplatesGrid .template-card p{font:14px/1.6 Arial,sans-serif!important}
.ux-hub-steps{list-style:none;padding:0;margin:10px 0;display:grid;gap:14px;width:100%}.ux-hub-steps li{display:flex;gap:12px;align-items:center;font:13px/1.5 Arial,sans-serif;position:relative}.ux-mini-pearl{width:24px;height:24px;flex-shrink:0;background:url('pearl.png')center/contain no-repeat;z-index:1}.ux-hub-steps li:not(:last-child):after{content:'';position:absolute;left:12px;top:22px;width:1px;height:18px;background:var(--gold)}
#secWorkflows #pearlWorkflowTemplates>h3{font:20px/1.3 Georgia,serif;margin:0 0 8px}#secWorkflows #pearlWorkflowTemplates>p{display:none}
#secWorkflows #pearlWorkflowChoices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#secWorkflows #pearlWorkflowChoices .side-item{height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px}
#secWorkflows #pearlWorkflowChoices .side-item strong{font:16px/1.35 Arial,sans-serif;font-weight:600;letter-spacing:normal}
#secWorkflows #pearlWorkflowChoices .side-item p{font:13px/1.5 Arial,sans-serif;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#secWorkflows .pearl-workflow-identity #frontWfActiveName{font:30px/1.2 Georgia,serif!important;margin:0 0 8px}#secWorkflows #pearlWorkflowDescription{font:15px/1.5 Arial,sans-serif;margin:0 0 16px}
#secWorkflows .pearl-workflow-actions{align-items:center;margin-bottom:12px}#secWorkflows #btnFrontRunWorkflow{min-width:180px}#secWorkflows #btnFrontStopWorkflow:disabled{display:none}#secWorkflows #frontWfNodeCountChip{background:transparent;border:0;font-size:12px}
#secWorkflows .ux-workflow-steps{display:block;padding:20px;margin:16px 0}
#secWorkflows .ux-workflow-steps>div:first-child{display:flex;align-items:baseline;gap:20px;margin-bottom:18px}
#secWorkflows .ux-workflow-steps h3{font:23px/1.2 Georgia,serif;margin:0}#secWorkflows .ux-workflow-steps p{font-size:13px;margin:0}
#secWorkflows .pearl-workflow-input-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#secWorkflows .pearl-workflow-input-steps{grid-template-columns:repeat(var(--ux-steps,3),minmax(0,1fr));gap:0;position:relative;padding:12px 0}
#secWorkflows .pearl-workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;border:0!important;padding:0 20px!important;position:relative;gap:12px}
#secWorkflows .pearl-workflow-step:not(:last-child):after{content:'';position:absolute;top:86px;left:calc(50% + 42px);width:calc(100% - 84px);height:1px;background:var(--gold)}
#secWorkflows .pearl-step-number{font-size:13px;color:var(--muted)}
.ux-workflow-pearl{display:grid;place-items:center;width:90px;height:90px;padding:0;border:0;background:transparent;cursor:pointer;z-index:1;border-radius:50%;transition:transform .15s}.ux-workflow-pearl:hover{transform:translateY(-3px)}.ux-workflow-pearl img{display:block;width:86px;height:86px;object-fit:contain}
.ux-trigger-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--gold);background:var(--surface);border-radius:50%;font:13px/1 Arial,sans-serif;color:var(--teal)}
#secWorkflows .pearl-workflow-step h4{font-size:23px!important;margin:4px 0 10px}#secWorkflows .pearl-workflow-step .link-button{margin:6px auto 0;min-height:44px}
#secWorkflows .pearl-workflow-step{padding-left:16px;gap:12px}#secWorkflows .pearl-workflow-step:first-child{border-left:0;padding-left:0}
#secWorkflows .pearl-workflow-step h4{font-size:22px;margin:0 0 10px}#secWorkflows .pearl-workflow-step .link-button{display:block;font-size:13px;padding:8px 0;min-height:36px}
#secWorkflows .ux-workflow-results{display:block;margin:18px 0}#secWorkflows .ux-workflow-results>.card{padding:20px;min-height:0}
#secWorkflows .ux-workflow-results h3{font-size:24px;margin:10px 0}#secWorkflows #pearlWorkflowResult>p{font-size:14px;margin:0}
#secWorkflows #pearlWorkflowResult pre{font:14px/1.6 ui-monospace,monospace!important;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg)!important;color:var(--ink)}
#secWorkflows #uxFullRunDetails{margin-top:16px}#secWorkflows #frontWorkflowAvailability{font-size:13px;margin:0 0 12px}#secWorkflows.ux-workflow-selected #frontWfSelectedTemplate{display:none}
#secWorkflows>.pearl-workflow-toolbar{margin:0 0 14px;font-size:13px}#secWorkflows .ux-canvas-editor p{margin:10px 0;font-size:13px}
#secWorkflows .ux-canvas-editor #frontWfCanvasContainer{height:420px!important;overflow:auto}

/* A single conversation column keeps input and recommendation close. */
#secChat>.ux-chat-layout{display:block!important;padding:0;max-width:1020px;margin-inline:auto}
#secChat>.pearl-chat-protocol{width:100%;max-width:1020px;margin:0 auto 18px;padding:12px 16px;gap:8px 18px}
#secChat>.pearl-chat-protocol>.muted{font-size:12px;flex-basis:auto;max-width:360px}#secChat .pearl-chat-protocol .pearl-protocol-segmented{width:410px}
#secChat .pearl-conversation{min-height:0;max-width:none;padding:20px}
#secChat .pearl-conversation-title{padding-bottom:12px}#secChat .pearl-conversation-title h2{font-size:21px}#secChat .pearl-conversation-title .caption{font-size:12px}
#secChat .chat-results{min-height:0;max-height:none!important;height:auto;overflow:visible!important;margin:16px 0;flex:none}
#secChat .chat-bubble{flex:0 0 auto;box-shadow:none;border:0;background:transparent;padding:0;margin:0}
#secChat .chat-result-footer{flex-wrap:wrap;justify-content:flex-start;gap:10px}#secChat .chat-tool{margin-right:auto}
.ux-chat-request-label{font:12px/1.5 Arial,sans-serif!important;color:var(--muted);margin:8px 0!important;padding:4px 0}
#secChat .chat-welcome{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:12px 0;border:0;background:transparent}
#secChat .chat-welcome strong{font-size:22px}#secChat .chat-welcome p{font-size:15px;margin:8px 0}
#secChat .chat-results.has-results .chat-welcome{display:none}
.ux-chat-starters{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.ux-chat-starters button{font:13px/1.4 Arial,sans-serif;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--teal);padding:8px 12px;min-height:40px}
#secChat .pearl-inline-composer{grid-template-columns:minmax(0,1fr) 160px;padding:10px 14px;min-height:0;position:sticky;bottom:12px;z-index:2;background:var(--surface)}
#secChat .pearl-inline-composer{position:static}
#secChat #chatInput{height:60px;min-height:54px;font-size:16px!important;padding:8px 0!important;max-height:150px}
#secChat .chat-status-wrap{font-size:12px;padding-top:6px}#secChat .chat-recommendation{padding:18px}#secChat .chat-result-name{font:27px/1.2 Georgia,serif}#secChat .chat-evidence{font-size:14px}
#secChat>.chat-disclosure{max-width:1020px;margin:18px auto;font-size:12px}#secChat>.chat-disclosure span{font-size:12px}

/* Registration starts with the public endpoint, with guidance on demand. */
#secRegister .ux-registration-layout{display:block!important;max-width:940px;margin:0 auto!important}
#secRegister .pearl-registration-form{padding:24px}#secRegister .pearl-registration-form>h2{font:26px/1.2 Georgia,serif;margin-bottom:8px}#secRegister .pearl-registration-form>p{font-size:15px;margin-bottom:20px}
#secRegister #regForm{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
#secRegister #regForm>*{grid-column:1/-1;min-width:0}#secRegister #regForm>.ux-registration-name{grid-column:1}#secRegister #regForm>.ux-registration-category{grid-column:2}
#secRegister #regForm>.field{margin-bottom:18px}#secRegister #regForm>.field label{font-size:14px!important;margin-bottom:7px}
#secRegister .ux-endpoint-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
#secRegister .ux-endpoint-field>label,#secRegister .ux-endpoint-field>p{grid-column:1/-1;margin:0;font-size:13px}
#secRegister .ux-endpoint-field>#regUrl{grid-column:1;grid-row:2}#secRegister .ux-endpoint-field>#uxInspectEndpoint{grid-column:2;grid-row:2}
#secRegister #regDesc{height:110px;min-height:110px}
#secRegister .pearl-registration-import,#secRegister .pearl-listing-preview{padding:10px 0}
#secRegister .pearl-registration-import>summary,#secRegister .pearl-listing-preview>summary{font-size:14px;min-height:28px}
#secRegister #regForm .check{font-size:14px!important;margin:18px 0 12px}#secRegister .clickwrap-label{font-size:13px!important}
#secRegister .pearl-registration-actions{position:sticky;bottom:12px;z-index:2;padding:12px 0 0;background:var(--surface);border-top:1px solid var(--line)}
#secRegister .ux-registration-help>aside{padding:0;border:0;box-shadow:none;background:transparent}#secRegister .ux-registration-help>aside h2{font-size:26px}#secRegister .ux-registration-help .evidence-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}#secRegister .ux-registration-help .evidence-item{padding-bottom:16px;gap:14px}#secRegister .ux-registration-help .evidence-item h3{font-size:23px}#secRegister .ux-registration-help .evidence-item p{font-size:14px}
#secRegister .ux-registration-help>.grid.two{padding:18px 0 0;border:0}
@media(max-width:700px){body:is([data-ux-panel=explore],[data-ux-panel=test],[data-ux-panel=workflows],[data-ux-panel=chat],[data-ux-panel=register]) :is(header.pearl-header,.pearl-footer .pf-shell){width:calc(100% - 32px)}#secTest .ux-test-primary{margin-top:12px;justify-content:flex-start}}
@media(max-width:700px){.cookie-banner:not(.hidden){display:block!important;padding:20px!important;bottom:12px;left:12px;right:12px;max-height:calc(100dvh - 24px);overflow:auto}.cookie-banner-title{margin-bottom:10px!important;font-size:17px!important}.cookie-banner-text{font-size:13px!important;margin-bottom:14px!important}.cookie-banner-actions{padding:0}.cookie-banner-actions .btn{min-width:0}.ux-results-toolbar{flex-wrap:wrap;gap:12px}.ux-results-heading{flex:1 1 190px}.ux-clear-search{margin-left:auto;min-height:36px!important;padding-block:5px!important}#drawer{padding:16px 20px}#drawerContent .kv{grid-template-columns:1fr;gap:4px}#drawerContent .kv dd{margin-bottom:12px}#drawerContent>h3{font-size:26px!important}.ux-request-fields{grid-template-columns:1fr}#secWorkflows .pearl-workflow-input-steps{grid-template-columns:1fr!important;gap:18px}#secWorkflows .pearl-workflow-step{display:grid;grid-template-columns:70px minmax(0,1fr);text-align:left;align-items:center;gap:8px 14px;padding:0!important}#secWorkflows .pearl-step-number{display:none}.ux-workflow-pearl{width:70px;height:70px}.ux-workflow-pearl img{width:68px;height:68px}#secWorkflows .pearl-workflow-step:not(:last-child):after{width:1px;height:calc(100% - 30px);top:70px;left:35px}#secWorkflows .pearl-workflow-step h4{font-size:21px!important}#secWorkflows .pearl-workflow-step .link-button{margin-left:0}#secChat .chat-rec-btn,#secChat .chat-update-button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ux-workflow-pearl{transition:none}.ux-workflow-pearl:hover{transform:none}}

@media(min-width:1700px){#secExplore .pearl-search-results #xResults{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){#secExplore .pearl-search-panel .explore-inputs-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#secExplore .pearl-search-results #xResults{grid-template-columns:repeat(2,minmax(0,1fr))}#secExplore .pearl-filter-bottom{grid-template-columns:1fr;gap:10px}#secExplore #xResults[data-layout=list] .acard{grid-template-columns:minmax(170px,1fr) minmax(200px,1.3fr) 100px}#secExplore #xResults[data-layout=list] .m{grid-column:2;grid-row:3}#secExplore #xResults[data-layout=list] .pearl-result-actions{grid-column:3;grid-row:1/4}#secChat>.pearl-chat-protocol>.muted{flex-basis:100%;max-width:none}}
@media(max-width:700px){body[data-ux-panel=explore] .main-wrap,body[data-ux-panel=test] .main-wrap,body[data-ux-panel=workflows] .main-wrap,body[data-ux-panel=chat] .main-wrap,body[data-ux-panel=register] .main-wrap{width:calc(100% - 32px)}.ux-workspace-page>.ux-task-heading{padding:20px 0 18px!important}.ux-workspace-page>.ux-task-heading h1{font-size:30px!important}.ux-workspace-page>.ux-task-heading .lead{font-size:15px!important}.ux-workspace-page .btn{min-height:44px}#secExplore .pearl-search-panel{padding:14px!important}#secExplore .pearl-search-panel .explore-inputs-row{grid-template-columns:1fr;gap:12px}#secExplore .pearl-filter-bottom .field-label{flex-basis:100%}#secExplore .pearl-evidence-filter{gap:8px 12px}#secExplore .pearl-task-filter{gap:8px}#secExplore .ux-results-toolbar{gap:10px;align-items:start}#secExplore #xTitle{font-size:22px}#secExplore #xTitle .sub{font-size:12px}.ux-view-switch button{font-size:12px;padding:7px 10px;min-height:38px}#secExplore .pearl-search-results #xResults{grid-template-columns:1fr;gap:10px}#secExplore .pearl-search-results .acard{padding:16px}#secExplore .pearl-result-heading{min-height:0;margin-bottom:10px}#secExplore .pearl-search-results .acard .d{min-height:0}#secExplore #xResults[data-layout=list] .acard{grid-template-columns:minmax(0,1fr) 90px;gap:5px 12px}#secExplore #xResults[data-layout=list] .pearl-result-heading{grid-column:1/-1}#secExplore #xResults[data-layout=list] .ux-agent-category{grid-column:1;grid-row:2}#secExplore #xResults[data-layout=list] .d{grid-column:1/-1;grid-row:3}#secExplore #xResults[data-layout=list] .m{grid-column:1;grid-row:4}#secExplore #xResults[data-layout=list] .pearl-result-actions{grid-column:2;grid-row:4}#secExplore>.section .grid.two{grid-template-columns:1fr}#secTest .ux-example-picker #testbenchRecipesGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#secTest .ux-example-picker .pearl-example-choice{padding:10px;min-height:0}#secTest .ux-example-picker .pearl-example-choice strong{font-size:14px}#secTest .ux-test-input{padding:16px!important}.ux-test-editors{grid-template-columns:1fr;gap:14px}#secTest .pearl-selected-example{display:block}#secTest #pearlTestExampleName{font-size:23px;margin-bottom:6px}#secTest .pearl-selection-options[open]{display:block}#secTest .pearl-selection-options #tbAgentMetaBox{margin-top:12px}#secTest .ux-test-options[open]{grid-template-columns:1fr}#secTest #tbKpiBar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-result-controls{align-items:start;gap:12px}.ux-result-controls .btn{white-space:nowrap}#secWorkflows #pearlWorkflowChoices{grid-template-columns:1fr!important;gap:8px}#secWorkflows #pearlWorkflowChoices .side-item{padding:12px}#secWorkflows #pearlWorkflowChoices .side-item p{font-size:12px;-webkit-line-clamp:1}#secWorkflows .pearl-workflow-identity #frontWfActiveName{font-size:25px!important}#secWorkflows .ux-workflow-steps{padding:16px}#secWorkflows .ux-workflow-steps>div:first-child{display:block;margin-bottom:14px}#secWorkflows .ux-workflow-steps p{margin-top:8px}#secWorkflows .pearl-workflow-input-steps{grid-template-columns:1fr;gap:14px}#secWorkflows .pearl-workflow-step{padding:0 0 12px;border:0;border-bottom:1px solid var(--line)}#secWorkflows .pearl-workflow-step h4{font-size:21px}#secWorkflows .pearl-workflow-actions{gap:8px}#secWorkflows #btnFrontRunWorkflow{min-width:160px}#secChat .pearl-conversation{padding:16px}#secChat .pearl-conversation-title .caption{font-size:12px}#secChat .chat-welcome{grid-template-columns:32px 1fr;gap:10px}#secChat .chat-welcome strong{font-size:21px}#secChat .chat-welcome-mark{width:32px;height:32px}.ux-chat-starters{grid-column:1/-1;gap:7px}#secChat .pearl-inline-composer{grid-template-columns:1fr;padding:10px 12px;gap:8px}#secChat #chatInput{min-height:54px;height:56px}#secChat #chatSubmit{grid-column:1;grid-row:2;width:100%}#secChat .chat-status-wrap{grid-row:3}#secChat .chat-results{max-height:65dvh}#secChat .pearl-chat-protocol .pearl-protocol-segmented{width:100%}#secRegister .pearl-registration-form{padding:18px}#secRegister #regForm{grid-template-columns:1fr;gap:0}#secRegister #regForm>.ux-registration-category,#secRegister #regForm>.ux-registration-name{grid-column:1}#secRegister .ux-endpoint-field{grid-template-columns:1fr}#secRegister .ux-endpoint-field>#uxInspectEndpoint{grid-column:1;grid-row:3;justify-self:start}#secRegister .ux-registration-help .evidence-list{grid-template-columns:1fr}.ux-help,.ux-history,.ux-canvas-editor{padding:14px}}