:root{--ai-bg:#0b1020;--ai-panel:#121a31;--ai-line:#293451;--ai-text:#f6f7ff;--ai-muted:#aeb8d2;--ai-accent:#7c83ff;--ai-cyan:#46d8ff}
.ai-page{width:min(1180px,92%);margin:auto;padding:54px 0 80px;color:var(--ai-text)}
.ai-hero{padding:42px;border:1px solid var(--ai-line);border-radius:26px;background:radial-gradient(circle at 85% 10%,#27327c 0,transparent 35%),var(--ai-panel)}
.ai-kicker{color:var(--ai-cyan);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.ai-hero h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.02;margin:12px 0}.ai-hero p{max-width:760px;color:var(--ai-muted);font-size:1.08rem}
.ai-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;margin-top:24px}.ai-modes,.ai-workspace{background:var(--ai-panel);border:1px solid var(--ai-line);border-radius:20px;padding:20px}.ai-mode{display:block;width:100%;padding:14px;margin:0 0 10px;text-align:left;border-radius:12px;border:1px solid var(--ai-line);background:#0d1428;color:var(--ai-text);cursor:pointer}.ai-mode.active{border-color:var(--ai-accent);background:#222b5c}.ai-mode strong,.ai-mode span{display:block}.ai-mode span{font-size:.82rem;color:var(--ai-muted);margin-top:4px}
.ai-output{min-height:230px;max-height:460px;overflow:auto;padding:18px;border:1px solid var(--ai-line);border-radius:14px;background:#0a1020;white-space:pre-wrap;line-height:1.65}.ai-welcome{color:var(--ai-muted)}.ai-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.ai-form textarea{resize:vertical;min-height:64px;max-height:180px;padding:14px;border:1px solid var(--ai-line);border-radius:12px;background:#0a1020;color:var(--ai-text);font:inherit}.ai-send{border:0;border-radius:12px;padding:0 22px;background:linear-gradient(135deg,var(--ai-accent),var(--ai-cyan));color:#07101d;font-weight:900;cursor:pointer}.ai-send:disabled{opacity:.55}.ai-note{color:var(--ai-muted);font-size:.8rem;margin:10px 0 0}.ai-search-results{display:grid;gap:10px;margin-top:15px}.ai-result{padding:13px;border:1px solid var(--ai-line);border-radius:12px;color:var(--ai-text);text-decoration:none}.ai-result small{color:var(--ai-muted);display:block;margin-top:4px}
.ai-workspace>input[type=search]{box-sizing:border-box;width:100%;margin-top:10px;padding:14px;border:1px solid var(--ai-line);border-radius:12px;background:#0a1020;color:var(--ai-text);font:inherit}
@media(max-width:760px){.ai-page{padding-top:28px}.ai-hero{padding:26px 20px}.ai-layout{grid-template-columns:1fr}.ai-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-mode{margin:0}.ai-form{grid-template-columns:1fr}.ai-send{min-height:48px}.ai-output{min-height:190px}}