@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
.native-hero{padding-top:42px}.native-hero .lead{max-width:720px;margin:18px auto 24px;color:var(--muted);font-size:17px}.native-cards{max-width:1050px;margin:40px auto 70px;padding:0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.native-cards .feature-card{padding:24px}.native-cards p{color:var(--muted);margin-bottom:0}.native-footer{text-align:center;border-top:1px solid var(--border);padding:22px;color:var(--muted);font-size:13px}.native-chat-body{min-height:100vh}.native-tag{font-size:12px;color:var(--brand-text);background:var(--brand-soft);border-radius:20px;padding:3px 9px;margin-right:8px}.chat-shell{max-width:850px;margin:25px auto;padding:0 18px;display:flex;flex-direction:column;height:calc(100dvh - 105px)}.chat-intro{text-align:center;padding:20px 0 10px}.chat-intro img{width:54px;height:54px;object-fit:contain}.chat-intro h1{font-size:25px;margin-top:8px}.chat-intro p,.disclaimer{color:var(--muted);font-size:12px}.messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:20px 2px}.bubble{max-width:min(85%,680px);padding:13px 16px;border:1px solid var(--border);border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.bubble.assistant{align-self:flex-start;background:var(--surface)}.bubble.user{align-self:flex-end;background:var(--brand-soft);border-color:rgba(34,193,255,.24)}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);padding:10px}.composer textarea{flex:1;resize:vertical;min-height:42px;max-height:180px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;padding:8px}.composer button{align-self:flex-end}.disclaimer{text-align:center;margin:8px 0 10px}@media(max-width:700px){.native-cards{grid-template-columns:1fr}.native-hero{padding-left:18px;padding-right:18px}.chat-shell{height:calc(100dvh - 90px);margin-top:8px}.bubble{max-width:94%}}

/* Clean chat code blocks and a separate editable code workspace */
.message-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.bubble.assistant{max-width:min(96%,780px)}
.code-card{direction:ltr;text-align:left;overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;margin:12px 0;background:#111827;color:#e5e7eb;max-width:100%;}
.code-card-head,.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:#1f2937;border-bottom:1px solid #374151;color:#f3f4f6;direction:ltr}
.code-language{font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:#93c5fd}.code-actions,.editor-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tool-btn{border:1px solid #4b5563;background:#273449;color:#f9fafb;border-radius:7px;padding:5px 9px;font:500 12px Vazirmatn, sans-serif;cursor:pointer}.tool-btn:hover{background:#374151}.primary-tool{background:#164e63;border-color:#0e7490}.code-content{margin:0;padding:16px;overflow:auto;direction:ltr;text-align:left;white-space:pre;tab-size:4;font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color:#e5e7eb;unicode-bidi:plaintext}
.editor-panel{flex:none;margin:0 0 12px;border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;background:#111827;color:#e5e7eb}.editor-panel[hidden]{display:none}.editor-head{direction:rtl}.editor-head>div:first-child{display:flex;align-items:center;gap:10px}.editor-language{font:11px ui-monospace,Consolas,monospace;color:#93c5fd}.editor-workspace{display:flex;direction:ltr;align-items:stretch;height:250px;min-height:160px;max-height:50vh;background:#111827}.line-numbers{flex:none;overflow:hidden;margin:0;padding:12px 10px;min-width:42px;border-right:1px solid #374151;color:#6b7280;text-align:right;white-space:pre;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}.editor-workspace textarea{flex:1;min-width:0;resize:vertical;border:0;outline:0;padding:12px;background:transparent;color:#e5e7eb;white-space:pre;overflow:auto;tab-size:4;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left}.editor-foot{padding:8px 12px;border-top:1px solid #374151;color:#9ca3af;font-size:11px;direction:rtl}.code-card button:focus-visible,.editor-panel button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}
@media(max-width:700px){.code-content{font-size:12px;padding:12px}.editor-workspace{height:210px}.bubble.assistant{max-width:100%}.code-card-head{align-items:flex-start}}

/* Suggestions, pending state, hidden */
[hidden]{display:none!important}
.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:20px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}
.chip:hover{background:var(--brand-soft)}
.bubble.pending{color:var(--muted);animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.45}}