:root{--bg:#0f1218;--card:#171a22;--muted:#99a1b3;--text:#e8ecf3;--accent:#22c55e;--border:#2a2f3a}.pdc-container *{box-sizing:border-box}.pdc-container{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}.pdc-bleed{width:100%;max-width:100%!important;position:static;left:auto;right:auto;margin:0;padding-left:0;padding-right:0}.pdc-bleed .container{max-width:100%!important;width:100%!important}.pdc-container .container{max-width:100%!important;width:100%!important;margin:0 auto;padding:24px}.pdc-container header h1{margin:0 0 6px;font-size:28px;color:#fff}.pdc-container h2{color:#fff}.pdc-container .muted{color:var(--muted)}.pdc-container .grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:24px}.pdc-container .card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 16px 6px;box-shadow:0 10px 30px rgb(0 0 0 / .25)}.pdc-container .card.full-width{grid-column:1 / -1}.pdc-container .card h2{margin-top:4px;font-size:22px}.pdc-container .field{margin:14px 0;background:#12161d;padding:10px 12px;border-radius:8px;border:1px solid var(--border)}.pdc-container .field:hover{background:#1a1f29;border-color:#3a3f4a}.pdc-container .field label{display:block;font-weight:600;margin-bottom:6px;color:#e0e0e0}.pdc-container .field input[type="range"],.pdc-container .field input[type="number"],.pdc-container .field select{width:100%}.pdc-container .field .value{margin-top:6px;color:#b0b0b0;font-size:.95em}.pdc-container .help{margin:6px 0 0;font-size:12px;color:var(--muted)}.pdc-container .divider{height:1px;background:var(--border);margin:16px 0}.pdc-container .results{display:grid;gap:10px}.pdc-container .result-card{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#12161d}.pdc-container .footer{opacity:.8}@media (max-width:1200px){.pdc-container .grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.pdc-container .grid{grid-template-columns:1fr;gap:20px}.pdc-container .card{padding:14px 16px 8px}.pdc-container .field{margin:12px 0;padding:12px 14px}.pdc-container .field label{font-size:15px;margin-bottom:8px}.pdc-container .field .value{font-size:15px;margin-top:8px}.pdc-container .card h2{font-size:20px}}@media (max-width:480px){.pdc-container .container{padding:16px 14px}.pdc-container .field{padding:10px 12px}.pdc-container .field label{font-size:14px}.pdc-container .field .value{font-size:14px}.pdc-container .card h2{font-size:18px}}