/* Product-derived previews share the menu's scale, palette, and theme. */
.product-menu-panel>.nav-editorial>.pv{container-type:inline-size;width:100%;flex:none}
.product-menu-panel[hidden],.market-preview [hidden]{display:none!important}
#product-panel-0 .nv-copy,#product-panel-1 .nv-copy{padding:.125rem 1.375rem 1rem}
#product-panel-0 .nv-copy h4,#product-panel-1 .nv-copy h4{margin:0 0 .125rem}
.factory-preview,.market-preview{--pp-card:#fff;--pp-ink:#2e2e2e;--pp-mid:#6b7280;--pp-line:#e9eaed;--pp-canvas:#f5f5f5;--pp-blue:#5e85ee;--pp-blue-soft:#eef2fd;--pp-green:#3f7a22;--pp-green-soft:#eef7e9;--pp-on:#fff;--pp-sky:#e8edf3;--pp-road:#a4acb6;--pp-sign:#5f6a79;--pp-white:#fff;--u:calc(100cqw/660);box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:calc(16*var(--u));height:calc(412*var(--u));padding:calc(22*var(--u));overflow:hidden;background:var(--pp-canvas);color:var(--pp-ink);font:400 calc(14*var(--u))/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;text-align:left}
html[data-theme=dark] :is(.factory-preview,.market-preview){--pp-card:#222427;--pp-ink:#f4f4f5;--pp-mid:#b4b9c4;--pp-line:#35383e;--pp-canvas:#17181a;--pp-blue:#86a3f5;--pp-blue-soft:#29324b;--pp-green:#a6ec85;--pp-green-soft:#263622;--pp-on:#17181a;--pp-sky:#303944;--pp-road:#657080;--pp-sign:#8994a5;--pp-white:#222427}
:is(.factory-preview,.market-preview) *{box-sizing:border-box}
:is(.factory-preview,.market-preview) button{font:inherit;color:inherit;cursor:pointer;border:0;margin:0;letter-spacing:inherit}
:is(.factory-preview,.market-preview) button:focus-visible{outline:2px solid var(--pp-blue);outline-offset:2px}
:is(.factory-preview,.market-preview) svg{width:calc(18*var(--u));height:calc(18*var(--u));fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
:is(.factory-preview,.market-preview) h5{font:500 calc(11*var(--u))/1.4 Inter,sans-serif;letter-spacing:.05em;color:var(--pp-mid);margin:0 0 calc(9*var(--u));text-transform:uppercase}
:is(.factory-preview,.market-preview) b{font-weight:600}
:is(.factory-preview,.market-preview) small{display:block;font-size:calc(11*var(--u));line-height:1.5;color:var(--pp-mid)}
.pp-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--u));min-width:0;flex:none}
.pp-top>b{font-size:calc(17*var(--u))}
.pp-breadcrumb{font-size:calc(12*var(--u));color:var(--pp-mid)}
.pp-breadcrumb b{color:var(--pp-ink)}
.pp-sample{font-size:calc(10*var(--u));color:var(--pp-mid);white-space:nowrap}
.pp-card{border-radius:calc(12*var(--u));background:var(--pp-card);padding:calc(14*var(--u))}
.pp-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(8*var(--u));min-height:calc(31*var(--u));padding:calc(6*var(--u)) calc(12*var(--u));border-radius:calc(20*var(--u));background:var(--pp-ink);color:var(--pp-on)!important;font-weight:500!important;font-size:calc(12*var(--u))!important;transition:opacity .15s}
.pp-button:hover{opacity:.82}.pp-button[aria-disabled=true]{cursor:wait;opacity:.65}
.pp-button svg{width:calc(14*var(--u));height:calc(14*var(--u))}
.pp-note{margin:auto 0 0!important;font:400 calc(10*var(--u))/1.4 Inter,sans-serif!important;color:var(--pp-mid)!important}
.pp-status{font-size:calc(10*var(--u));color:var(--pp-green);background:var(--pp-green-soft);padding:calc(3*var(--u)) calc(7*var(--u));border-radius:calc(10*var(--u));white-space:nowrap}
.pp-icon{display:grid;place-items:center;width:calc(28*var(--u));height:calc(28*var(--u));border-radius:calc(8*var(--u));background:var(--pp-canvas);flex:none}
:is(.factory-preview,.market-preview) .pp-art{width:100%;height:100%;stroke-width:1.5;overflow:hidden;border-radius:calc(6*var(--u));background:var(--pp-sky)}
.pp-art .pp-sky{fill:var(--pp-sky);stroke:none}.pp-art .pp-road{fill:var(--pp-road);stroke:none}.pp-art .pp-mark{stroke:var(--pp-white);stroke-width:2}.pp-art .pp-pole,.pp-art .pp-tree{stroke:var(--pp-road)}.pp-art .pp-sign{fill:var(--pp-sign);stroke:none}.pp-art .pp-sign-mark{stroke:var(--pp-white);stroke-width:2}.pp-audio{color:var(--pp-sign);padding:calc(6*var(--u))}
.fp-stage{align-self:center;display:flex;align-items:center;gap:calc(9*var(--u));font-size:calc(11*var(--u));color:var(--pp-mid);flex:none}
.fp-stage span{padding:calc(4*var(--u)) calc(11*var(--u));border-radius:calc(20*var(--u))}.fp-stage .on{background:var(--pp-ink);color:var(--pp-on)}.fp-stage i{font-style:normal;color:var(--pp-mid)}
.fp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.08fr);gap:calc(23*var(--u));align-items:start;min-height:0}
.fp-input{display:grid;gap:calc(8*var(--u))}.fp-input h5{margin-bottom:calc(1*var(--u))}
.fp-source{display:grid;gap:calc(6*var(--u));padding:calc(9*var(--u))}.fp-source .pp-art{height:calc(62*var(--u))}.fp-source>b,.fp-people>b{font-size:calc(12*var(--u))}
.fp-people{display:grid;gap:calc(3*var(--u));padding:calc(10*var(--u))}.fp-people svg{width:calc(17*var(--u));height:calc(17*var(--u));margin-bottom:calc(2*var(--u))}
.fp-pipeline{display:grid;gap:calc(14*var(--u));position:relative}
.fp-pipeline:before{content:"";position:absolute;left:calc(25*var(--u));top:calc(10*var(--u));bottom:calc(10*var(--u));width:1px;background:var(--pp-line)}
.fp-step{position:relative;display:flex;align-items:center;gap:calc(8*var(--u));padding:calc(10*var(--u));border-radius:calc(11*var(--u));background:var(--pp-card);outline:1px solid transparent;transition:outline-color .2s,background .2s}
.fp-step>span:nth-child(2){flex:1;min-width:0}.fp-step b{display:block;font-size:calc(12*var(--u))}.fp-step small{font-size:calc(10*var(--u))}.fp-step-check{opacity:0;color:var(--pp-green);font-size:calc(12*var(--u))}
.fp-step.is-active{outline-color:var(--pp-blue);background:var(--pp-blue-soft)}.fp-step.is-done .fp-step-check{opacity:1}.fp-run{width:100%;margin-top:calc(12*var(--u))!important}
.fp-dataset{display:flex;flex-direction:column;gap:calc(9*var(--u));min-height:calc(210*var(--u));position:relative}
.fp-dataset:before{content:"→";position:absolute;left:calc(-18*var(--u));top:calc(85*var(--u));color:var(--pp-mid);font-size:calc(15*var(--u))}
.fp-dataset>b{font-size:calc(13*var(--u));line-height:1.4}.fp-records{font-size:calc(11*var(--u));color:var(--pp-mid)}.fp-records strong{font-size:calc(24*var(--u));font-weight:600;color:var(--pp-ink)}
.fp-dataset>.pp-status{align-self:flex-start}.fp-lineage{display:grid;gap:calc(3*var(--u));padding-top:calc(10*var(--u));margin-top:auto;font-size:calc(10*var(--u));border-top:1px solid var(--pp-line)}.fp-lineage small{font-size:calc(9*var(--u))}
.fp-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(12*var(--u));font-size:calc(10*var(--u));color:var(--pp-mid);margin-top:auto}.fp-footer>span{display:flex;align-items:center;gap:calc(8*var(--u))}.fp-footer b{color:var(--pp-ink)}
.market-preview{gap:calc(18*var(--u))}.mp-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr);gap:calc(16*var(--u));min-height:0;flex:1}.mp-catalog{min-width:0}.mp-catalog h5{margin-bottom:calc(8*var(--u))}
.mp-dataset{width:100%;display:grid;grid-template-columns:calc(49*var(--u)) 1fr;gap:calc(2*var(--u)) calc(9*var(--u));text-align:left;background:var(--pp-card);padding:calc(10*var(--u));border-radius:calc(10*var(--u));outline:1px solid transparent;margin-bottom:calc(9*var(--u))!important;transition:outline-color .15s}
.mp-dataset.on{outline-color:var(--pp-ink)}.mp-dataset:hover{outline-color:var(--pp-mid)}.mp-cover{grid-row:1/3;height:calc(45*var(--u))}.mp-dataset-title{font-size:calc(12*var(--u));font-weight:600;line-height:1.4}.mp-meta{font-size:calc(10*var(--u));color:var(--pp-mid)}.mp-dataset small{grid-column:1/-1;margin-top:calc(7*var(--u));font-size:calc(10*var(--u))}
.mp-detail{display:flex;flex-direction:column;gap:calc(14*var(--u));min-width:0;padding:calc(16*var(--u))}
.mp-sections{display:flex;gap:calc(12*var(--u));border-bottom:1px solid var(--pp-line);padding-bottom:calc(8*var(--u))}.mp-sections button{padding:0 0 calc(3*var(--u));background:none;color:var(--pp-mid);font-size:calc(11*var(--u));position:relative}.mp-sections button.on{color:var(--pp-ink);font-weight:600}.mp-sections button.on:after{content:"";position:absolute;bottom:calc(-9*var(--u));height:2px;background:var(--pp-blue);left:0;right:0}
.mp-detail-content{min-width:0}.mp-detail-content[hidden],.mp-detail-content [hidden]{display:none!important}.mp-detail-title{display:flex;align-items:center;gap:calc(10*var(--u));margin-bottom:calc(13*var(--u))}.mp-detail-title>.pp-art{width:calc(48*var(--u));height:calc(40*var(--u));flex:none}.mp-detail-title h4{font-size:calc(15*var(--u));line-height:1.35;margin:calc(2*var(--u)) 0 0!important;font-weight:600}.pp-eyebrow{font-size:calc(10*var(--u));color:var(--pp-mid)}
.mp-detail-content p{font:400 calc(12*var(--u))/1.5 Inter,sans-serif;margin:0 0 calc(14*var(--u));color:var(--pp-mid)}.mp-stats{display:flex;gap:calc(35*var(--u));margin-bottom:calc(15*var(--u))}.mp-stats span{display:flex;flex-direction:column;gap:calc(3*var(--u));color:var(--pp-mid);font-size:calc(11*var(--u))}.mp-stats b{color:var(--pp-ink);font-size:calc(19*var(--u))}
.mp-sample-record{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(10*var(--u));background:var(--pp-canvas);border-radius:calc(8*var(--u))}.mp-sample-record>.pp-art{width:calc(104*var(--u));height:calc(70*var(--u))}.mp-sample-record b{font-size:calc(12*var(--u))}.mp-sample-record small:last-child{color:var(--pp-green);margin-top:calc(7*var(--u))}
.mp-lineage{display:grid;gap:calc(14*var(--u));padding:0 0 0 calc(20*var(--u));margin:calc(6*var(--u)) 0;font-size:calc(12*var(--u))}.mp-lineage li::marker{color:var(--pp-mid)}
.mp-access{display:grid;grid-template-columns:1fr 1.6fr;gap:calc(9*var(--u));font-size:calc(11*var(--u));margin:0 0 calc(12*var(--u))}.mp-access dt{color:var(--pp-mid)}.mp-access dd{margin:0}.mp-terms{align-self:flex-start;margin-top:auto!important}
@container (max-width:400px){
.factory-preview,.market-preview{--u:calc(100cqw/392);height:calc(490*var(--u));padding:calc(15*var(--u));gap:calc(13*var(--u))}.pp-top{align-items:flex-start}.pp-breadcrumb{max-width:55%}.pp-sample{white-space:normal;text-align:right;max-width:43%;font-size:calc(9*var(--u))}.fp-stage{font-size:calc(12*var(--u))}.fp-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:calc(14*var(--u))}.fp-input{grid-column:1/-1;display:flex;align-items:center;gap:calc(8*var(--u))}.fp-input h5{display:none}.fp-source,.fp-people{flex:1;min-width:0;min-height:calc(65*var(--u));padding:calc(9*var(--u))}.fp-source{display:block;padding-left:calc(59*var(--u));position:relative}.fp-source .pp-art{position:absolute;left:calc(7*var(--u));top:calc(9*var(--u));width:calc(43*var(--u));height:calc(45*var(--u))}.fp-people{display:block}.fp-people svg{display:none}.fp-source>b,.fp-people>b{font-size:calc(11*var(--u))}.fp-source small,.fp-people small{font-size:calc(10*var(--u))}.fp-dataset{min-height:calc(228*var(--u))}.fp-process h5,.fp-output h5{font-size:calc(11*var(--u))}.fp-step{padding:calc(9*var(--u));gap:calc(6*var(--u))}.fp-step .pp-icon{width:calc(24*var(--u));height:calc(24*var(--u))}.fp-step small{font-size:calc(9*var(--u))}.fp-step b{font-size:calc(12*var(--u))}.fp-dataset:before{left:calc(-13*var(--u))}.fp-footer{font-size:calc(9*var(--u));gap:calc(6*var(--u))}.fp-footer>span{gap:calc(5*var(--u))}.fp-footer>span:last-child{flex-direction:column;align-items:flex-end}.fp-reward{gap:calc(4*var(--u))}.pp-note{font-size:calc(9*var(--u))!important}
.market-preview{height:calc(500*var(--u))}.mp-layout{grid-template-columns:1fr;gap:calc(12*var(--u))}.mp-catalog{display:flex;gap:calc(8*var(--u))}.mp-catalog h5{display:none}.mp-dataset{flex:1;grid-template-columns:calc(35*var(--u)) 1fr;padding:calc(8*var(--u));gap:calc(3*var(--u)) calc(7*var(--u));margin:0!important}.mp-dataset small{display:none}.mp-cover{height:calc(37*var(--u))}.mp-dataset-title{font-size:calc(11*var(--u))}.mp-meta{font-size:calc(9*var(--u))}.mp-detail{gap:calc(14*var(--u));padding:calc(15*var(--u))}.mp-sections{gap:calc(18*var(--u))}.mp-sections button{font-size:calc(12*var(--u))}.mp-detail-title h4{font-size:calc(16*var(--u))}.mp-detail-content p{font-size:calc(12*var(--u))}.mp-detail-content small{font-size:calc(11*var(--u))}.mp-detail-title>.pp-art{width:calc(52*var(--u));height:calc(43*var(--u))}.mp-stats b{font-size:calc(22*var(--u))}.mp-terms{min-height:calc(34*var(--u))}
}
@media(prefers-reduced-motion:reduce){.factory-preview *,.market-preview *{transition:none!important;animation:none!important}}

:is(.factory-preview,.market-preview) svg>*{stroke-dasharray:none;animation:none}

.factory-preview{gap:calc(10*var(--u));padding:calc(18*var(--u))}.fp-layout{flex:none}.fp-step{padding:calc(7*var(--u))}.fp-source .pp-art{height:calc(50*var(--u))}.fp-dataset{min-height:calc(200*var(--u))}.mp-detail{gap:calc(10*var(--u))}

@container(max-width:400px){.factory-preview{height:calc(550*var(--u))}}

/* Agentic-data records keep executable evidence readable inside the abstracted UI. */
:is(.factory-preview,.market-preview) .pp-art{background:var(--pp-blue-soft);color:var(--pp-blue);padding:calc(4*var(--u))}
:is(.factory-preview,.market-preview) .pp-text-link{color:var(--pp-ink);background:none;font-size:calc(11*var(--u));font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0;border:0;cursor:pointer}
:is(.factory-preview,.market-preview) a:focus-visible{outline:2px solid var(--pp-blue);outline-offset:3px}
.mp-instance,.mp-field-list,.mp-code-diff code{display:block;font:400 calc(11*var(--u))/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:normal}
.mp-instance{padding:calc(8*var(--u));background:var(--pp-canvas);border-radius:calc(6*var(--u));margin:calc(4*var(--u)) 0 calc(10*var(--u))}
.mp-field-list{color:var(--pp-mid);margin-top:calc(3*var(--u))}
.mp-code-diff{background:var(--pp-canvas);padding:calc(9*var(--u));border-radius:calc(7*var(--u));margin-bottom:calc(9*var(--u))}
.mp-code-diff code{margin:calc(2*var(--u)) 0 calc(7*var(--u))}.mp-code-diff code:last-child{color:var(--pp-green);margin-bottom:0}
.mp-checks{color:var(--pp-green)!important}.mp-access-note{margin-top:calc(10*var(--u))}.mp-stats{gap:calc(20*var(--u))}.mp-stats b{font-size:calc(16*var(--u))}
@container(max-width:400px){.market-preview{height:calc(580*var(--u))}.mp-instance,.mp-field-list,.mp-code-diff code{font-size:calc(11*var(--u))}.mp-stats b{font-size:calc(18*var(--u))}}