.opst-app{font-family:Arial,sans-serif;max-width:1100px;margin:30px auto;color:#172033}.opst-hero{display:flex;justify-content:space-between;gap:20px;padding:28px;border-radius:16px;background:#f3f7ff;border:1px solid #dbe7ff}.opst-hero small{color:#2070fb;font-weight:800}.opst-hero h2{margin:8px 0;font-size:30px}.opst-hero p{color:#64748b}.opst-hero b{background:#2070fb;color:white;padding:10px 14px;border-radius:20px;height:max-content}.opst-tabs{display:flex;gap:8px;overflow:auto;margin:16px 0}.opst-tabs button{padding:11px 15px;border:1px solid #d8dee8;background:white;border-radius:8px;cursor:pointer;white-space:nowrap}.opst-tabs button.active,.opst-btn{background:#2070fb;color:white;border-color:#2070fb}.opst-panel{display:none}.opst-panel.active{display:block}.opst-card{padding:24px;border:1px solid #e5eaf0;border-radius:14px;box-shadow:0 5px 20px #0000000a}.opst-card textarea,.opst-output{width:100%;min-height:180px;margin:12px 0;padding:13px;border:1px solid #cfd7e3;border-radius:8px;font:inherit;box-sizing:border-box}.opst-btn{padding:12px 18px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.opst-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.opst-stats>div{padding:16px;border:1px solid #e5eaf0;border-radius:10px;background:#fafcff}.opst-stats small{display:block;color:#64748b}.opst-stats strong{display:block;font-size:25px;margin-top:5px}.opst-table{overflow:auto}.opst-table table{width:100%;border-collapse:collapse}.opst-table td{padding:10px;border-bottom:1px solid #e8edf2}.opst-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.opst-cols label{font-weight:700}.opst-note{color:#64748b;font-size:13px}@media(max-width:700px){.opst-stats,.opst-cols{grid-template-columns:1fr 1fr}.opst-hero{display:block}}@media(max-width:450px){.opst-stats,.opst-cols{grid-template-columns:1fr}}