.pp-shell{--pp-text: #ecf1de;--pp-muted: #aab090;--pp-line: rgba(200, 240, 96, .28);--pp-panel: rgba(16, 18, 15, .94);--pp-panel-strong: rgba(20, 22, 18, .98);--pp-accent: #c8f060;--pp-accent-2: #e9b35b;background:radial-gradient(circle at 8% -15%,rgba(200,240,96,.13),transparent 38%),radial-gradient(circle at 90% 12%,rgba(233,179,91,.11),transparent 36%),linear-gradient(180deg,#0d0f0d,#111311 58%,#0b0d0b);color:var(--pp-text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.pp-grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(123,141,94,.16) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(123,141,94,.16) 0 1px,transparent 1px 34px);opacity:.34}.pp-wrap{width:min(1180px,calc(100vw - 1rem));margin:0 auto;padding:.9rem 0 2.4rem;display:grid;gap:1rem}.pp-topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.pp-back{border:1px solid var(--pp-line);border-radius:999px;padding:.42rem .86rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--pp-accent);background:#181c13b8}.pp-back:hover{background:#21261bd1}.pp-topline{margin:0;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-muted)}.pp-panel{border:1px solid var(--pp-line);border-radius:1rem;background:var(--pp-panel);box-shadow:0 24px 46px -36px #080a07db}.pp-hero{padding:1rem 1.2rem 1.1rem;background:linear-gradient(180deg,#161913db,#10120ecc),repeating-linear-gradient(135deg,rgba(233,179,91,.04) 0 7px,transparent 7px 14px)}.pp-kicker{margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#d3f27d}.pp-hero h1{margin:.35rem 0 0;font-size:clamp(1.95rem,4.9vw,3.1rem);line-height:1.03;letter-spacing:-.01em;color:#eef6d8;text-shadow:0 0 20px rgba(200,240,96,.16)}.pp-hero p{margin:.66rem 0 0;line-height:1.62;color:#d3d9c1;font-size:.95rem;max-width:72ch}.pp-warning{display:inline-block;border:1px solid rgba(240,122,71,.52);border-radius:999px;padding:.22rem .62rem;font-size:.72rem;color:#ffd2a4;background:#4421126b}.pp-main{padding:.95rem;background:linear-gradient(180deg,#121510e6,#0c0e0bf2)}.pp-columns{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:.8rem}.pp-controls,.pp-output{border:1px solid var(--pp-line);border-radius:.92rem;background:var(--pp-panel-strong)}.pp-controls{padding:.92rem;display:grid;gap:.54rem;align-content:start}.pp-controls h2,.pp-detect h2{margin:0;font-size:1.03rem;color:#dcfff4}.pp-controls label{font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:#c6e87f;font-weight:700}.pp-controls textarea,.pp-controls select,.pp-detect textarea{width:100%;border:1px solid rgba(168,187,117,.35);border-radius:.72rem;background:#0c0e0bf0;color:#e7edd5;padding:.56rem .68rem;font:inherit;line-height:1.52}.pp-row{display:grid;grid-template-columns:1fr 1fr;gap:.52rem}.pp-actions{margin-top:.2rem;display:grid;gap:.46rem}.pp-actions--inline{display:flex;justify-content:flex-start}.pp-btn{border:1px solid rgba(168,187,117,.4);border-radius:.72rem;padding:.52rem .72rem;background:#141812d6;color:#e1e8cb;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}.pp-btn:hover{background:#1e231ae0}.pp-btn--primary{background:linear-gradient(135deg,#b1d84a,#d4f57a);border-color:#c8f060a8;color:#15180f}.pp-note{margin:.12rem 0 0;font-size:.74rem;color:#a7b58a;line-height:1.5}.pp-output{padding:.9rem;display:grid;gap:.58rem;align-content:start}.pp-card{border:1px solid rgba(168,187,117,.34);border-radius:.78rem;background:#0c0e0be6;padding:.72rem}.pp-card h3{margin:0 0 .46rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#cfe59a}.pp-card pre,#pp-detect-output{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55;font-size:.82rem;color:#e3ebd0}.pp-detect{padding:.96rem 1.04rem;display:grid;gap:.55rem}.pp-detect p{margin:0;font-size:.88rem;color:#ccd8ad}#pp-detect-output{border:1px solid rgba(168,187,117,.34);border-radius:.78rem;background:#0c0e0be6;padding:.72rem;min-height:100px}@media (max-width: 980px){.pp-columns{grid-template-columns:1fr}}@media (max-width: 720px){.pp-row{grid-template-columns:1fr}}@media (max-width: 560px){.pp-wrap{width:min(1180px,calc(100vw - .6rem))}.pp-topline{display:none}.pp-main{padding:.65rem}}