.aipt-puter-wrap { max-width:900px; margin:20px auto; background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(2,6,23,0.06); overflow:hidden; border:1px solid #e6eef6; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.aipt-puter-header { background: linear-gradient(90deg,#0ea5e9,#3b82f6); color:#fff; padding:12px 16px; font-weight:700; font-size:16px; text-align:center; }
.aipt-puter-toolbar { display:flex; gap:8px; align-items:center; padding:10px 12px; background:#f8fafc; border-bottom:1px solid #eef2f7; flex-wrap:wrap; }
.aipt-label { font-size:13px; color:#111827; margin-right:6px; display:flex; align-items:center; gap:6px; }
.aipt-select { padding:6px 8px; border-radius:6px; border:1px solid #d1d5db; background:#fff; font-size:13px; }

.aipt-puter-box { height:420px; overflow-y:auto; padding:16px; background:linear-gradient(180deg,#fbfdff,#f8fafc); display:flex; flex-direction:column; gap:10px; }
.aipt-message { padding:10px 14px; border-radius:12px; max-width:78%; line-height:1.45; word-wrap:break-word; box-shadow:0 4px 12px rgba(2,6,23,0.03); }
.aipt-message.user { background:linear-gradient(90deg,#dbeafe,#bfdbfe); color:#0f172a; margin-left:auto; text-align:right; }
.aipt-message.ai   { background:#eef2f7; color:#0f172a; margin-right:auto; text-align:left; }

.aipt-puter-input { display:flex; gap:8px; padding:12px; background:#fff; border-top:1px solid #eef2f7; }
.aipt-puter-input input[type="text"] { flex:1; padding:10px 12px; border-radius:8px; border:1px solid #e6eef6; font-size:14px; }
.aipt-btn { background:#0ea5e9; color:#fff; border:none; padding:9px 12px; border-radius:8px; cursor:pointer; font-size:14px; }
.aipt-small-btn { background:#ffffff; color:#0f172a; border:1px solid #e6eef6; padding:6px 8px; border-radius:6px; cursor:pointer; }

.aipt-mic { background:#10ac84; }
.aipt-mic.listening { background:#ef4444 !important; }

.typing { font-style:italic; color:#6b7280; }

@media (max-width:720px) {
  .aipt-puter-wrap { margin:12px; }
  .aipt-puter-toolbar { gap:6px; }
  .aipt-select { min-width:130px; }
  .aipt-puter-box { height:320px; }
}