.tool-card{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px 8px;font-size:28px;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.tool-card:hover{transform:translateY(-3px);border-color:#10b981;box-shadow:0 12px 24px rgba(16,185,129,.18)}
.tool-card b{font-size:13px;color:#0f172a}
.tool-card span{font-size:11px;color:#64748b;font-weight:600}
.tool-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.tool-head{font-weight:800;font-size:16px;margin-bottom:8px;color:#0f172a}
.tool-head span{color:#059669;font-weight:600;font-size:13px}
.inp{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}
.inp:focus{border-color:#10b981;box-shadow:0 0 0 3px #d1fae5}
.btn-primary{background:#059669;color:#fff;font-weight:800;padding:10px 18px;border-radius:12px;font-size:14px;transition:.2s}
.btn-primary:hover{background:#047857}
.btn-primary:disabled{opacity:.6}
.btn-dark{background:#0f172a;color:#fff;font-weight:700;padding:10px 14px;border-radius:12px;font-size:13px}
.btn-wa{background:#22c55e;color:#fff;font-weight:700;padding:10px 14px;border-radius:12px;font-size:13px}
.out{margin-top:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;min-height:48px;color:#334155}
.marquee{animation:marq 22s linear infinite}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#chatBox::-webkit-scrollbar{width:6px}
#chatBox::-webkit-scrollbar-thumb{background:#a7f3d0;border-radius:99px}
details summary::-webkit-details-marker{display:none}
/* Top tools bar: pill horizontal, bisa geser di HP, selalu nempel di atas */
.tools-topbar{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tools-topbar::-webkit-scrollbar{display:none}
.tools-topbar a{flex:0 0 auto;background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a;padding:7px 13px;border-radius:999px;transition:.15s}
.tools-topbar a:hover{background:#059669;border-color:#059669;color:#fff}
.tools-topbar a:first-child{background:#0f172a;border-color:#0f172a;color:#fff}
/* offset anchor biar tidak ketutup header+menubar saat lompat */
section[id]{scroll-margin-top:130px}