:root{--background: 0 0% 100%;--foreground: 222 47% 11%;--card: 0 0% 100%;--card-foreground: 222 47% 11%;--primary: 227 51% 21%;--primary-foreground: 0 0% 100%;--primary-glow: 227 51% 31%;--secondary: 348 53% 42%;--muted: 210 40% 96%;--muted-foreground: 215 16% 47%;--accent: 25 95% 53%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--success: 152 60% 36%;--border: 214 32% 91%;--input: 214 32% 91%;--ring: 227 51% 21%;--radius: .75rem;--gradient-hero: linear-gradient(135deg, hsl(227 51% 21%) 0%, hsl(227 51% 31%) 100%);--shadow-card: 0 1px 2px hsl(222 47% 11% / .05);--shadow-raised: 0 10px 40px -10px hsl(227 51% 21% / .3);--header-height: 3.5rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--background: 222 47% 11%;--foreground: 210 40% 98%;--card: 222 47% 15%;--card-foreground: 210 40% 98%;--muted: 217 33% 20%;--muted-foreground: 215 20% 65%;--border: 217 33% 24%;--input: 217 33% 24%;--shadow-card: 0 1px 2px hsl(0 0% 0% / .3)}}:root[data-theme=dark]{--background: 222 47% 11%;--foreground: 210 40% 98%;--card: 222 47% 15%;--card-foreground: 210 40% 98%;--muted: 217 33% 20%;--muted-foreground: 215 20% 65%;--border: 217 33% 24%;--input: 217 33% 24%;--shadow-card: 0 1px 2px hsl(0 0% 0% / .3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:hsl(var(--primary))}h1{font-size:1.35rem;margin:0 0 .35rem}h2{font-size:1rem;margin:0 0 .5rem}h3{font-size:.9rem;margin:0 0 .35rem}p{margin:0 0 .75rem}.muted{color:hsl(var(--muted-foreground))}.small{font-size:.85rem}.tiny{font-size:.75rem}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:var(--header-height);padding:0 .85rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0}.header .logo{height:1.75rem;width:auto;display:block}.header-left,.header-right{display:flex;align-items:center;gap:.7rem;min-width:0}.header-title{font-weight:500;white-space:nowrap}@media(max-width:640px){.header-title{display:none}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:none;background:none;color:hsl(var(--muted-foreground));cursor:pointer;position:relative;padding:0}.icon-button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.icon-button .count{position:absolute;top:-.15rem;right:-.15rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:hsl(var(--destructive));color:#fff;font-size:.65rem;line-height:1rem;text-align:center}.credits-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-size:.8rem;font-weight:500;border:none;cursor:pointer;white-space:nowrap}.workspace-select{min-width:10rem;max-width:14rem;padding:.4rem .6rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));font:inherit;font-size:.9rem}.split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(20rem,40%) 1px 1fr}.divider{background:hsl(var(--border));cursor:col-resize;position:relative}.divider:after{content:"";position:absolute;inset:0 -3px}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-header{padding:.7rem 1rem;border-bottom:1px solid hsl(var(--border));font-size:.9rem;font-weight:500;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mobile-switch{display:none}@media(max-width:1024px){.split{grid-template-columns:1fr}.divider,.pane.hidden-on-mobile{display:none}.mobile-switch{display:flex;gap:.35rem;justify-content:center;padding:.4rem;border-bottom:1px solid hsl(var(--border));flex-shrink:0}}.transcript{flex:1;overflow-y:auto;padding:1rem}.msg{margin-bottom:.9rem;display:flex;gap:.5rem;align-items:flex-start}.msg.user{justify-content:flex-end}.msg.user .bubble{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:.75rem;padding:.6rem .85rem;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere}.msg.agent .bubble{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:.7rem .9rem;max-width:92%;box-shadow:var(--shadow-card);overflow-wrap:anywhere}.avatar{width:1.6rem;height:1.6rem;border-radius:.4rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem}.who{font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:.3rem}.tool-line{font-size:.8rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.35rem;margin:.15rem 0}.composer{border-top:1px solid hsl(var(--border));padding:.65rem .85rem;flex-shrink:0;background:hsl(var(--card))}.composer-row{display:flex;gap:.5rem;align-items:flex-end}.composer textarea{flex:1;resize:none;max-height:10rem}.composer-hint{text-align:center;color:hsl(var(--muted-foreground));font-size:.7rem;margin-top:.4rem}.attachments{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.attachment{position:relative;width:3.5rem;height:3.5rem;border-radius:.5rem;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--muted))}.attachment img,.attachment video{width:100%;height:100%;object-fit:cover;display:block}.attachment .remove{position:absolute;top:.1rem;right:.1rem;width:1.1rem;height:1.1rem;border-radius:999px;border:none;background:#0f1729bf;color:#fff;font-size:.7rem;line-height:1;cursor:pointer;padding:0}.tabs{display:flex;gap:.25rem;padding:.5rem;border-bottom:1px solid hsl(var(--border));flex-shrink:0;overflow-x:auto}.tab{flex:1;padding:.45rem .7rem;border-radius:.5rem;border:none;background:none;color:hsl(var(--muted-foreground));font:inherit;font-size:.85rem;cursor:pointer;white-space:nowrap}.tab:hover{background:hsl(var(--muted))}.tab.active{background:hsl(var(--card));color:hsl(var(--foreground));font-weight:500;box-shadow:var(--shadow-card);border:1px solid hsl(var(--border))}.subtabs{display:flex;gap:.25rem;padding:.5rem .75rem 0;flex-wrap:wrap}.subtab{padding:.25rem .65rem;border-radius:999px;border:1px solid transparent;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font:inherit;font-size:.78rem;cursor:pointer}.subtab.active{background:hsl(var(--card));border-color:hsl(var(--border));color:hsl(var(--foreground));font-weight:500}.panel-body{flex:1;overflow-y:auto;padding:.75rem}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.8rem .9rem;margin-bottom:.6rem;box-shadow:var(--shadow-card)}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}button{font:inherit;padding:.45rem .8rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer}button:hover:not(:disabled){background:hsl(var(--muted))}button:disabled{opacity:.55;cursor:default}button.primary{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}button.primary:hover:not(:disabled){background:hsl(var(--primary-glow))}button.ghost{border-color:transparent;background:none}button.danger{color:hsl(var(--destructive))}button.small{padding:.25rem .55rem;font-size:.8rem}input,textarea,select{font:inherit;width:100%;padding:.55rem .7rem;border-radius:.5rem;border:1px solid hsl(var(--input));background:hsl(var(--background));color:hsl(var(--foreground))}input:focus,textarea:focus,select:focus{outline:2px solid hsl(var(--ring) / .35);outline-offset:1px}label{display:block;margin-bottom:.75rem}label>span{display:block;margin-bottom:.25rem;color:hsl(var(--muted-foreground));font-size:.85rem}.badge{font-size:.7rem;padding:.1rem .45rem;border-radius:999px;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));white-space:nowrap}.badge.number{background:hsl(var(--muted));font-weight:500;color:hsl(var(--foreground))}.badge.good{color:hsl(var(--success));border-color:currentColor}.badge.warn{color:hsl(var(--accent));border-color:currentColor}.badge.bad{color:hsl(var(--destructive));border-color:currentColor}.notice{border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--primary));border-radius:var(--radius);padding:.65rem .8rem;margin-bottom:.7rem;background:hsl(var(--card))}.notice.bad{border-left-color:hsl(var(--destructive))}.notice.good{border-left-color:hsl(var(--success))}.notice.warn{border-left-color:hsl(var(--accent))}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}pre{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:.5rem;padding:.6rem .75rem;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.page{padding:1.25rem;max-width:60rem;overflow-y:auto}.auth-page{--auth-bg: 235 73% 9%;--auth-card: 235 35% 20%;--auth-border: 235 25% 35%;--auth-muted: 0 0% 90%;--auth-cta: linear-gradient(135deg, hsl(2 85% 65%) 0%, hsl(2 85% 75%) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(180deg,#060928,#16193b);color:#fff}.auth-card{width:100%;max-width:28rem;background:hsl(var(--auth-card));border:1px solid hsl(var(--auth-border));border-radius:var(--radius);padding:1.5rem}.auth-logo{background:#fff;border-radius:var(--radius);padding:.6rem;display:flex;justify-content:center;margin-bottom:1rem}.auth-logo img{height:2.75rem;width:auto}.auth-card h1{text-align:center;font-size:1.4rem;margin-bottom:.25rem}.auth-card .lead{text-align:center;color:hsl(var(--auth-muted));font-size:.9rem;margin-bottom:1.25rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;background:#363959;border-radius:.5rem;padding:.25rem;margin-bottom:1rem}.auth-tabs button{border:none;background:none;color:hsl(var(--auth-muted));border-radius:.4rem;padding:.5rem;font-weight:500}.auth-tabs button:hover:not(:disabled){background:#41456c}.auth-tabs button[aria-selected=true]{background:hsl(var(--auth-card));color:#fff}.auth-card label>span{color:hsl(var(--auth-muted))}.auth-card input{background:#363959;border-color:hsl(var(--auth-border));color:#fff}.auth-card input::placeholder{color:#ffffff73}.password-field{position:relative}.password-field input{padding-right:2.75rem}.password-field button{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);border:none;background:none;color:#fff9;padding:.35rem .5rem}.password-field button:hover{background:none;color:#fff}.cta{width:100%;background:var(--auth-cta);border:none;color:#fff;font-weight:600;padding:.6rem;box-shadow:0 10px 40px -10px #f25f5a99}.cta:hover:not(:disabled){background:var(--auth-cta);opacity:.92}.auth-card .link-button{border:none;background:none;color:hsl(var(--auth-muted));font-size:.85rem;padding:.35rem 0;width:100%}.auth-card .link-button:hover{background:none;text-decoration:underline;color:#fff}.auth-legal{font-size:.78rem;color:hsl(var(--auth-muted));text-align:center;margin:.85rem 0 0}.auth-legal a{color:inherit;text-decoration:underline}.auth-note{border-radius:.5rem;padding:.6rem .75rem;margin-bottom:.9rem;font-size:.88rem;background:#363959}.auth-note.bad{background:#ef43432e;color:#f8abab}.auth-note.good{background:#25935f33;color:#a5e9c9}.spinner{display:inline-block;width:.85rem;height:.85rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-.1em}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.conversation-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid hsl(var(--border));flex-shrink:0}
