.pg-rt{--bg:#0b1020; --card:#121a33; --muted:#8fa3c7; --accent:#3b82f6; --border:#233055; --ok:#10b981; --warn:#f59e0b; color:#e8eeff; background:var(--bg); padding:18px; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.35)}
.pg-rt *{box-sizing:border-box;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}
.pg-rt h2{margin:0 0 8px;font-weight:700;letter-spacing:.2px}
.pg-rt .pg-rt-tabs{display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 16px}
.pg-rt .pg-rt-tabs button{background:transparent;border:1px solid var(--border);color:#cfe1ff;border-radius:999px;padding:8px 12px;cursor:pointer;transition:.2s}
.pg-rt .pg-rt-tabs button.active,.pg-rt .pg-rt-tabs button:hover{background:var(--accent);border-color:var(--accent);color:white}
.pg-rt .pg-rt-panel{background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px; margin-bottom:14px}
.pg-rt .hidden{display:none}
.pg-rt .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.pg-rt label{font-size:12px;color:var(--muted);margin-bottom:4px;display:block}
.pg-rt select,.pg-rt input[type='text'], .pg-rt input[type='number']{width:100%;background:#0c1430;border:1px solid var(--border);color:#e8eeff;border-radius:10px;padding:8px 10px}
.pg-rt .result{background:#0d1533;border:1px dashed var(--border);padding:12px;border-radius:12px;margin-top:10px}
.pg-rt .pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);margin-left:6px;color:#cfe1ff}
.pg-rt .flex{display:flex;align-items:center;gap:12px}
.pg-rt .preview-wrap{display:flex;justify-content:center;align-items:center;gap:14px;margin:14px 0}
.pg-rt .preview-svg{width:420px;max-width:100%;height:78px}
.pg-rt .grid{display:grid;grid-template-columns:repeat(5, minmax(80px,1fr));gap:8px}
.pg-rt .swatch{display:flex;gap:6px;flex-wrap:wrap}
.pg-rt .swatch button{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer}
.pg-rt .title{font-weight:600}
.pg-rt .mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
.pg-rt .ok{color:var(--ok)}
.pg-rt .warn{color:var(--warn)}
.pg-rt small{color:#a8b6d6}