:root{--pdx-brand-gold: #f2ca50;--pdx-brand-gold-display: #f2ca50;--pdx-brand-gold-deep: #d4af37;--pdx-brand-gold-bright: #ffe088;--pdx-brand-gold-dim: #b8962a;--pdx-brand-font: "Manrope", system-ui, sans-serif}:root[pdx-scheme=light]{--pdx-brand-gold: #8a6512;--pdx-brand-gold-bright: #6e4f0e}.site-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit}.brand-logo{width:30px;height:30px;display:block;flex-shrink:0;background:url(/assets/pragmatic-logo-CpvwJpDH.png) center / contain no-repeat}.brand-name{font-family:var(--pdx-brand-font);font-weight:800;letter-spacing:.01em;font-size:1.02rem;white-space:nowrap}.brand-accent{color:var(--pdx-brand-gold)}.brand-ui{font-size:.6rem;font-weight:700;letter-spacing:.08em;vertical-align:middle;margin-left:.15rem;padding:.1rem .32rem;border-radius:5px;background:color-mix(in srgb,var(--pdx-brand-gold-display) 14%,transparent);color:var(--pdx-brand-gold);border:1px solid color-mix(in srgb,var(--pdx-brand-gold-display) 25%,transparent)}[data-pdx-jpd1ts] .app{display:flex;flex-direction:column;height:100vh;background:var(--pdx-color-bg)}[data-pdx-jpd1ts] .topbar{flex:0 0 auto;display:flex;align-items:center;gap:var(--pdx-space-lg);height:48px;padding:0 var(--pdx-space-md);background:var(--pdx-color-surface);border-bottom:1px solid var(--pdx-color-border)}[data-pdx-jpd1ts] .topbar-here{font-family:var(--pdx-brand-font);font-size:var(--pdx-text-sm);font-weight:var(--pdx-weight-semibold);color:var(--pdx-color-muted);padding-left:var(--pdx-space-lg);border-left:1px solid var(--pdx-color-border)}[data-pdx-jpd1ts] .topbar-nav{margin-left:auto;display:flex;align-items:center;gap:var(--pdx-space-lg)}[data-pdx-jpd1ts] .topbar-link{font-family:var(--pdx-brand-font);font-size:var(--pdx-text-sm);font-weight:500;color:var(--pdx-color-muted);text-decoration:none;transition:color .15s}[data-pdx-jpd1ts] .topbar-link:hover,[data-pdx-jpd1ts] .topbar-back{color:var(--pdx-brand-gold)}[data-pdx-jpd1ts] .shell{display:grid;grid-template-columns:320px 1fr 320px;flex:1;min-height:0;background:var(--pdx-color-bg);color:var(--pdx-color-text);font-family:var(--pdx-font-sans)}[data-pdx-jpd1ts] .picker{display:flex;flex-direction:column;border-right:1px solid var(--pdx-color-border);background:var(--pdx-color-surface);min-height:0}[data-pdx-jpd1ts] .picker-head{display:flex;flex-direction:column;gap:var(--pdx-space-sm);padding:var(--pdx-space-md);border-bottom:1px solid var(--pdx-color-border)}[data-pdx-jpd1ts] .brand{font-weight:var(--pdx-weight-semibold);font-size:var(--pdx-text-sm);letter-spacing:.02em}[data-pdx-jpd1ts] .search{width:100%;padding:var(--pdx-space-xs) var(--pdx-space-sm);font:inherit;font-size:var(--pdx-text-sm);color:var(--pdx-color-text);background:var(--pdx-color-bg);border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm)}[data-pdx-jpd1ts] .picker-list{flex:1;overflow-y:auto;padding:var(--pdx-space-xs);min-height:0}[data-pdx-jpd1ts] .modes{display:flex;gap:2px}[data-pdx-jpd1ts] .mode-btn{flex:1;padding:var(--pdx-space-2xs) var(--pdx-space-xs);font:inherit;font-size:var(--pdx-text-xs);color:var(--pdx-color-muted);background:var(--pdx-color-bg);border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm);cursor:pointer}[data-pdx-jpd1ts] .mode-btn.active{color:var(--pdx-color-text);background:var(--pdx-color-inset);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .knobs{display:flex;flex-direction:column;gap:var(--pdx-space-xs);padding:var(--pdx-space-md);border-bottom:1px solid var(--pdx-color-border);max-height:70vh;overflow-y:auto;min-height:0;flex:0 1 auto}[data-pdx-jpd1ts] .knob{display:flex;flex-direction:column;gap:2px}[data-pdx-jpd1ts] .knob-label{font-size:var(--pdx-text-xs);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .knob-in{width:100%;padding:var(--pdx-space-2xs) var(--pdx-space-xs);font:inherit;font-size:var(--pdx-text-xs);color:var(--pdx-color-text);background:var(--pdx-color-bg);border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm)}[data-pdx-jpd1ts] .knob-actions{display:flex;gap:var(--pdx-space-xs);margin-top:var(--pdx-space-xs)}[data-pdx-jpd1ts] .knob-row{display:flex;gap:var(--pdx-space-xs);align-items:center}[data-pdx-jpd1ts] .tokens-box{border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm);padding:var(--pdx-space-xs);max-height:340px;overflow-y:auto}[data-pdx-jpd1ts] .tokens-summary{font-size:var(--pdx-text-xs);color:var(--pdx-color-muted);cursor:pointer;-webkit-user-select:none;user-select:none}[data-pdx-jpd1ts] .tok-group{border-top:1px solid var(--pdx-color-border);padding:var(--pdx-space-2xs) 0}[data-pdx-jpd1ts] .tok-group-sum{font-size:var(--pdx-text-xs);font-weight:var(--pdx-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none}[data-pdx-jpd1ts] .tok-count{color:var(--pdx-color-muted);font-family:var(--pdx-font-mono);font-size:10px}[data-pdx-jpd1ts] .tok-hint{margin:var(--pdx-space-2xs) 0 var(--pdx-space-xs);font-size:10px;line-height:1.5;color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .tok-row{margin-bottom:var(--pdx-space-xs)}[data-pdx-jpd1ts] .tok-row.set .tok-label{color:var(--pdx-color-primary);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .tok-head{display:flex;align-items:center;gap:var(--pdx-space-2xs);margin-bottom:2px}[data-pdx-jpd1ts] .tok-label{font-size:10px;flex:none}[data-pdx-jpd1ts] .tok-resolved{flex:1;min-width:0;text-align:right;font-family:var(--pdx-font-mono);font-size:10px;color:var(--pdx-color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-pdx-jpd1ts] .tok-swatch{width:14px;height:14px;flex:none;border:1px solid var(--pdx-color-border);border-radius:3px}[data-pdx-jpd1ts] .tok-bar{height:8px;max-width:60px;flex:none;background:var(--pdx-color-primary);border-radius:2px}[data-pdx-jpd1ts] .tok-shadow{width:14px;height:14px;flex:none;background:var(--pdx-color-surface);border-radius:3px}[data-pdx-jpd1ts] .tok-font{font-size:12px;flex:none}[data-pdx-jpd1ts] .tok-plain{font-family:var(--pdx-font-mono);font-size:10px;flex:none}[data-pdx-jpd1ts] .tok-reset{flex:none;padding:0 4px;font-size:11px;line-height:1.4;color:var(--pdx-color-muted);background:none;border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm);cursor:pointer}[data-pdx-jpd1ts] .tok-in{font-size:10px;font-family:var(--pdx-font-mono)}[data-pdx-jpd1ts] .css-box{font-family:var(--pdx-font-mono);resize:vertical;min-height:60px}[data-pdx-jpd1ts] .knob-swatch{width:32px;height:26px;padding:0;border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm);background:none;cursor:pointer;flex:none}[data-pdx-jpd1ts] .ctl-btn.primary{background:var(--pdx-color-primary);color:var(--pdx-color-primary-text);border-color:var(--pdx-color-primary);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .save-msg{font-size:var(--pdx-text-xs);line-height:1.5;word-break:break-all}[data-pdx-jpd1ts] .save-msg.ok{color:var(--pdx-color-success)}[data-pdx-jpd1ts] .save-msg.err{color:var(--pdx-color-danger)}[data-pdx-jpd1ts] .gate{display:flex;flex-direction:column;gap:var(--pdx-space-xs);padding-bottom:var(--pdx-space-sm);border-bottom:1px solid var(--pdx-color-border)}[data-pdx-jpd1ts] .gate-head{display:flex;align-items:center;justify-content:space-between}[data-pdx-jpd1ts] .gate-title{font-size:var(--pdx-text-xs);font-weight:var(--pdx-weight-medium);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .load-error{margin:var(--pdx-space-sm);font-size:var(--pdx-text-xs);color:var(--pdx-color-danger);line-height:1.5}[data-pdx-jpd1ts] .grp-btn,[data-pdx-jpd1ts] .sc-btn{display:flex;align-items:center;gap:var(--pdx-space-xs);width:100%;padding:var(--pdx-space-xs) var(--pdx-space-sm);font:inherit;text-align:left;color:var(--pdx-color-text);background:none;border:none;border-radius:var(--pdx-radius-sm);cursor:pointer}[data-pdx-jpd1ts] .grp-btn{font-size:var(--pdx-text-sm)}[data-pdx-jpd1ts] .grp-btn:hover,[data-pdx-jpd1ts] .sc-btn:hover{background:var(--pdx-color-inset)}[data-pdx-jpd1ts] .grp-btn.active{background:var(--pdx-color-inset);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .grp-btn.composition{border-bottom:1px solid var(--pdx-color-border);margin-bottom:var(--pdx-space-2xs)}[data-pdx-jpd1ts] .grp-name{flex:1}[data-pdx-jpd1ts] .grp-tier{font-size:var(--pdx-text-xs);color:var(--pdx-color-muted);font-family:var(--pdx-font-mono)}[data-pdx-jpd1ts] .sc-btn{padding-left:var(--pdx-space-lg);font-size:var(--pdx-text-xs);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .sc-btn.active{color:var(--pdx-color-primary);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .picker-foot{padding:var(--pdx-space-sm) var(--pdx-space-md);border-top:1px solid var(--pdx-color-border);font-size:var(--pdx-text-xs);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .main{display:flex;flex-direction:column;min-width:0}[data-pdx-jpd1ts] .bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-space-md);padding:var(--pdx-space-sm) var(--pdx-space-md);border-bottom:1px solid var(--pdx-color-border);background:var(--pdx-color-surface)}[data-pdx-jpd1ts] .ctl{display:flex;align-items:center;gap:var(--pdx-space-xs)}[data-pdx-jpd1ts] .ctl-label{font-size:var(--pdx-text-xs);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .ctl-select,[data-pdx-jpd1ts] .ctl-btn{padding:var(--pdx-space-2xs) var(--pdx-space-sm);font:inherit;font-size:var(--pdx-text-xs);color:var(--pdx-color-text);background:var(--pdx-color-bg);border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm);cursor:pointer}[data-pdx-jpd1ts] .ctl-group{display:flex;gap:2px}[data-pdx-jpd1ts] .ctl-btn.active{background:var(--pdx-color-inset);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .spacer{flex:1}[data-pdx-jpd1ts] .ctl-static{font-size:var(--pdx-text-xs);font-family:var(--pdx-font-mono);color:var(--pdx-color-text)}[data-pdx-jpd1ts] .crumb{font-size:var(--pdx-text-xs);font-family:var(--pdx-font-mono);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .stage{flex:1;display:flex;justify-content:safe center;overflow:auto;padding:var(--pdx-space-md);background:var(--pdx-color-inset);min-height:0}[data-pdx-jpd1ts] .frame{height:100%;flex:none;transition:opacity .12s ease-out;border:1px solid var(--pdx-color-border);border-radius:var(--pdx-radius-sm);background:var(--pdx-color-bg)}[data-pdx-jpd1ts] .oracle{display:flex;flex-direction:column;gap:var(--pdx-space-sm);padding:var(--pdx-space-md);border-left:1px solid var(--pdx-color-border);background:var(--pdx-color-surface);overflow-y:auto;min-height:0}[data-pdx-jpd1ts] .oracle-head{display:flex;align-items:center;justify-content:space-between}[data-pdx-jpd1ts] .oracle-title{font-size:var(--pdx-text-sm);font-weight:var(--pdx-weight-semibold)}[data-pdx-jpd1ts] .verdict{padding:2px var(--pdx-space-sm);border-radius:var(--pdx-radius-full);font-size:var(--pdx-text-xs);font-weight:var(--pdx-weight-medium)}[data-pdx-jpd1ts] .verdict.ok{background:var(--pdx-color-success);color:var(--pdx-color-success-text)}[data-pdx-jpd1ts] .verdict.fail{background:var(--pdx-color-danger);color:var(--pdx-color-danger-text)}[data-pdx-jpd1ts] .verdict.err{background:var(--pdx-color-warning);color:var(--pdx-color-warning-text)}[data-pdx-jpd1ts] .verdict.idle,[data-pdx-jpd1ts] .verdict.measuring{background:var(--pdx-color-inset);color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .counts{display:flex;gap:var(--pdx-space-sm)}[data-pdx-jpd1ts] .count{font-size:var(--pdx-text-xs);font-family:var(--pdx-font-mono)}[data-pdx-jpd1ts] .count.err{color:var(--pdx-color-danger)}[data-pdx-jpd1ts] .count.warn{color:var(--pdx-color-warning)}[data-pdx-jpd1ts] .count.info{color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .meta{display:flex;flex-wrap:wrap;gap:var(--pdx-space-sm);font-size:var(--pdx-text-xs);color:var(--pdx-color-muted);font-family:var(--pdx-font-mono)}[data-pdx-jpd1ts] .oracle-error,[data-pdx-jpd1ts] .oracle-none{font-size:var(--pdx-text-xs);color:var(--pdx-color-muted);line-height:1.5}[data-pdx-jpd1ts] .violations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pdx-space-xs)}[data-pdx-jpd1ts] .viol{padding:var(--pdx-space-xs) var(--pdx-space-sm);border-left:3px solid var(--pdx-color-border);background:var(--pdx-color-bg);border-radius:var(--pdx-radius-sm);font-size:var(--pdx-text-xs);line-height:1.5}[data-pdx-jpd1ts] .viol.error{border-left-color:var(--pdx-color-danger)}[data-pdx-jpd1ts] .viol.warning{border-left-color:var(--pdx-color-warning)}[data-pdx-jpd1ts] .viol.info{border-left-color:var(--pdx-color-border)}[data-pdx-jpd1ts] .viol-rule{font-family:var(--pdx-font-mono);font-weight:var(--pdx-weight-medium);margin-right:var(--pdx-space-xs)}[data-pdx-jpd1ts] .viol-el{font-family:var(--pdx-font-mono);color:var(--pdx-color-muted);margin-right:var(--pdx-space-xs)}[data-pdx-jpd1ts] .viol-detail{color:var(--pdx-color-muted)}[data-pdx-jpd1ts] .oracle-note{margin-top:auto;padding-top:var(--pdx-space-sm);border-top:1px dashed var(--pdx-color-border);font-size:var(--pdx-text-xs);line-height:1.5;color:var(--pdx-color-muted)}
