.ppb-page[data-astro-cid-bdqu4toa]{margin-top:1.5rem;margin-bottom:3rem}.preset-bar[data-astro-cid-bdqu4toa]{background:linear-gradient(135deg, var(--color-canvas-soft) 0%, var(--color-canvas) 100%);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem 1rem;display:flex}.preset-label[data-astro-cid-bdqu4toa]{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-right:1px solid var(--color-hairline);align-items:center;gap:.35rem;padding-right:.6rem;font-size:.72rem;font-weight:700;display:flex}.preset-buttons[data-astro-cid-bdqu4toa]{flex-wrap:wrap;gap:.5rem;display:flex}.preset-btn[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(135deg, var(--color-hairline-strong) 0%, var(--color-hairline) 100%) border-box;color:var(--color-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.72rem;font-weight:650;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.preset-btn[data-astro-cid-bdqu4toa]:hover{background:linear-gradient(var(--color-accent-soft), var(--color-accent-soft)) padding-box, linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 70%, var(--color-ink)) 100%) border-box;color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.preset-btn[data-astro-cid-bdqu4toa]:active{transform:translateY(0);box-shadow:0 1px 4px #00000014}.preset-btn[data-astro-cid-bdqu4toa].active{background:linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, var(--color-ink)) 100%) padding-box, linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 70%, var(--color-ink)) 100%) border-box;color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--color-accent) 30%, transparent);transform:translateY(-1px)}.preset-btn[data-astro-cid-bdqu4toa]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ppb-layout[data-astro-cid-bdqu4toa]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.panel[data-astro-cid-bdqu4toa]{flex-direction:column;display:flex}.panel-header[data-astro-cid-bdqu4toa]{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.panel-header[data-astro-cid-bdqu4toa] h2[data-astro-cid-bdqu4toa]{color:var(--color-ink);font-size:.875rem;font-weight:600}.directive-count[data-astro-cid-bdqu4toa]{color:var(--color-mute);font-size:.72rem;font-weight:500}.panel-actions[data-astro-cid-bdqu4toa]{gap:.35rem;display:flex}.form-content[data-astro-cid-bdqu4toa],.result-content[data-astro-cid-bdqu4toa]{flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.directive{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);grid-template-columns:1fr 180px;align-items:center;gap:.75rem;padding:.7rem .875rem;transition:border-color .15s,background .15s;display:grid}.directive:hover{border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-hairline));background:var(--color-card)}.directive-info{min-width:0}.directive-header{align-items:center;gap:.5rem;display:flex}.directive-header strong{color:var(--color-ink);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.compat-badges{gap:.15rem;font-size:.6rem;display:flex}.compat-yes{color:var(--color-success)}.compat-no{color:var(--color-mute);opacity:.4}.directive-desc{color:var(--color-mute);font-size:.7rem}.directive-controls{flex-direction:column;gap:.3rem;display:flex}.custom-input{font-size:.72rem;height:30px!important;padding:0 .5rem!important}.output-box[data-astro-cid-bdqu4toa]{white-space:pre-wrap;word-break:break-all;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);min-height:48px;color:var(--color-ink);font-size:.8rem;line-height:1.6;font-family:var(--font-mono);margin:0;padding:.875rem}.audit[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.8rem;line-height:1.5}.audit[data-astro-cid-bdqu4toa].ok{background:color-mix(in srgb, var(--color-success) 8%, transparent);color:var(--color-success-text);border:1px solid color-mix(in srgb, var(--color-success) 20%, transparent)}.audit[data-astro-cid-bdqu4toa].warn{background:color-mix(in srgb, var(--color-warning) 8%, transparent);color:var(--color-warning-text);border:1px solid color-mix(in srgb, var(--color-warning) 20%, transparent)}.snippet-tabs[data-astro-cid-bdqu4toa]{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.snippet-tab[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(135deg, var(--color-hairline-strong) 0%, var(--color-hairline) 100%) border-box;color:var(--color-mute);cursor:pointer;border:1px solid #0000;padding:.35rem .7rem;font-size:.72rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.snippet-tab[data-astro-cid-bdqu4toa]:hover{color:var(--color-ink);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.snippet-tab[data-astro-cid-bdqu4toa].active{background:linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, var(--color-ink)) 100%);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--color-accent) 30%, transparent)}.snippet-output-box[data-astro-cid-bdqu4toa]{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft);min-height:120px;position:relative;overflow:hidden}.snippet-output-box[data-astro-cid-bdqu4toa] pre[data-astro-cid-bdqu4toa]{font-size:.75rem;line-height:1.6;font-family:var(--font-mono);color:var(--color-ink);max-height:260px;margin:0;padding:.875rem;overflow-x:auto}.snippet-output-box[data-astro-cid-bdqu4toa] .btn-copy-action[data-astro-cid-bdqu4toa]{position:absolute;top:.5rem;right:.5rem}.btn-icon-ghost[data-astro-cid-bdqu4toa]{color:var(--color-mute);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.btn-icon-ghost[data-astro-cid-bdqu4toa]:hover{color:var(--color-ink);background:var(--color-surface)}.btn-copy-action[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-card);color:var(--color-body);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-copy-action[data-astro-cid-bdqu4toa]:hover{border-color:var(--color-accent);color:var(--color-accent)}.share-panel-card[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);margin-top:.5rem;padding:1rem 1.25rem}.share-header[data-astro-cid-bdqu4toa] h3[data-astro-cid-bdqu4toa]{color:var(--color-ink);margin:0 0 .2rem;font-size:.9rem;font-weight:650}.share-header[data-astro-cid-bdqu4toa] p[data-astro-cid-bdqu4toa]{color:var(--color-mute);margin:0 0 .85rem;font-size:.78rem;line-height:1.4}.share-actions-row[data-astro-cid-bdqu4toa]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.social-links-container[data-astro-cid-bdqu4toa]{flex-wrap:wrap;gap:.5rem;display:flex}.share-native-btn[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border:none;align-items:center;gap:.4rem;height:38px;padding:0 1rem;font-size:.8rem;font-weight:650;transition:all .2s;display:inline-flex;box-shadow:0 2px 12px #6366f14d}.share-native-btn[data-astro-cid-bdqu4toa]:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.social-share-btn[data-astro-cid-bdqu4toa]{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;height:34px;padding:0 .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:flex}.social-share-btn[data-astro-cid-bdqu4toa]:hover{opacity:.9;transform:translateY(-1px)}.social-share-btn[data-astro-cid-bdqu4toa].tw{background:#0f1419}.social-share-btn[data-astro-cid-bdqu4toa].li{background:#0a66c2}.social-share-btn[data-astro-cid-bdqu4toa].wa{background:#25d366}.social-share-btn[data-astro-cid-bdqu4toa].rd{background:#ff4500}.directive-summary[data-astro-cid-bdqu4toa]{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-card);gap:.5rem;margin-top:.75rem;padding:.6rem .75rem;display:flex}.summary-item[data-astro-cid-bdqu4toa]{border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.72rem;font-weight:500;display:flex}.summary-item[data-astro-cid-bdqu4toa].blocked{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error-text)}.summary-item[data-astro-cid-bdqu4toa].self{background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-accent-text)}.summary-item[data-astro-cid-bdqu4toa].all{background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning-text)}.summary-count[data-astro-cid-bdqu4toa]{font-size:.85rem;font-weight:700;font-family:var(--font-mono);color:inherit}.summary-item[data-astro-cid-bdqu4toa].blocked .summary-count[data-astro-cid-bdqu4toa]{color:var(--color-error-text)}.summary-item[data-astro-cid-bdqu4toa].self .summary-count[data-astro-cid-bdqu4toa]{color:var(--color-accent-text)}.summary-item[data-astro-cid-bdqu4toa].all .summary-count[data-astro-cid-bdqu4toa]{color:var(--color-warning-text)}.summary-label[data-astro-cid-bdqu4toa]{color:var(--color-mute)}.risk-badge[data-astro-cid-bdqu4toa]{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;padding:.1rem .4rem;font-size:.55rem;font-weight:600;display:inline-flex}.risk-badge[data-astro-cid-bdqu4toa].high{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error-text)}.risk-badge[data-astro-cid-bdqu4toa].medium{background:color-mix(in srgb, var(--color-warning) 12%, transparent);color:var(--color-warning-text)}.risk-badge[data-astro-cid-bdqu4toa].low{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success-text)}.directive[data-risk=high]{border-left:3px solid var(--color-error)}.directive[data-risk=medium]{border-left:3px solid var(--color-warning)}.directive[data-risk=low]{border-left:3px solid var(--color-success)}@media (width<=900px){.ppb-layout[data-astro-cid-bdqu4toa]{grid-template-columns:1fr}}@media (width<=560px){.directive[data-astro-cid-bdqu4toa]{grid-template-columns:1fr}.directive-controls[data-astro-cid-bdqu4toa]{flex-direction:row}}