.pp{--pp-cream: #f9f4ea;--pp-ink: #111111;--pp-muted: #6b6359;--pp-line: #e6dccb;--pp-gold: #f9be00;--pp-gold-hover: #ffd23f;overflow:hidden;border:1px solid var(--pp-line);border-radius:.625rem;background:var(--pp-cream);color:var(--pp-ink)}.pp-grid{display:grid;gap:1.5rem;padding:1.25rem}.pp-eyebrow{font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-muted)}.pp-title{margin-top:.25rem;font-size:40px;line-height:1;overflow-wrap:anywhere}.pp-muted,.pp-copy{color:var(--pp-muted)}.pp-copy:hover{background:#efe6d4;color:var(--pp-ink)}.pp-badge{display:inline-flex;min-height:2.25rem;align-items:center;padding:0 .875rem;border-radius:9999px;background:var(--pp-gold);color:var(--pp-ink);font-family:var(--font-mono);font-size:.875rem;font-weight:500}.pp-badge:hover{background:var(--pp-gold-hover)}.pp-card{border:1px solid var(--pp-line);border-radius:.625rem;background:#fff;color:var(--pp-ink)}.pp-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-muted)}.pp-value{margin-top:.5rem;font-size:26px;line-height:1;overflow-wrap:anywhere}.pp-yuga{border:2px solid var(--pp-gold)}.pp-caption{position:absolute;bottom:.5rem;left:.5rem;max-width:calc(100% - 1rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem .625rem;border-radius:9999px;background:var(--pp-ink);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:500}.pp-caption.pp-gold{background:var(--pp-gold);color:var(--pp-ink)}.pp-empty{display:flex;aspect-ratio:3 / 2;align-items:center;justify-content:center}.pp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--pp-line);background:#fff9}.pp-dark{border-color:var(--pp-ink);background:var(--pp-ink);color:#fff}.pp-dark:hover{background:#333;color:#fff}.pp-light{border-color:var(--pp-ink);background:#fff;color:var(--pp-ink)}.pp-light:hover{border-color:var(--pp-ink);background:#f3ead8;color:var(--pp-ink)}.pp-goldbtn{border-color:var(--pp-ink);background:var(--pp-gold);color:var(--pp-ink)}.pp-goldbtn:hover{background:var(--pp-gold-hover);color:var(--pp-ink)}.pp-preview{width:100%;max-width:600px;border-radius:.625rem}@media(min-width:640px){.pp-grid{padding:2rem}.pp-title{font-size:56px}.pp-value{font-size:30px}.pp-actions{padding:1rem 2rem}.pp-end{margin-left:auto}}@media(min-width:1024px){.pp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.5rem}}