@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-light:#f8fafc;--bg-card:#fff;--bg-card-border:#e2e8f0;--bg-sidebar:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-indigo:#4f46e5;--accent-blue:#0284c7;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-gradient:linear-gradient(135deg,#4f46e5,#0284c7);--user-msg-bg:#4f46e5;--ai-msg-bg:#fff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--transition-smooth:all 0.2s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}::view-transition-new(root),::view-transition-old(root){animation-duration:.25s}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-primary);min-height:100vh;overflow-x:hidden;letter-spacing:-.01em}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.light-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.03);transition:var(--transition-smooth)}.light-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 20px 25px -5px rgba(0,0,0,.05);transform:translateY(-2px)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#e2e8f0;height:5px;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-indigo);cursor:pointer;box-shadow:0 2px 4px rgba(79,70,229,.3);-webkit-transition:transform .15s ease;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.prompt-chip{background:#fff;border:1px solid var(--bg-card-border);color:var(--text-secondary);padding:.45rem .9rem;border-radius:100px;font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .15s ease}.prompt-chip:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:var(--text-primary);transform:translateY(-1px)}form:has(input:focus){border-color:var(--accent-indigo)!important;box-shadow:0 0 0 3px rgba(79,70,229,.15)!important}.chat-stream-container{container-type:inline-size}@container (max-width: 600px){.message-bubble{max-width:95%!important;font-size:.875rem!important}}@media (max-width:768px){.playground-container{flex-direction:column!important;height:auto!important}.playground-sidebar{width:100%!important;min-width:100%!important;border-right:none!important;border-bottom:1px solid var(--bg-card-border)!important;padding:1rem!important}.playground-main{flex:1 1!important;min-height:450px!important}}