.mega-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.mega-title{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}
.mega-sub{color:#6c757d;font-size:.9rem;margin-bottom:1rem}
.mega-row{display:flex;gap:16px;flex-wrap:wrap}
.mega-col{flex:1 1 320px;min-width:320px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.btn{cursor:pointer;border:1px solid #0d6efd;color:#0d6efd;background:#fff;border-radius:8px;padding:.4rem .7rem}
.btn:hover{background:#0d6efd;color:#fff}
.input{display:flex;border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden}
.input span{background:#f5f6f7;padding:.5rem .6rem;border-right:1px solid rgba(0,0,0,.08)}
.input input{flex:1;border:0;padding:.5rem .6rem;outline:0}
pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;overflow:auto}