*{margin:0;padding:0;box-sizing:border-box}
body{width:380px;max-height:580px;overflow-y:auto;background:#0f1117;color:#e0e0e0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
body::-webkit-scrollbar{width:6px}
body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}
.header{padding:16px 20px 12px;border-bottom:1px solid #1e2030;display:flex;align-items:center;gap:10px}
.header img{width:28px;height:28px}
.header h1{font-size:17px;font-weight:700;color:#fff}
.header .badge{font-size:11px;background:#ff0033;color:#fff;padding:2px 8px;border-radius:10px;margin-left:auto}
.context-banner{padding:10px 16px;background:#1a1025;border-bottom:1px solid #1e2030;font-size:12px;color:#aaa;display:none;align-items:center;gap:8px}
.context-banner .dot{width:8px;height:8px;border-radius:50%;background:#ff0033}
.section-title{padding:12px 20px 6px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#666;font-weight:600}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}
.tool-card{background:#161822;border:1px solid #1e2030;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s}
.tool-card:hover{border-color:#ff0033;background:#1a1025;transform:translateY(-1px)}
.tool-card.highlight{border-color:#ff0033;background:linear-gradient(135deg,#1a0a1a,#161822)}
.tool-card .icon{font-size:20px;margin-bottom:6px}
.tool-card .name{font-size:13px;font-weight:600;color:#e0e0e0;line-height:1.3}
.tool-card .desc{font-size:10px;color:#666;margin-top:2px}
.full-width{grid-column:1/-1}
.footer{padding:10px 16px;border-top:1px solid #1e2030;text-align:center;font-size:11px;color:#444}
.footer a{color:#ff0033;text-decoration:none}