.op-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.op-toolbar p{font-size:12px;color:#8ca2b5}.op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.op-card{padding:22px;border:1px solid #283e50;border-radius:9px;background:#142532;margin-bottom:18px;overflow-wrap:anywhere}.op-card h3{font-size:18px;margin:0 0 10px}.op-card p{font-size:13px;color:#a0b3c2;line-height:1.7}.op-subtitle{font-size:20px;margin:24px 0}.op-check{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #2b3f50}.op-check small{display:block;color:#a0b3c2;margin-top:7px;font-size:12px;white-space:pre-wrap}.op-check strong{font-size:14px}.op-actions{display:flex;gap:10px;flex-wrap:wrap}.op-error{color:#ffa1a1!important}.op-dialog{width:min(560px,95vw);max-height:90vh;overflow:auto;background:#142532;color:#e4eef4;border:1px solid #3c5365;border-radius:12px;padding:28px}.op-dialog label{display:block;margin:18px 0;font-size:13px}.op-dialog input,.op-dialog textarea{display:block;width:100%;margin-top:8px;background:#0e1d29;color:#e4eef4;border:1px solid #3c5365;border-radius:6px;padding:12px;font:inherit}.op-dialog textarea{height:130px;resize:vertical}.op-download{display:inline-block;background:#a9d995;color:#102326;border-radius:6px;padding:12px 18px;font-size:14px;font-weight:650}progress{height:8px;width:100%;accent-color:#a9d995}nav{max-height:52vh;overflow-y:auto}@media(max-width:900px){.op-grid{grid-template-columns:1fr}.op-toolbar{align-items:flex-start;flex-direction:column}.op-check{align-items:flex-start;flex-direction:column}}@media print{aside,header,.demo,.op-toolbar,button{display:none!important}main{margin:0!important}.op-card{break-inside:avoid}}