.bmc-css .p2em-converter{margin-bottom:2rem;}
.p2em-converter{display:flex;flex-direction:column;gap:1.5rem;}
.p2em-card{display:grid;grid-template-columns:1fr;gap:0;background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.06));border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.04);overflow:hidden;}
@media (min-width:640px){.p2em-card{grid-template-columns:1fr 1fr;gap:0;}}
.p2em-inputs{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;}
@media (min-width:640px){.p2em-inputs{padding:1.5rem;border-right:1px solid var(--border,rgba(0,0,0,.06));}}
.p2em-row{display:flex;flex-direction:column;gap:0.375rem;}
.p2em-label{font-size:0.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;}
.p2em-input{width:100%;padding:0.875rem 1rem;font-size:1rem;line-height:1.4;color:var(--text-main,#111);background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.12));border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;}
.p2em-input:hover{border-color:var(--border,rgba(0,0,0,.2));}
.p2em-input:focus{border-color:var(--primary,#0d6efd);box-shadow:0 0 0 3px rgba(13,110,253,.12);outline:none;}
.p2em-input::placeholder{color:var(--text-muted);opacity:.8;}
.p2em-hint{font-size:0.75rem;color:var(--text-muted);}
.p2em-result-wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem;padding:1.25rem;background:linear-gradient(180deg,var(--surface-muted,rgba(0,0,0,.02)) 0%,transparent 100%);}
@media (min-width:640px){.p2em-result-wrap{padding:1.5rem;min-height:140px;}}
.p2em-result{font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-main,#111);letter-spacing:-0.02em;text-align:center;}
.p2em-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;}
.p2em-btn{padding:0.625rem 1.25rem;font-size:0.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent;}
.p2em-btn-copy{color:#fff;background:var(--primary,#0d6efd);border:1px solid var(--primary,#0d6efd);}
.p2em-btn-copy:hover{filter:brightness(1.06);}
.p2em-btn-copy:active{transform:scale(0.98);}
.p2em-btn-clear{color:var(--text-muted);background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.12));}
.p2em-btn-clear:hover{background:var(--surface-muted,rgba(0,0,0,.04));border-color:var(--border,rgba(0,0,0,.2));}
.p2em-btn-clear:active{transform:scale(0.98);}
.p2em-ref{padding:1rem;background:var(--surface-muted,rgba(0,0,0,.015));border:1px solid var(--border,rgba(0,0,0,.06));border-radius:12px;}
.p2em-ref-heading{font-size:0.875rem;font-weight:600;color:var(--text-muted);margin:0 0 0.75rem;letter-spacing:.03em;}
.p2em-ref-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;}
@media (min-width:480px){.p2em-ref-list{grid-template-columns:repeat(3,1fr);gap:0.625rem;}}
@media (min-width:768px){.p2em-ref-list{grid-template-columns:repeat(5,1fr);gap:0.75rem;}}
.p2em-ref-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0.75rem;font-size:0.8125rem;background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:8px;}
.p2em-ref-px{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-main,#111);}
.p2em-ref-em{color:var(--text-muted);font-variant-numeric:tabular-nums;}
.p2em-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;font-size:0.875rem;font-weight:500;color:#fff;background:#374151;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:9999;animation:p2em-toast-in .25s ease;}
@keyframes p2em-toast-in{from{opacity:0;transform:translateX(-50%) translateY(10px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}