:root{--bg:#0b1220;--card:#0f172a;--muted:#94a3b8;--text:#e2e8f0;--brand:#22d3ee;--accent:#38bdf8;--border:rgba(148,163,184,.18)}
[data-tnai-theme="light"]{--bg:#f6f7fb;--card:#ffffff;--muted:#475569;--text:#0f172a;--brand:#06b6d4;--accent:#0ea5e9;--border:rgba(15,23,42,.12)}
.tnai-wrap{max-width:980px;margin:16px auto 56px;padding:0 16px;color:var(--text)}
.tnai-header{padding:12px 0 8px}
.tnai-header-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tnai-muted{color:var(--muted)}
.tnai-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
[data-tnai-theme="light"] .tnai-card{background:#fff}
.tnai-pad{padding:16px}
.tnai-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media(max-width:760px){.tnai-row{grid-template-columns:1fr}}
label{font-size:.95rem;color:var(--muted);display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0b1327;color:#e2e8f0;outline:none;min-height:44px;font-size:16px}
[data-tnai-theme="light"] input,[data-tnai-theme="light"] select,[data-tnai-theme="light"] textarea{background:#fff;color:#0f172a}
textarea{min-height:120px}
.tnai-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tnai-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#0b1327;color:#e2e8f0;cursor:pointer;text-decoration:none;min-height:44px;font-size:16px}
[data-tnai-theme="light"] .tnai-btn{background:#f8fafc;color:#0f172a}
.tnai-brand{background:linear-gradient(90deg,var(--brand),var(--accent));color:#001018;border:none}
.tnai-ghost{background:transparent}
.tnai-h{margin:0 0 10px}
.tnai-hint{font-size:.9rem;color:var(--muted)}
.tnai-styles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:900px){.tnai-styles{grid-template-columns:1fr}}
.tnai-style-card{display:flex;flex-direction:column;gap:8px}
.tnai-style-head{display:flex;justify-content:space-between;align-items:center}