*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f1ea;color:#0f172a}.dark body{background:#020617;color:#f8fafc}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}svg{display:block}.min-h-screen{min-height:100vh}.sticky{position:sticky}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.right-4{right:1rem}.left-3{left:.75rem}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.min-w-\[260px\]{min-width:260px}.min-w-\[780px\]{min-width:780px}.min-w-\[960px\]{min-width:960px}.min-w-\[1200px\]{min-width:1200px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-5xl{max-width:64rem}.max-w-\[1800px\]{max-width:1800px}.max-w-\[88\%\]{max-width:88%}.h-2{height:.5rem}.h-11{height:2.75rem}.w-11{width:2.75rem}.max-h-\[520px\]{max-height:520px}.max-h-\[620px\]{max-height:620px}.max-h-\[62vh\]{max-height:62vh}.min-h-\[420px\]{min-height:420px}.min-h-\[96px\]{min-height:96px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-slate-200,.border-slate-200\/80{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.bg-paper{background:#f4f1ea}.bg-\[\#ece7dc\]{background:#ece7dc}.bg-\[\#f7f4ed\]{background:#f7f4ed}.bg-\[\#fbfaf6\]{background:#fbfaf6}.bg-slate-900{background:#0f172a}.bg-slate-950,.bg-slate-950\/55{background:#020617}.bg-slate-950\/55{background:#0206178c}.bg-paper\/92{background:#f4f1eaeb}.bg-amber-100{background:#fef3c7}.bg-amber-600{background:#d97706}.bg-amber-700{background:#b45309}.bg-red-100{background:#fee2e2}.bg-red-700{background:#b91c1c}.bg-emerald-100{background:#d1fae5}.bg-emerald-700{background:#047857}.bg-slate-200{background:#e2e8f0}.bg-slate-800{background:#1e293b}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pl-9{padding-left:2.25rem}.text-left{text-align:left}.text-base{font-size:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-white{color:#fff}.text-slate-950{color:#020617}.text-slate-900{color:#0f172a}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-slate-300{color:#cbd5e1}.text-amber-100{color:#fef3c7}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-emerald-700{color:#047857}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-sm{box-shadow:0 1px 2px #0f172a14}.shadow-soft{box-shadow:0 18px 45px #0f172a1a}.outline-none{outline:0}.backdrop-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.transition{transition:all .18s ease}.hover\:bg-amber-100:hover{background:#fef3c7}.hover\:bg-amber-700:hover{background:#b45309}.hover\:bg-red-800:hover{background:#991b1b}.hover\:bg-slate-700:hover{background:#334155}.hover\:bg-slate-900:hover{background:#0f172a}.hover\:text-slate-950:hover{color:#020617}.hover\:text-white:hover{color:#fff}.hover\:text-amber-900:hover{color:#78350f}.focus\:border-amber-600:focus{border-color:#d97706}.focus\:ring-2:focus{box-shadow:0 0 0 2px #d9770633}.disabled\:opacity-60:disabled{opacity:.6}.dark .dark\:bg-slate-950{background:#020617}.dark .dark\:bg-slate-900{background:#0f172a}.dark .dark\:bg-slate-800{background:#1e293b}.dark .dark\:bg-amber-700{background:#b45309}.dark .dark\:bg-emerald-950{background:#022c22}.dark .dark\:bg-red-950{background:#450a0a}.dark .dark\:bg-amber-950{background:#451a03}.dark .dark\:border-slate-800{border-color:#1e293b}.dark .dark\:border-slate-700{border-color:#334155}.dark .dark\:text-slate-100{color:#f1f5f9}.dark .dark\:text-slate-300{color:#cbd5e1}.dark .dark\:text-slate-400{color:#94a3b8}.dark .dark\:text-white{color:#fff}.dark .dark\:text-amber-300{color:#fcd34d}.dark .dark\:text-amber-400{color:#fbbf24}.dark .dark\:text-amber-500{color:#f59e0b}.dark .dark\:text-emerald-300{color:#6ee7b7}.dark .dark\:text-red-300{color:#fca5a5}.dark .dark\:hover\:bg-slate-800:hover{background:#1e293b}.dark .dark\:hover\:bg-amber-600:hover{background:#d97706}.dark .dark\:hover\:bg-amber-700:hover{background:#b45309}.dark .dark\:hover\:text-white:hover{color:#fff}.dark .dark\:hover\:text-amber-300:hover{color:#fcd34d}.input,.textarea{width:100%;border:1px solid #cbd5e1;background:#fbfaf6;color:#0f172a;border-radius:.75rem;padding:.7rem .85rem;font-size:.875rem;outline:0;transition:border-color .18s,box-shadow .18s}.textarea{line-height:1.55;resize:vertical}.input:focus,.textarea:focus{border-color:#d97706;box-shadow:0 0 0 2px #d977062e}.dark .input,.dark .textarea{background:#020617;color:#f8fafc;border-color:#334155}.input-dark{width:100%;border:1px solid #334155;background:#0f172a;color:#fff;border-radius:.75rem;padding:.75rem;outline:0}.input-dark:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b47}.nav-btn{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;border:0;border-radius:.75rem;background:transparent;padding:.5rem .75rem;color:#475569;font-size:.875rem;font-weight:500;transition:all .18s}.nav-btn:hover{background:#fef3c7;color:#020617}.nav-btn-active,.nav-btn-active:hover{background:#0f172a;color:#fff}.dark .nav-btn{color:#cbd5e1}.dark .nav-btn:hover{background:#1e293b;color:#fff}.dark .nav-btn-active,.dark .nav-btn-active:hover{background:#b45309;color:#fff}.copy-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem;border:0;background:transparent;color:#b45309;font-size:.75rem}.copy-btn:hover{color:#78350f}.dark .copy-btn{color:#fbbf24}.chat-scroll h1,.chat-scroll h2,.chat-scroll h3{margin:.6rem 0 .35rem;font-weight:700}.chat-scroll p{margin:.25rem 0}.chat-scroll pre{overflow:auto;border-radius:.75rem;background:#0f172a;color:#f8fafc;padding:.85rem}.chat-scroll code{border-radius:.35rem;background:#0f172a1a;padding:.12rem .25rem}.chat-scroll pre code{background:transparent;padding:0}.chat-scroll ul,.chat-scroll ol{margin:.35rem 0 .35rem 1.25rem}.chat-scroll blockquote{border-left:3px solid #d97706;margin:.5rem 0;padding-left:.75rem;color:#64748b}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-12{padding:3rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}}@media(min-width:1024px){.lg\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}}@media(min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:items-end{align-items:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:pb-0{padding-bottom:0}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.xl\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}.xl\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}}.app-shell-fixed{min-height:100vh}@media(min-width:901px){.app-shell-fixed{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;overflow:hidden}.app-shell-fixed>main{flex:1 1 auto;width:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-shell-fixed>main>section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-shell-fixed .client-gen{height:100%;min-height:0}}.client-gen{display:grid;grid-template-columns:250px 1fr;gap:0;min-height:26rem;border:1px solid #e2e8f0;border-radius:1.25rem;overflow:hidden;background:#f7f8fa;box-shadow:0 1px 2px #0f172a0f}.dark .client-gen{background:#020617;border-color:#1e293b}.client-gen-side{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border-right:1px solid #e2e8f0;min-height:0}.dark .client-gen-side{background:#0f172a;border-right-color:#1e293b}.client-gen-sessions{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.35rem}.client-gen-empty-side{padding:.75rem .5rem;font-size:.75rem;color:#94a3b8}.client-gen-session{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem;border-radius:.75rem;padding:.15rem;transition:background .15s ease}.client-gen-session:hover{background:#f1f5f9}.dark .client-gen-session:hover{background:#1e293b}.client-gen-session.is-active{background:#0f172a;color:#fff}.dark .client-gen-session.is-active{background:#b45309;color:#fff}.client-gen-session-main{border:0;background:transparent;color:inherit;text-align:left;padding:.55rem .65rem;min-width:0;border-radius:.65rem}.client-gen-session-meta{margin-top:.2rem;font-size:.7rem;opacity:.65}.client-gen-session-del{border:0;background:transparent;color:#94a3b8;padding:.4rem;border-radius:.5rem;opacity:0;transition:opacity .15s ease,color .15s ease}.client-gen-session:hover .client-gen-session-del,.client-gen-session.is-active .client-gen-session-del{opacity:1}.client-gen-session-del:hover{color:#dc2626}.client-gen-session.is-active .client-gen-session-del:hover{color:#fecaca}.client-gen-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.client-gen-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem 1.1rem;justify-content:flex-end}.client-gen-model{width:auto;min-width:9.5rem;border-radius:999px;padding:.45rem .9rem;background:#fff}.dark .client-gen-model{background:#0f172a}.client-gen-chip{border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:999px;padding:.4rem .85rem;font-size:.75rem;transition:all .15s ease}.client-gen-chip:hover{border-color:#cbd5e1;color:#0f172a;background:#f8fafc}.dark .client-gen-chip{background:#0f172a;border-color:#334155;color:#94a3b8}.dark .client-gen-chip:hover{color:#f1f5f9;background:#1e293b}.client-gen-params{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0 1.1rem .85rem}.client-gen-stage{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.client-gen-stage.is-empty{display:flex;padding:1rem 1.25rem 0}.client-gen-hero{width:100%;max-width:40rem;margin:auto;text-align:center;padding:1rem 0 1.5rem;animation:clientGenIn .35s ease}.client-gen-logo{display:flex;justify-content:center;margin-bottom:1rem}.client-gen-title{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.03em;color:#0f172a}.dark .client-gen-title{color:#f8fafc}.client-gen-desc{margin:.75rem auto 0;max-width:28rem;font-size:.875rem;line-height:1.65;color:#64748b}.dark .client-gen-desc{color:#94a3b8}.client-gen-cards{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.35rem;text-align:left}.client-gen-card{border:1px solid #e2e8f0;background:#fff;border-radius:.9rem;padding:.9rem 1rem;text-align:left;transition:border-color .15s ease,transform .15s ease,background .15s ease}.client-gen-card:hover{border-color:#cbd5e1;background:#fbfaf6;transform:translateY(-1px)}.dark .client-gen-card{background:#0f172a;border-color:#1e293b}.dark .client-gen-card:hover{background:#1e293b;border-color:#334155}.client-gen-card b{display:block;font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.25rem}.dark .client-gen-card b{color:#f1f5f9}.client-gen-card span{font-size:.75rem;color:#64748b;line-height:1.4}.dark .client-gen-card span{color:#94a3b8}.client-gen-chat{padding:0 1.25rem 1rem;display:flex;flex-direction:column;gap:.85rem}.client-gen-row{display:flex;justify-content:flex-start}.client-gen-row.is-user{justify-content:flex-end}.client-gen-bubble{max-width:min(88%,42rem);min-width:0;overflow-wrap:anywhere;border-radius:1rem;padding:.85rem 1rem;font-size:.875rem;line-height:1.7;background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a}.client-gen-bubble.is-user{background:#0f172a;color:#fff;border-color:#0f172a}.dark .client-gen-bubble{background:#0f172a;color:#f1f5f9;border-color:#1e293b}.dark .client-gen-bubble.is-user{background:#b45309;border-color:#b45309;color:#fff}.client-gen-loading{font-size:.8125rem;color:#64748b;padding:.25rem .25rem 0}.client-gen-dock{display:flex;gap:.65rem;align-items:flex-end;margin:0 1.1rem 1.1rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:1.1rem;box-shadow:0 8px 24px #0f172a0f}.dark .client-gen-dock{background:#0f172a;border-color:#1e293b;box-shadow:none}.client-gen-input{flex:1;min-height:3.25rem;max-height:10rem;resize:vertical;border:0;outline:0;background:transparent;color:inherit;font-size:.875rem;line-height:1.55;padding:.35rem .25rem}.client-gen-input:disabled{opacity:.6}@keyframes clientGenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.client-gen{grid-template-columns:1fr;min-height:auto}.client-gen-side{border-right:0;border-bottom:1px solid #e2e8f0;max-height:14rem}.dark .client-gen-side{border-bottom-color:#1e293b}.client-gen-cards,.client-gen-params{grid-template-columns:1fr}.client-gen-stage.is-empty{min-height:22rem}.client-gen-main{min-height:28rem}}