.lpx-modal-ui{--lpx-accent:#00d1ff;--lpx-text:#f2f6ff;--lpx-muted:#a8b3c7;--lpx-bg:rgba(0,0,0,.35);--lpx-radius:14px;--lpx-shadow:0 10px 30px rgba(0,0,0,.45);--lpx-neon:0 0 8px rgba(0,209,255,.65),0 0 18px rgba(0,209,255,.45)}
.lpx-modal-ui .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--lpx-radius);font-weight:700;text-decoration:none;cursor:pointer;border:1px solid rgba(255,255,255,.14);color:var(--lpx-text);background:var(--lpx-bg);box-shadow:var(--lpx-shadow);transition:transform .12s ease,box-shadow .15s ease}
.lpx-modal-ui .btn:hover{transform:translateY(-1px)}
.lpx-modal-ui .btn-primary{background:linear-gradient(180deg,rgba(0,209,255,.25),rgba(0,209,255,.08));border-color:rgba(0,209,255,.5)}
.lpx-modal-ui .btn-primary:hover{box-shadow:var(--lpx-neon)}
.lpx-modal-ui .sel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;width:100%}
.lpx-modal-ui .sel-card{position:relative;background:var(--lpx-bg);border:1px solid rgba(255,255,255,.14);border-radius:var(--lpx-radius);padding:16px 14px;text-align:center;color:var(--lpx-text);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}
.lpx-modal-ui .sel-card:hover{transform:translateY(-2px);box-shadow:var(--lpx-neon);border-color:rgba(0,209,255,.5)}
.lpx-modal-ui .sel-card.active{border-color:rgba(0,209,255,.8);box-shadow:var(--lpx-neon)}
.lpx-modal-ui .sel-title{font-weight:800}
.lpx-modal-ui .sel-sub{margin-top:6px;font-size:.92rem;color:var(--lpx-muted)}
.lpx-modal-ui .toggle{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.lpx-modal-ui .tgl{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 14px;background:rgba(0,0,0,.25);color:var(--lpx-text);cursor:pointer;transition:all .15s ease}
.lpx-modal-ui .tgl:hover{border-color:rgba(0,209,255,.6);box-shadow:var(--lpx-neon)}
.lpx-modal-ui .tgl.active{background:linear-gradient(180deg,rgba(0,209,255,.24),rgba(0,209,255,.08));border-color:rgba(0,209,255,.9)}
.lpx-modal-ui .inline-input{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.lpx-modal-ui .inline-input input[type="number"]{width:140px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.3);color:var(--lpx-text);padding:10px 12px;font-weight:700;text-align:center}
.lpx-modal-ui .mt{margin-top:18px}
.lpx-modal-ui .small{font-size:.92rem;color:var(--lpx-muted)}
/* Overlay & modal */
.lpx-modal-ui .lpx-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}
.lpx-modal-ui .lpx-overlay.show{display:flex}
.lpx-modal-ui .lpx-modal{width:min(920px,96vw);max-height:90vh;overflow:auto;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:var(--lpx-shadow);color:var(--lpx-text)}
.lpx-modal-ui .lpx-modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.lpx-modal-ui .lpx-modal header h3{margin:0;font-size:1.15rem;font-weight:800}
.lpx-modal-ui .lpx-modal .close{background:transparent;border:none;color:var(--lpx-text);font-size:1.6rem;cursor:pointer;line-height:1}
.lpx-modal-ui .lpx-modal .content{padding:16px 18px}
.lpx-modal-ui .lpx-modal .footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 18px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:560px){.lpx-modal-ui .lpx-modal .footer{flex-direction:column}.lpx-modal-ui .lpx-modal .footer .btn{width:100%}}