.pd{--bg:#0c132b;--card:#0e1936;--input:#0a0d1d;--fg:#f1f5f9;--mut:#94a3b8;--dim:#64748b;--blu:#3b82f6;--bls:#60a5fa;--grn:#10b981;--amb:#f59e0b;--red:#ef4444;--bdr:#ffffff20;--font:"Segoe UI", system-ui, sans-serif;background:var(--bg);width:100%;font-family:var(--font);color:var(--fg);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.pd[data-theme=light]{--bg:#f8fafc;--card:#fff;--input:#f1f5f9;--fg:#0f172a;--mut:#475569;--dim:#94a3b8;--bdr:#00000014;--blu:#2563eb;--bls:#3b82f6;--grn:#059669;--amb:#d97706;--red:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pd-content{scrollbar-width:thin;scrollbar-color:#80808040 transparent;flex:1;max-height:780px;padding:0 0 8px;overflow-y:auto}.pd-content::-webkit-scrollbar{width:5px}.pd-content::-webkit-scrollbar-thumb{background:#80808040;border-radius:3px}.pd-titlebar{justify-content:space-between;align-items:center;padding:14px 24px 0;display:flex}.pd-tb-left{align-items:center;gap:10px;display:flex}.pd-tb-icon{background:#3b82f621;border:1px solid #3b82f640;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.pd-tb-title{color:var(--fg);font-size:16px;font-weight:700}.pd-tb-sub{color:var(--mut);font-size:10px}.pd-tb-right{align-items:center;gap:8px;display:flex}.pd-toggle{cursor:pointer;background:#80808026;border:1px solid #80808040;border-radius:11px;width:40px;height:22px;position:relative}.pd-toggle:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>");background-size:cover;width:10px;height:10px;position:absolute;top:5px;right:5px}.pd-toggle:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='5'/><line x1='12' y1='1' x2='12' y2='3'/><line x1='12' y1='21' x2='12' y2='23'/><line x1='4.22' y1='4.22' x2='5.64' y2='5.64'/><line x1='18.36' y1='18.36' x2='19.78' y2='19.78'/><line x1='1' y1='12' x2='3' y2='12'/><line x1='21' y1='12' x2='23' y2='12'/><line x1='4.22' y1='19.78' x2='5.64' y2='18.36'/><line x1='18.36' y1='5.64' x2='19.78' y2='4.22'/></svg>");background-size:cover;width:10px;height:10px;position:absolute;top:5px;left:5px}.pd-toggle-knob{background:var(--blu);z-index:1;border-radius:8px;width:16px;height:16px;transition:left .3s;position:absolute;top:2px;left:2px}.pd[data-theme=light] .pd-toggle-knob{left:20px}.pd-close{width:32px;height:32px;color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:18px;display:flex}.pd-close:hover{background:#80808026}.pd-card{background:var(--card);border:1px solid var(--bdr);border-radius:10px;margin:0 24px;padding:14px}.pd-shdr{align-items:center;gap:6px;margin-bottom:8px;display:flex}.pd-shdr-bar{background:var(--bls);border-radius:2px;width:3px;height:12px}.pd-shdr span{color:var(--bls);letter-spacing:.5px;font-size:9px;font-weight:700}.pd-input{background:var(--input);height:32px;color:var(--dim);font-size:11px;font-family:var(--font);border:1px solid #80808030;border-radius:16px;outline:none;width:100%;padding:0 12px}.pd-input:focus{border-color:var(--bls);color:var(--fg)}.pd-select{background:var(--input);height:32px;color:var(--fg);font-size:10px;font-family:var(--font);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' fill='%236B7280'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #80808030;border-radius:16px;outline:none;width:100%;padding:0 12px}.pd-combo option,.pd-select option{background-color:var(--card);color:var(--fg)}.pd-btn-sec{height:32px;color:var(--fg);font-size:9px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#33415599;border:none;border-radius:8px;padding:0 12px}.pd[data-theme=light] .pd-btn-sec{background:#e2e8f0cc}.pd-btn-sec:hover{opacity:.85}.pd-btn-primary{background:var(--blu);color:#fff;min-width:120px;height:32px;font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:8px}.pd-btn-primary:hover{box-shadow:0 0 12px #3b82f64d}.pd-btn-fix{background:var(--grn);color:#fff;height:24px;font-size:8px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:14px;padding:0 10px}.pd-pill-cta{background:var(--blu);color:#fff;width:100%;height:36px;font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:18px}.pd-pill-cta:hover{box-shadow:0 0 16px #3b82f64d}.pd-elem-card{background:#3b82f608;border:1px solid #3b82f617;border-radius:10px;grid-template-columns:1fr auto;align-items:center;margin:8px 24px 0;padding:10px 14px;display:grid}.pd-elem-name{color:var(--fg);font-size:13px;font-weight:700}.pd-elem-meta{color:var(--mut);margin-top:2px;font-size:10px}.pd-elem-level{color:var(--dim);margin-top:2px;font-size:9px}.pd-pills{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 24px 0;display:flex}.pd-pill{border:1px solid;border-radius:12px;padding:3px 10px;font-size:10px;font-weight:600}.pd-pill-blu{color:var(--bls);background:#3b82f614;border-color:#3b82f626}.pd-pill-grn{color:var(--grn);background:#10b98114;border-color:#10b98126}.pd-pill-red{color:var(--red);background:#ef444414;border-color:#ef444426}.pd-pill-amb{color:var(--amb);background:#f59e0b14;border-color:#f59e0b26}.pd-group-hdr{margin:8px 26px 4px;font-size:9px;font-weight:700}.pd-result-card{border-radius:8px;grid-template-columns:3px 1fr auto;align-items:start;gap:10px;margin:0 24px 4px;padding:8px 12px;display:grid}.pd-result-red{background:#ef444414}.pd-result-grn{background:#10b98114}.pd-result-amb{background:#f59e0b14}.pd-result-bar{border-radius:2px;align-self:stretch;width:3px}.pd-result-name{color:var(--fg);font-size:10px;font-weight:700}.pd-result-detail{color:var(--mut);margin-top:2px;font-size:9px}.pd-result-suggest{color:var(--amb);margin-top:2px;font-size:8px}.pd-result-fix{color:var(--grn);cursor:pointer;font-size:8px;font-weight:600}.pd-sep{background:var(--bdr);height:1px;margin:6px 0}.pd-combo{background:var(--input);border:1px solid var(--bdr);width:100%;height:28px;color:var(--fg);font-size:10px;font-family:var(--font);appearance:none;text-align:left;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' fill='%236B7280'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:4px;outline:none;padding:0 6px}.pd-combo-item{color:var(--fg);font-size:10px;font-family:var(--font);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;display:flex}.pd-combo-item:hover{background:#80808026}.pd-combo-item.selected{color:var(--blu);background:#3b82f61a;font-weight:600}.pd-chk{appearance:none;cursor:pointer;background:#8080801a;border:1.5px solid #80808066;border-radius:3px;flex-shrink:0;width:14px;height:14px;position:relative}.pd[data-theme=light] .pd-chk{background:#0000000a;border-color:#00000040}.pd-chk:checked,.pd[data-theme=light] .pd-chk:checked{background:var(--blu);border-color:var(--blu)}.pd-chk:checked:after{content:"";border:1.8px solid #fff;border-width:0 1.8px 1.8px 0;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.pd-seg-row{gap:4px;margin:2px 0 6px;display:flex}.pd-seg-btn{color:#fff;height:28px;font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:18px;padding:0 12px}.pd-seg-active{background:var(--blu)}.pd-seg-inactive{background:#47556999}.pd-table-hdr{border-bottom:1px solid var(--bdr);gap:0;padding:4px 0;display:grid}.pd-table-hdr span{color:var(--dim);font-size:8px;font-weight:700}.pd-table-row{align-items:center;gap:0;padding:3px 0;display:grid}.pd-table-row:nth-child(2n){background:#80808008}.pd-table-cell{text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:9px;overflow:hidden}.pd-kpi-row{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.pd-kpi-pill{border-radius:10px;padding:3px 10px;font-size:9px;font-weight:600}.pd-param-card{background:var(--card);border:1px solid var(--bdr);border-radius:10px;max-height:280px;padding:6px;overflow-y:auto}.pd-param-card::-webkit-scrollbar{width:5px}.pd-param-card::-webkit-scrollbar-thumb{background:#80808040;border-radius:3px}.pd-param-row{align-items:center;gap:4px;padding:1px 0;display:flex}.pd-param-name{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.pd-search{background:var(--input);width:100%;height:26px;color:var(--dim);font-size:10px;font-family:var(--font);border:1px solid #80808030;border-radius:4px;outline:none;padding:0 6px}.pd-search::placeholder{color:var(--dim)}.pd-tabs{gap:6px;margin-bottom:6px;padding:0 24px;display:flex}.pd-tab{color:#fff;height:28px;font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:18px;padding:0 12px}.pd-tab-active{background:var(--blu)}.pd-tab-inactive{background:#47556999}.pd-legend{align-items:center;gap:8px;margin:0 0 4px;display:flex}.pd-legend-dot{border-radius:4px;width:8px;height:8px;display:inline-block}.pd-legend-lbl{color:var(--dim);font-size:8px}.pd-footer{border-top:1px solid var(--bdr);background:var(--card);flex-shrink:0;justify-content:center;align-items:center;padding:10px 24px;display:flex;position:relative}.pd-footer-brand{align-items:center;gap:5px;display:flex}.pd-footer-brand img{width:16px;height:16px}.pd-footer-nx{font-family:"Space Grotesk", var(--font);letter-spacing:-.3px;align-items:baseline;font-size:10px;display:flex}.pd-nx-dim{color:var(--blu);font-weight:700}.pd-nx-bold{color:var(--fg);font-weight:700}.pd-footer-btns{align-items:center;gap:6px;display:flex;position:absolute;right:24px}.pd-obtn{height:24px;color:var(--dim);font-size:8px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #8080804d;border-radius:6px;padding:0 12px}.pd-obtn:hover{color:var(--fg);border-color:#80808080}.pd-pbtn{background:var(--blu);color:#fff;height:32px;font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:18px;padding:0 16px}.pd-pbtn:hover{opacity:.9}.pd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pd-confirm{background:var(--card);border:1px solid var(--bdr);text-align:center;border-radius:14px;max-width:340px;padding:24px 28px;box-shadow:0 20px 60px #00000080}.pd-confirm-title{color:var(--fg);margin-bottom:8px;font-size:15px;font-weight:700}.pd-confirm-text{color:var(--mut);margin-bottom:18px;font-size:11px;line-height:1.5}.pd-confirm-btns{justify-content:center;gap:8px;display:flex}.pd-confirm-btns .pd-obtn{height:30px;padding:0 16px;font-size:10px}.pd-confirm-btns .pd-pbtn{height:30px;padding:0 20px;font-size:10px}.pd-subtitle{color:var(--mut);padding:2px 24px 4px;font-size:11px}.pd-info-lbl{color:var(--dim);font-size:10px}.demo-badge{background:#0b1120e6;border:1px solid #ffffff1a;box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0000001a}.demo-badge-text{color:#ffffffb3}.demo-badge-divider{color:#fff3}:is(.demo-wrapper:has([data-theme=light]) .demo-badge,.demo-wrapper:has(.ppr-demo.light) .demo-badge){background:#ffffffe6;border:1px solid #00000014;box-shadow:0 10px 25px -5px #0000000d}:is(.demo-wrapper:has([data-theme=light]) .demo-badge-text,.demo-wrapper:has(.ppr-demo.light) .demo-badge-text){color:#0f172a99}:is(.demo-wrapper:has([data-theme=light]) .demo-badge-divider,.demo-wrapper:has(.ppr-demo.light) .demo-badge-divider){color:#0f172a26}