.poweird-ai{border:1px solid #e5e7eb;padding:16px;border-radius:12px;max-width:780px;margin:0 auto}
.poweird-tabs{display:flex;gap:8px;margin-bottom:12px}
.pw-tab{padding:8px 12px;border:1px solid #ddd;background:#f9fafb;border-radius:8px;cursor:pointer}
.pw-tab.active{background:#111;color:#fff;border-color:#111}
.pw-panel label{display:block;font-weight:600;margin-top:10px}
.pw-panel input,.pw-panel textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;margin-top:6px}
.pw-btn{margin-top:12px;padding:10px 14px;border-radius:10px;background:#111;color:#fff;border:none;cursor:pointer}
.pw-output{margin-top:14px}

/* Pretty results */
.pw-hint { color:#94a3b8; font-style:italic; }
.pw-loading { padding:12px; background:#111; color:#fff; border-radius:10px; display:inline-block }
.pw-error { color:#b91c1c; font-weight:600 }

.pw-grid { display:grid; gap:12px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.pw-card { background:#0b1020; color:#d7f5f5; border:1px solid #1f2937; border-radius:12px; padding:12px; }
.pw-card-title { font-weight:700; margin-bottom:8px; }
.pw-list { margin:0; padding-left:18px; }
.pw-pre { white-space:pre-wrap; margin:0; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; }
.pw-ad { line-height:1.45; }
.pw-copy { margin-top:10px; padding:8px 10px; border:none; border-radius:8px; background:#10b981; color:#061016; font-weight:700; cursor:pointer }
.pw-copy:hover { filter:brightness(0.95) }