.pp[data-v-c8156fc7]{min-height:100dvh;position:relative;overflow-x:hidden;background-color:#f9f9f9;color:#1b1b1b;transition:background-color .35s,color .35s}html.dark .pp[data-v-c8156fc7]{background-color:#111;color:#f0ece3}.pp-grid-texture[data-v-c8156fc7]{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(27,27,27,.06) 1px,transparent 0),linear-gradient(180deg,rgba(27,27,27,.06) 1px,transparent 0);background-size:40px 40px}html.dark .pp-grid-texture[data-v-c8156fc7]{background-image:linear-gradient(90deg,rgba(240,236,227,.04) 1px,transparent 0),linear-gradient(180deg,rgba(240,236,227,.04) 1px,transparent 0)}.pp-subbar[data-v-c8156fc7]{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid #1b1b1b;margin-top:64px;transition:border-color .35s}html.dark .pp-subbar[data-v-c8156fc7]{border-bottom-color:#f0ece31a}@media(min-width:768px){.pp-subbar[data-v-c8156fc7]{padding:.75rem 3.5rem}}.pp-back[data-v-c8156fc7]{display:inline-flex;align-items:center;gap:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1b1b1b;opacity:.65;transition:opacity .2s,color .2s}html.dark .pp-back[data-v-c8156fc7]{color:#f0ece3}.pp-back[data-v-c8156fc7]:hover{opacity:1;color:#ff3b00}.pp-back svg[data-v-c8156fc7]{width:12px;height:12px}.pp-ext-link--static[data-v-c8156fc7]{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff3b00;border:1px solid #ff3b00;padding:.4rem .85rem}.pp-hero[data-v-c8156fc7]{position:relative;z-index:1;padding:3rem 1.5rem;border-bottom:1px solid #1b1b1b;transition:border-color .35s}html.dark .pp-hero[data-v-c8156fc7]{border-bottom-color:#f0ece31a}@media(min-width:900px){.pp-hero[data-v-c8156fc7]{padding:5rem 3.5rem 4rem}}.pp-eyebrow[data-v-c8156fc7]{font-size:.55rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ff3b00;opacity:.8;margin-bottom:1rem}.pp-title[data-v-c8156fc7]{font-size:clamp(3rem,12vw,8rem);line-height:.9;letter-spacing:-.01em;color:#1b1b1b;margin-bottom:1rem}html.dark .pp-title[data-v-c8156fc7]{color:#f0ece3}.pp-tagline[data-v-c8156fc7]{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#ff3b00;opacity:.7;margin-bottom:1.25rem}.pp-subtitle[data-v-c8156fc7]{font-size:clamp(.9rem,2.5vw,1.25rem);line-height:1.6;max-width:48rem;opacity:.65}.lg-writeup-link[data-v-c8156fc7]{display:inline-block;margin-top:1.75rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff3b00;border:1px solid #ff3b00;padding:.5rem 1rem;transition:background-color .15s,color .15s}.lg-writeup-link[data-v-c8156fc7]:hover{background-color:#ff3b00;color:#fff}.pp-content[data-v-c8156fc7]{position:relative;z-index:1}.pp-section[data-v-c8156fc7]{border-bottom:1px solid #1b1b1b;transition:border-color .35s}html.dark .pp-section[data-v-c8156fc7]{border-bottom-color:#f0ece31a}.pp-section-head[data-v-c8156fc7]{display:flex;align-items:baseline;gap:1.25rem;padding:1.5rem;border-bottom:1px solid #1b1b1b;transition:border-color .35s}html.dark .pp-section-head[data-v-c8156fc7]{border-bottom-color:#f0ece31a}@media(min-width:768px){.pp-section-head[data-v-c8156fc7]{padding:2rem 3.5rem}}.pp-section-idx[data-v-c8156fc7]{font-size:.6rem;color:#ff3b00;letter-spacing:.1em}.pp-section-title[data-v-c8156fc7]{font-size:clamp(1.2rem,4vw,2.5rem);color:#1b1b1b}html.dark .pp-section-title[data-v-c8156fc7]{color:#f0ece3}.pp-section-body[data-v-c8156fc7]{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.pp-section-body[data-v-c8156fc7]{padding:2.5rem 3.5rem}}.pp-section-body p[data-v-c8156fc7],.pp-section-intro[data-v-c8156fc7]{font-size:clamp(.88rem,2vw,1.1rem);line-height:1.7;opacity:.7;max-width:48rem}.pp-template-list[data-v-c8156fc7]{display:flex;flex-direction:column}.pp-template-item[data-v-c8156fc7]{padding:1.25rem 0;border-bottom:1px solid rgba(27,27,27,.12);transition:border-color .35s}html.dark .pp-template-item[data-v-c8156fc7]{border-bottom-color:#f0ece314}.pp-template-item[data-v-c8156fc7]:last-child{border-bottom:none}.pp-template-name[data-v-c8156fc7]{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;transition:color .2s}.pp-template-item:hover .pp-template-name[data-v-c8156fc7]{color:#ff3b00}.pp-template-desc[data-v-c8156fc7]{font-size:.85rem;line-height:1.65;opacity:.6;max-width:48rem}.pp-footer[data-v-c8156fc7]{position:relative;z-index:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem;border-top:1px solid #1b1b1b;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;transition:border-color .35s}html.dark .pp-footer[data-v-c8156fc7]{border-top-color:#f0ece31a}@media(min-width:768px){.pp-footer[data-v-c8156fc7]{padding:1.5rem 3.5rem}}.pp-footer-link[data-v-c8156fc7]{opacity:.65;transition:opacity .2s,color .2s}.pp-footer-link[data-v-c8156fc7]:hover{opacity:1;color:#ff3b00}.lg-controls[data-v-c8156fc7]{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:flex-end}.lg-control[data-v-c8156fc7]{display:flex;flex-direction:column;gap:.5rem;min-width:160px}.lg-control--wide[data-v-c8156fc7]{flex:1 1 260px}.lg-control-label[data-v-c8156fc7]{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6;display:flex;justify-content:space-between;gap:1rem}.lg-control-label em[data-v-c8156fc7]{font-style:normal;color:#ff3b00;opacity:1}.lg-control input[type=range][data-v-c8156fc7]{accent-color:#ff3b00;width:100%}.dm-select[data-v-c8156fc7]{font-family:inherit;font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#1b1b1b;background-color:#f9f9f9;border:1px solid;padding:.45rem .6rem;cursor:pointer}html.dark .dm-select[data-v-c8156fc7]{color:#f0ece3;background-color:#111}.lg-reset[data-v-c8156fc7]{font-family:inherit;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff3b00;border:1px solid #ff3b00;background:none;padding:.4rem .85rem;cursor:pointer;transition:background-color .15s,color .15s}.lg-reset[data-v-c8156fc7]:hover{background-color:#ff3b00;color:#fff}.dm-stage[data-v-c8156fc7]{border-top:1px solid #1b1b1b;background:var(--m-bg);padding:clamp(2rem,6vw,4rem) 1.5rem;display:flex;justify-content:center}html.dark .dm-stage[data-v-c8156fc7]{border-top-color:#f0ece31a}.dm-preview[data-v-c8156fc7]{width:min(100%,560px)}.dm-card[data-v-c8156fc7]{background:var(--m-bg-panel);border:1px solid var(--m-border-strong);border-radius:var(--m-radius-lg);padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1rem}.dm-card-eyebrow[data-v-c8156fc7]{font-family:var(--m-font-mono);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--m-accent)}.dm-card-title[data-v-c8156fc7]{font-family:var(--m-font-display);font-size:clamp(1.4rem,4vw,2rem);line-height:1.1;color:var(--m-text)}.dm-card-text[data-v-c8156fc7]{font-family:var(--m-font-body);font-size:.95rem;line-height:1.65;color:var(--m-text-mid)}.dm-card-row[data-v-c8156fc7]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dm-btn[data-v-c8156fc7]{font-family:var(--m-font-mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;cursor:pointer;color:var(--m-accent-contrast);background:var(--m-accent);border:1px solid var(--m-accent);border-radius:var(--m-radius);padding:.55rem 1.1rem;transition:background-color var(--m-duration) var(--m-easing),color var(--m-duration) var(--m-easing)}.dm-btn[data-v-c8156fc7]:hover{background:var(--m-accent-hover);border-color:var(--m-accent-hover)}.dm-btn--ghost[data-v-c8156fc7]{color:var(--m-text);background:transparent;border-color:var(--m-border-strong)}.dm-btn--ghost[data-v-c8156fc7]:hover{background:var(--m-bg-raised)}.dm-tag[data-v-c8156fc7]{font-family:var(--m-font-mono);font-size:.62rem;color:var(--m-text-dim);border:1px solid var(--m-border);border-radius:var(--m-radius-sm);padding:.25rem .6rem}.dm-field[data-v-c8156fc7]{display:flex;flex-direction:column;gap:.4rem}.dm-field-label[data-v-c8156fc7]{font-family:var(--m-font-mono);font-size:.58rem;font-weight:700;letter-spacing:.16em;color:var(--m-text-dim)}.dm-input[data-v-c8156fc7]{font-family:var(--m-font-body);font-size:.9rem;color:var(--m-text);background:var(--m-bg-raised);border:1px solid var(--m-border);border-radius:var(--m-radius-sm);padding:.6rem .8rem}.dm-input[data-v-c8156fc7]:focus-visible{outline:2px solid var(--m-accent);outline-offset:1px}.dm-input[data-v-c8156fc7]::-moz-placeholder{color:var(--m-text-dim)}.dm-input[data-v-c8156fc7]::placeholder{color:var(--m-text-dim)}.lg-how[data-v-c8156fc7]{max-width:48rem}.lg-how-summary[data-v-c8156fc7]{display:inline-block;cursor:pointer;list-style:none;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff3b00;opacity:.8;padding:.3rem 0;transition:opacity .15s}.lg-how-summary[data-v-c8156fc7]:hover{opacity:1}.lg-how-summary[data-v-c8156fc7]::-webkit-details-marker{display:none}.lg-how[open] .lg-how-summary[data-v-c8156fc7]{opacity:1}.lg-how-body[data-v-c8156fc7]{margin-top:.75rem;position:relative}.lg-how-copy[data-v-c8156fc7]{position:absolute;top:.75rem;right:.75rem;z-index:2}.lg-code[data-v-c8156fc7]{margin:0;padding:1.25rem 1.4rem;overflow-x:auto;background:#16141f;border:1px solid hsla(0,0%,100%,.09);border-radius:12px;font-size:.78rem;line-height:1.85;letter-spacing:0;white-space:pre;color:#e9e5f4;-moz-tab-size:2;-o-tab-size:2;tab-size:2;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #00000040}@media(min-width:768px){.lg-code[data-v-c8156fc7]{font-size:.88rem}}.lg-code[data-v-c8156fc7] .tk-c{color:#8d87a3;font-style:italic}.lg-code[data-v-c8156fc7] .tk-sel{color:#ff8a00}.lg-code[data-v-c8156fc7] .tk-p{color:#00c2ff}.lg-code[data-v-c8156fc7] .tk-n{color:#ffd866}.lg-code[data-v-c8156fc7] .tk-fn{color:#ff3bd4}