.pp-settings,.pp-audit{padding:clamp(20px,3vw,40px);border:1px solid #31474b;border-radius:22px;background:radial-gradient(ellipse at 5% 0%,#28555240,transparent 45%),radial-gradient(ellipse at 95% 0%,#69452935,transparent 50%),#10191e;color:#e7eff1}
.pp-settings h2,.pp-audit h2{margin:10px 0;font-size:clamp(23px,3vw,32px);letter-spacing:-.7px}.pp-settings header p:last-child,.pp-audit p{color:#b6c7cc;line-height:1.6;max-width:68ch}
.pp-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:30px 0}.pp-rules fieldset{min-width:0;margin:0;padding:22px;border:1px solid #345051;border-radius:14px;background:#132126;box-shadow:inset 0 1px #8ce8d512}.pp-rules legend{font:14px ui-monospace,monospace;color:#a4eddc;padding:0 8px}.pp-rules label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#cfdbdd;margin-bottom:16px}.pp-rules label:last-child{margin-bottom:0}.pp-rules label span{color:#9dafb4}
.pp-rules select,.pp-rules input,.pp-rules textarea,.pp-preview select,.pp-preview input{box-sizing:border-box;width:100%;border:1px solid #3c555d;border-radius:9px;padding:11px 12px;font:inherit;color:#edf4f5;background:#0d171d;outline-offset:3px}.pp-rules textarea{resize:vertical;min-height:66px}.pp-rules [hidden],.pp-preview [hidden],.pp-audit [hidden]{display:none!important}.pp-settings [role=status]{min-height:24px;color:#b7ead8}
.pp-preview{padding:18px 22px;background:radial-gradient(ellipse at top left,#24463b55,transparent 80%),#122027;border-bottom:1px solid #31474b}.pp-preview-top{display:flex;align-items:end;gap:20px;justify-content:space-between}.pp-preview label{display:grid;gap:7px;min-width:0;flex:1;color:#cad9dc;font-size:12px}.pp-preview-top>label{max-width:530px}.pp-preview [data-pp-pages]{display:flex;align-items:center;gap:8px;font-size:11px}.pp-preview button{white-space:nowrap}.pp-preview p,.pp-preview summary{font-size:12px;color:#b4c9cd;line-height:1.6}.pp-preview summary{cursor:pointer;color:#b9eadc}.pp-preview [data-pp-values] p{display:grid;grid-template-columns:140px 1fr 160px;gap:12px;overflow-wrap:anywhere;border-bottom:1px solid #ffffff12;padding:9px 0;margin:0}.pp-preview [data-pp-values] code{color:#a3e4d2}.pp-preview [data-pp-issues]{color:#f2c68c;font-size:12px;line-height:1.6;margin-top:8px}.pp-sample-search{display:flex;gap:12px;align-items:end;margin-top:14px}.pp-sample-search input{padding:8px 12px}
.pp-audit{margin-bottom:24px}.pp-audit [data-pp-progress]{font-size:13px;color:#c7e0d7;min-height:24px}.pp-audit article{padding:18px 0;border-top:1px solid #ffffff14}.pp-audit article>a{color:#b8edde;text-decoration:none;font-weight:600}.pp-audit article>small{display:block;color:#9eb5bd;margin:5px 0}.pp-audit article ul{font-size:13px;color:#edc5a1;padding-left:20px;line-height:1.7}.pp-audit footer{display:flex;align-items:center;gap:18px;font-size:13px}.pp-settings :focus-visible,.pp-audit :focus-visible,.pp-preview :focus-visible{outline:2px solid #9eecd8;outline-offset:4px}
@media(max-width:650px){.pp-preview-top{align-items:stretch;flex-direction:column;gap:10px}.pp-preview [data-pp-values] p{grid-template-columns:1fr}.pp-preview-top>label{max-width:none}.pp-preview{padding:16px}.pp-rules{margin:20px 0}}