.pd-demo [hidden]{display:none!important}.pd-demo .pd-group-label{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--secondary-text);text-transform:uppercase;letter-spacing:1px;margin:var(--demo-pad) 0 0;opacity:.75}.pd-demo .pd-group-label+.savvy-btn-group{margin-top:var(--demo-gap)}.pd-demo .savvy-btn-group+.savvy-btn-group{margin-top:0}.pd-demo .savvy-btn-group{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);max-width:560px}.pd-demo .savvy-btn-group.pd-grid-2{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.pd-demo .savvy-btn{min-height:44px;padding-inline:4px;letter-spacing:0;text-align:center}.pd-demo .pd-action{background:var(--btn-bg);border-color:transparent;color:var(--text-color);font-weight:600}.pd-demo .pd-action:hover{background:var(--btn-bg-hover);border-color:transparent;color:var(--text-color)}.pd-demo .savvy-code-output{white-space:normal;padding:0;overflow:hidden;transition:background .3s ease}.pd-demo .savvy-code-output pre{white-space:pre;overflow-x:auto;padding:14px 16px 16px;tab-size:4}.pd-demo .savvy-code-output code[class*=language-]{display:block;margin:0;padding:0;background:none!important;font-size:inherit;line-height:inherit;white-space:inherit}.pd-demo .savvy-code-output.pd-flash{background:var(--demo-fill-medium)}.pd-demo .savvy-copy-btn{top:9px;right:8px}.pd-code-head{display:flex;align-items:stretch;min-height:40px;padding-inline:6px 80px;border-bottom:1px solid var(--demo-border);font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--secondary-text);letter-spacing:.5px}.pd-code-head>span{display:flex;align-items:center;padding:0 10px}.pd-tab{position:relative;min-height:44px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--secondary-text);font:inherit;letter-spacing:inherit;cursor:pointer;transition:color .2s ease,border-color .2s ease}.pd-tab:hover{color:var(--text-color)}.pd-tab[aria-selected=true]{color:var(--demo-accent);border-bottom-color:var(--demo-accent);font-weight:700}.pd-tab:focus-visible{outline:2px solid var(--demo-accent);outline-offset:-4px}.pd-tab.pd-changed:after{content:"";position:absolute;top:10px;inset-inline-end:4px;width:5px;height:5px;border-radius:50%;background:var(--demo-accent)}.pd-browser-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-bottom:1px solid var(--demo-border);background:#ffffff05;font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--secondary-text);white-space:nowrap}.pd-browser-bar i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--demo-border)}.pd-browser-bar i:last-of-type{margin-inline-end:4px}.pd-browser-bar b{margin-inline-start:auto;font-weight:400;color:var(--demo-accent)}.pd-demo .pd-sk-h{display:block;width:55%;height:11px;margin-bottom:16px;border-radius:3px;background:#ffb42f33}.pd-stage{flex-direction:column;gap:var(--demo-pad);min-height:0;padding-block:24px 18px}.pd-wire{position:relative;width:min(100%,380px);height:220px;border:1px solid var(--demo-border);border-radius:var(--demo-radius-lg);background:var(--demo-surface-alt);box-shadow:0 18px 40px #00000059;overflow:hidden}.pd-wire-page{padding:16px 18px}.pd-wire-page span{display:block;height:6px;margin-bottom:10px;border-radius:3px;background:#ffffff12}.pd-wire-page span:nth-of-type(3n){width:62%}.pd-wire:before{content:"";position:absolute;inset:31px 0 0;background:#0000008c;opacity:0;transition:opacity .25s ease}.pd-wire[data-layout=center]:before{opacity:1}.pd-wire-pop{position:absolute;display:flex;flex-direction:column;gap:7px;padding:14px 14px 12px;border:1px solid var(--demo-accent);border-radius:var(--demo-radius);background:var(--light-bg, #151820);box-shadow:0 10px 24px #00000080;animation:pd-wire-in .3s ease-out}.pd-wire-pop b,.pd-wire-pop span,.pd-wire-pop em{display:block;border-radius:2px}.pd-wire-pop b{width:78%;height:7px;background:var(--demo-accent);opacity:.85}.pd-wire-pop span{width:100%;height:5px;background:#ffffff29}.pd-wire-pop em{width:46px;height:14px;margin-top:3px;border-radius:3px;background:var(--btn-bg)}.pd-wire[data-content=form] .pd-wire-pop span{height:14px;border:1px solid rgba(255,255,255,.14);background:var(--dark-bg, #0e1219)}.pd-wire[data-layout=center] .pd-wire-pop{left:50%;top:calc(50% + 15px);width:170px;translate:-50% -50%}.pd-wire[data-layout=bar] .pd-wire-pop{left:0;right:0;bottom:0;flex-direction:row;align-items:center;gap:10px;padding:10px 14px;border-width:1px 0 0;border-radius:0}.pd-wire[data-layout=bar] .pd-wire-pop b{width:30%;flex:none}.pd-wire[data-layout=bar] .pd-wire-pop span{flex:1}.pd-wire[data-layout=bar] .pd-wire-pop em{flex:none;margin:0}.pd-wire[data-layout=corner] .pd-wire-pop{right:10px;bottom:10px;width:128px}@keyframes pd-wire-in{0%{opacity:0;transform:translateY(8px)}}.pd-hint{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--secondary-text);text-align:center;margin:0}.pd-stage .pd-open{padding-inline:28px}dialog.pd-popup{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-width:none;margin:auto;padding:28px 24px 24px;border:1px solid var(--demo-fill-border-strong);border-radius:var(--demo-radius-lg);background:var(--light-bg, #151820);color:var(--text-color, #eceaea);box-shadow:0 24px 60px #00000080;text-align:start;font-family:var(--demo-font-noto);font-size:15px;line-height:1.6}dialog.pd-popup::backdrop{background:#0009}dialog.pd-popup[open]{animation:pd-in .25s ease-out}dialog.pd-popup[data-layout=bar],dialog.pd-popup[data-layout=corner]{position:fixed;inset:auto;margin:0;z-index:100000}dialog.pd-popup[data-layout=bar]{inset-inline:0;inset-block-end:0;width:100%;border-radius:0;border-width:1px 0 0;padding:16px 52px 16px 16px}dialog.pd-popup[data-layout=bar][open]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;animation-name:pd-up}dialog.pd-popup[data-layout=bar] .pd-popup-body{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}dialog.pd-popup[data-layout=bar] .pd-popup-body[hidden]{display:none}dialog.pd-popup[data-layout=bar] p{margin:0}dialog.pd-popup[data-layout=corner]{inset-inline-end:16px;inset-block-end:16px;width:min(340px,calc(100% - 32px));animation-name:pd-side}@keyframes pd-in{0%{opacity:0;transform:translateY(12px)}}@keyframes pd-up{0%{transform:translateY(100%)}}@keyframes pd-side{0%{opacity:0;transform:translate(24px)}}.pd-popup-title{font-size:18px;font-weight:700;color:var(--demo-accent);margin:0 0 6px;line-height:1.35}.pd-popup p{margin:0 0 14px}.pd-popup form{margin:0}.pd-popup-x{position:absolute;top:8px;inset-inline-end:8px;width:36px;height:36px;border:0;border-radius:var(--demo-radius);background:transparent;color:var(--secondary-text);font-size:22px;line-height:1;cursor:pointer}.pd-popup-x:hover,.pd-popup-x:focus-visible{background:#ffffff14;color:var(--text-color)}.pd-popup-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 20px;border:0;border-radius:var(--demo-radius);background:var(--btn-bg);color:var(--text-color);font:600 14px/1 var(--demo-font-noto);cursor:pointer}.pd-popup-btn:hover{background:var(--btn-bg-hover)}.pd-signup{display:flex;flex-wrap:wrap;gap:8px}.pd-signup label{flex-basis:100%;font-size:13px;color:var(--secondary-text)}dialog.pd-popup[data-layout=bar] .pd-signup label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pd-signup input[type=email]{flex:1 1 180px;min-height:40px;padding:0 12px;border:1px solid var(--demo-border);border-radius:var(--demo-radius);background:var(--dark-bg, #0e1219);color:var(--text-color);font:14px var(--demo-font-noto)}.pd-signup input[type=email]:focus{outline:2px solid var(--demo-accent);outline-offset:1px}.pd-note{font-size:12px;color:var(--secondary-text);margin:10px 0 0!important}.pd-mock-wrap,.pd-browser{display:block;padding:0;min-height:0;overflow:hidden;border-style:solid}.pd-mock{height:230px;overflow-y:auto;padding:18px 20px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--demo-border) transparent}.pd-mock>span{display:block;height:7px;margin-bottom:11px;border-radius:3px;background:#ffffff12}.pd-mock>span:nth-of-type(3n){width:64%;margin-bottom:24px}.pd-mock-cta{margin:2px 0 24px}.pd-status-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px 6px 16px;border-top:1px solid var(--demo-border)}.pd-status,.pd-verdict{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);color:var(--secondary-text)}.pd-status{flex:1;min-width:0}.pd-status strong,.pd-verdict strong{color:var(--demo-accent)}.pd-status-row .pd-arm{flex:none}.pd-meter{display:block;height:3px;margin-top:8px;background:var(--demo-border);border-radius:2px;overflow:hidden}.pd-meter i{display:block;height:100%;width:0;background:var(--demo-accent);transition:width .15s linear}dialog.pd-mini{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-60%);margin:0;width:min(280px,calc(100% - 32px));padding:18px 20px;border:1px solid var(--demo-accent);border-radius:var(--demo-radius-lg);background:var(--light-bg, #151820);color:var(--text-color);box-shadow:0 16px 40px #0000008c;text-align:center;font:14px/1.5 var(--demo-font-noto)}dialog.pd-mini[open]{animation:pd-mini-in .25s ease-out}@keyframes pd-mini-in{0%{opacity:0;transform:translate(-50%,-50%)}}dialog.pd-mini p{margin:0 0 12px}.pd-page{position:relative;min-height:180px;padding:18px 20px}.pd-page>span{display:block;height:7px;margin-bottom:11px;border-radius:3px;background:#ffffff12}.pd-page>span:nth-of-type(2n){width:72%}.pd-card{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(270px,calc(100% - 32px));padding:16px 18px;border:1px solid var(--demo-accent);border-radius:var(--demo-radius-lg);background:var(--light-bg, #151820);box-shadow:0 16px 40px #0000008c;text-align:center;font:14px/1.5 var(--demo-font-noto);animation:pd-mini-in .25s ease-out}.pd-card p{margin:0 0 12px}.pd-card .pd-card-title{margin-bottom:4px;font-size:15px;font-weight:700;color:var(--demo-accent)}.pd-verdict{padding:14px 16px;border-top:1px solid var(--demo-border);min-height:1.6em}.pd-inspector{margin-top:var(--demo-pad);padding:10px var(--demo-pad);border:1px solid var(--demo-fill-border);border-inline-start:3px solid var(--demo-accent);border-radius:var(--demo-radius);background:var(--demo-fill-subtle);font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);color:var(--text-color);overflow-wrap:anywhere}.pd-inspector small{display:block;font-size:var(--demo-font-size-xs);color:var(--secondary-text);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.pd-inspector em{font-style:normal;color:var(--secondary-text)}@media(prefers-reduced-motion:reduce){dialog.pd-popup[open],dialog.pd-mini[open],.pd-wire-pop,.pd-card{animation:none}}@media(min-width:1123px){.pd-demo .savvy-btn-group,.pd-demo .savvy-btn-group.pd-grid-2{display:flex;max-width:none}.pd-demo .savvy-btn{min-height:36px;padding-inline:14px;letter-spacing:.3px}.pd-wire{height:230px}dialog.pd-popup[data-layout=bar]{padding:18px 56px 18px 24px}}