:root { --kn-bg:#12131c; --kn-card:#1a1c2b; --kn-text:#fff; --kn-muted:#c9cbd6; --kn-accent:#e94560; --kn-border:#ffb703; }
.kn-card { background: var(--kn-card); color: var(--kn-text); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 16px; margin: 16px 0; }
.kn-note { font-size: 13px; color: var(--kn-muted); margin: 8px 0; }
.kn-grid { display: grid; gap: 12px; }
.kn-2 { grid-template-columns: repeat(2,1fr); }
.kn-3 { grid-template-columns: repeat(3,1fr); }
.kn-input { width: 100%; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#fff; border-radius:10px; padding:10px; }
.kn-btn { background: linear-gradient(135deg, var(--kn-accent), #ffb703); color:#12131c; border:none; border-radius:10px; padding:10px 16px; font-weight:700; cursor:pointer; }
.kn-outline { background: transparent; color:#fff; border: 2px solid var(--kn-accent); }
.kn-tip { margin-left:6px; cursor: help; color:#ffb703; }
.kn-error { color:#ff6b6b; margin-top:8px; }
.kn-chat-window { background:#0f1120; min-height:120px; border-radius:12px; padding:10px; }
.kn-msg { margin:6px 0; }
.kn-msg.kn-user { color:#fff; }
.kn-msg.kn-ai { color:#9be7ff; }
.kn-msg.kn-warn { color:#ffdd57; }
.kn-plan .kn-est { font-size:16px; font-weight:800; margin-top:10px; }
.kn-portfolio .kn-layout-controls { display:flex; gap:10px; margin-bottom:10px; }
.kn-portfolio-grid { display:grid; gap:10px; }
.kn-sample { display:block; padding:10px; border:2px solid var(--kn-border); border-radius:10px; text-align:center; color:#fff; text-decoration:none; }
@media (max-width: 992px){ .kn-3,.kn-2{ grid-template-columns: 1fr; } }