:root{--color-primary: #143c34;--color-accent: #ff6b35;--color-accent-text: #ffffff;--color-bg: #f3f6f4;--color-surface: #ffffff;--color-text: #222724;--color-muted: #6b7a72;--color-sidebar-text: #e6efe9;--radius: 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Atkinson Hyperlegible,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);transition:background .35s ease,color .35s ease}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:.95rem}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:var(--radius);padding:.65rem .8rem;background:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.auth-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:var(--color-surface);border-radius:16px;padding:2.2rem;width:100%;max-width:380px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;gap:.9rem}.auth-card h1{margin:0 0 .3rem;font-size:1.4rem;color:var(--color-primary)}.auth-card p.hint{margin:0;color:var(--color-muted);font-size:.88rem}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.btn-primary{background:var(--color-primary);color:#fff;padding:.7rem 1rem;font-weight:600}.error-banner{background:#fdecea;color:#b3261e;border-radius:var(--radius);padding:.6rem .8rem;font-size:.88rem}.brand-logo{max-height:44px;align-self:flex-start}.powered-by{text-align:center;font-size:.75rem;color:var(--color-muted);padding:.6rem}.chat-layout{flex:1;display:flex;min-height:0}.sidebar{width:270px;background:var(--color-primary);color:#fff;display:flex;flex-direction:column;padding:.9rem;gap:.7rem}.sidebar .app-name{font-weight:700;font-size:1.05rem;padding:.2rem .3rem;display:flex;align-items:center;gap:.55rem}.sidebar .app-logo{max-height:34px;max-width:140px;object-fit:contain;border-radius:6px}.btn-new-chat{background:var(--color-accent);color:var(--color-accent-text);padding:.65rem;font-weight:600}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.conversation-item{background:transparent;color:var(--color-sidebar-text);text-align:left;padding:.55rem .6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;font-size:.86rem}.conversation-item:hover{background:#ffffff14}.conversation-item.active{background:#ffffff29}.sidebar-footer{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.sidebar-footer .user-name{opacity:.85;padding:0 .3rem;color:var(--color-sidebar-text)}.btn-logout{background:transparent;color:var(--color-sidebar-text);opacity:.8;text-align:left;padding:.4rem .3rem}.btn-logout:hover{color:#fff}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;background:var(--color-surface);border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);transition:background .35s ease}.chat-header .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.9rem}.msg-block{display:flex;flex-direction:column;gap:.25rem;max-width:760px}.msg-block.user{align-self:flex-end;align-items:flex-end}.msg-block.assistant{align-self:flex-start;align-items:flex-start}.msg-model{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--color-muted);padding-left:.3rem}.msg-model .model-badge{border-radius:6px}.msg{max-width:100%;padding:.8rem 1rem;border-radius:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.msg.user{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.msg.assistant{background:var(--color-surface);border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000f;transition:background .35s ease}.msg.streaming:after{content:"▍";color:var(--color-accent);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.usage-note{align-self:flex-start;color:var(--color-muted);font-size:.75rem;padding-left:.4rem}.composer{display:flex;gap:.6rem;padding:.9rem 1.2rem;background:var(--color-surface);border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);transition:background .35s ease}.composer textarea{flex:1;resize:none;max-height:160px}.btn-send{background:var(--color-accent);color:var(--color-accent-text);padding:0 1.3rem;font-weight:700}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-muted);gap:.4rem}.empty-state h2{color:var(--color-text);margin:0}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-muted)}.quota-box{display:flex;flex-direction:column;gap:4px;font-size:.74rem;color:var(--color-sidebar-text);padding:0 .3rem .4rem}.quota-bar{height:6px;border-radius:3px;background:#ffffff26;overflow:hidden}.quota-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s}.notice-banner{margin:0 1.2rem .4rem;background:#fff7e6;color:#8a5a00;border-radius:var(--radius);padding:.6rem .8rem;font-size:.88rem}.model-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:800;letter-spacing:-.5px;flex-shrink:0;-webkit-user-select:none;user-select:none}.model-picker{flex:1;overflow-y:auto;padding:2rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.model-picker h2{color:var(--color-text);margin:0}.model-picker .picker-hint{color:var(--color-muted);margin:0 0 1.2rem;font-size:.9rem}:root{--spring: cubic-bezier(.34, 1.45, .64, 1)}.provider-logo{display:block;object-fit:contain;pointer-events:none}.logo-bar{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:1.4rem}.logo-tab{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.4rem .85rem;border-radius:18px;background:var(--color-surface);color:var(--color-muted);font-size:.82rem;font-weight:600;border:1px solid transparent;box-shadow:0 1px 4px #0000000f;transition:transform .22s var(--spring),box-shadow .22s ease,border-color .22s ease,color .22s ease}.logo-tab:hover,.logo-tab.open{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px #00000024;border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-text)}.logo-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.logo-models-area{min-height:120px;display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:880px;margin-top:1.1rem}.logo-models{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.logo-models-hint{color:var(--color-muted);font-size:.85rem;margin-top:1.6rem}.model-pill{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;min-width:180px;max-width:240px;background:var(--color-surface);padding:.75rem .95rem;border-radius:14px;color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);box-shadow:0 1px 4px #0000000f;opacity:0;transform:translateY(8px);animation:pill-in .32s var(--spring) forwards;transition:transform .18s var(--spring),box-shadow .18s ease,border-color .18s ease}@keyframes pill-in{to{opacity:1;transform:none}}.model-pill:hover{transform:translateY(-3px);box-shadow:0 10px 26px #00000021;border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.model-pill em{font-style:normal;font-size:.72rem;color:var(--color-accent);font-weight:700}.model-pill small{color:var(--color-muted);font-size:.76rem;line-height:1.35}.thinking{display:flex;align-items:center;gap:.6rem;align-self:flex-start;padding:.4rem .2rem}.thinking-text{color:var(--color-muted);font-size:.85rem}.thinking-logo{display:inline-flex;will-change:transform,opacity}.thinking-logo.anthropic{animation:pulso 1.6s ease-in-out infinite}.thinking-logo.openai{animation:respirar 2.2s ease-in-out infinite}.thinking-logo.google{animation:brilhar 1.8s ease-in-out infinite}.thinking-logo.xai{animation:girar 2.6s linear infinite}@keyframes pulso{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.75}}@keyframes respirar{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes brilhar{0%,to{opacity:1}50%{opacity:.45}}@keyframes girar{to{transform:rotate(360deg)}}.msg-block{animation:msg-in .25s var(--spring)}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.thinking-logo,.model-pill,.msg-block{animation:none!important}.model-pill{opacity:1;transform:none}.logo-tab,.model-pill,.msg-block,.logo-tab:hover{transition:none!important;transform:none!important}}.model-menu-wrap{position:relative}.model-menu-button{display:flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text);padding:.45rem .8rem;border-radius:999px;font-weight:600}.model-menu-button .caret{color:var(--color-muted);font-size:.8rem}.model-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.model-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:31;background:var(--color-surface);border-radius:14px;box-shadow:0 14px 40px #0003;padding:.5rem;width:300px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.model-menu-group{border-radius:10px;padding:.35rem;transition:background .15s ease}.model-menu-group:hover{background:color-mix(in srgb,var(--color-text) 5%,transparent)}.model-menu-provider{display:flex;align-items:center;gap:.6rem;padding:.25rem .3rem}.model-menu-provider strong{display:block;font-size:.9rem;color:var(--color-text)}.model-menu-provider small{color:var(--color-muted);font-size:.72rem}.model-menu-models{display:flex;flex-direction:column;gap:2px;margin-left:2.1rem;max-height:0;overflow:hidden;transition:max-height .22s ease}.model-menu-group:hover .model-menu-models,.model-menu-group:focus-within .model-menu-models{max-height:300px}.model-menu-item{display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:transparent;color:var(--color-text);padding:.4rem .5rem;border-radius:8px;font-size:.85rem;text-align:left}.model-menu-item:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.model-menu-item.active{background:color-mix(in srgb,var(--color-accent) 28%,transparent);font-weight:700}.model-menu-item em{font-style:normal;font-size:.7rem;color:var(--color-muted)}.btn-websearch{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:10px;padding:.55rem .7rem;font-size:1rem;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s var(--spring);filter:grayscale(1);opacity:.6}.btn-websearch:hover{transform:translateY(-1px)}.btn-websearch.on{filter:none;opacity:1;border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.msg-sources{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.74rem;color:var(--color-muted);padding:.1rem .3rem 0}.msg-sources a{color:var(--color-accent);text-decoration:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-sources a:hover{text-decoration:underline}.btn-attach{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:10px;padding:.55rem .7rem;font-size:1rem;line-height:1;transition:transform .18s var(--spring),border-color .18s ease}.btn-attach:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-accent)}.pending-attachments{display:flex;flex-wrap:wrap;gap:.45rem;padding:.5rem 1.2rem 0;background:var(--color-surface)}.attachment-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;background:color-mix(in srgb,var(--color-text) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:999px;padding:.25rem .7rem;color:var(--color-text);max-width:260px;cursor:pointer}.attachment-chip em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip img{width:22px;height:22px;object-fit:cover;border-radius:6px}.attachment-chip.pending button{background:transparent;border:none;padding:0 .1rem;font-size:.95rem;color:var(--color-muted)}.attachment-chip.pending button:hover{color:#b3261e}.msg-attachments{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .3rem}.model-badge.logo{background:#fff;border:1px solid rgb(0 0 0 / .08);box-shadow:0 1px 2px #0000000f}.model-badge.logo .provider-logo{display:block;object-fit:contain}.brand-lockup-name{line-height:1.2}.msg.assistant>:first-child{margin-top:0}.msg.assistant>:last-child{margin-bottom:0}.msg.assistant p{margin:.45em 0}.msg.assistant h1,.msg.assistant h2,.msg.assistant h3,.msg.assistant h4{margin:.8em 0 .35em;line-height:1.25;color:var(--color-text)}.msg.assistant h1{font-size:1.25em}.msg.assistant h2{font-size:1.15em}.msg.assistant h3{font-size:1.05em}.msg.assistant h4{font-size:1em}.msg.assistant ul,.msg.assistant ol{margin:.45em 0;padding-left:1.4em}.msg.assistant li{margin:.2em 0}.msg.assistant li>p{margin:0}.msg.assistant hr{border:none;border-top:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);margin:.8em 0}.msg.assistant blockquote{margin:.5em 0;padding:.2em .9em;border-left:3px solid var(--color-accent);color:var(--color-muted)}.msg.assistant code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:color-mix(in srgb,var(--color-text) 8%,transparent);padding:.1em .35em;border-radius:5px}.msg.assistant pre{background:color-mix(in srgb,var(--color-text) 92%,transparent);color:var(--color-surface);padding:.8em 1em;border-radius:10px;overflow-x:auto;margin:.6em 0}.msg.assistant pre code{background:transparent;padding:0;color:inherit;font-size:.85em}.msg.assistant table{border-collapse:collapse;margin:.6em 0;font-size:.92em;display:block;overflow-x:auto}.msg.assistant th,.msg.assistant td{border:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);padding:.35em .6em;text-align:left}.msg.assistant th{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.msg.assistant a{color:var(--color-accent)}.msg.assistant{white-space:normal}.studio{background:linear-gradient(180deg,var(--brand-50, var(--color-bg)) 0%,var(--color-bg) 38%);transition:background .35s ease}[data-scheme=dark] .studio{background:var(--color-bg)}.studio-lockup{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.02rem;min-height:40px;color:var(--color-text)}.studio-lockup .app-logo{max-height:34px;max-width:150px;object-fit:contain}.studio-new{background:linear-gradient(97deg,var(--brand-500, var(--color-primary)) 0%,var(--brand-300, var(--color-accent)) 140%);transition:filter .18s ease,transform .18s var(--spring)}.studio-new:hover{filter:brightness(1.06);transform:translateY(-1px)}.studio .message-list{padding:1.4rem .4rem .6rem}.studio .msg.user{background:var(--brand-600, var(--color-primary))}.studio .msg.assistant{border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);box-shadow:0 1px 6px #0000000d}.composer--studio{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--color-surface) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #0000001a}.studio .btn-send{background:var(--brand-500, var(--color-accent));border-radius:12px}.studio .pending-attachments{background:transparent}.orbit{background:radial-gradient(1100px 520px at 50% -10%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent),var(--color-bg);transition:background .35s ease}.orbit-topbar{background:color-mix(in srgb,var(--color-surface) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent)}.orbit-lockup{display:flex;align-items:center;gap:.55rem;font-weight:800;color:var(--color-text)}.orbit-lockup .app-logo{max-height:32px;max-width:140px;object-fit:contain}.orbit-ghost{background:transparent;border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:10px;padding:.45rem .7rem;color:var(--color-text)}.orbit-ghost:hover{border-color:var(--color-accent)}.orbit-drawer{position:fixed;z-index:40;top:0;left:0;height:100%;width:290px;background:var(--color-surface);color:var(--color-text);padding:1rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:18px 0 50px #00000040;animation:orbit-drawer-in .22s var(--spring)}@keyframes orbit-drawer-in{0%{transform:translate(-30px);opacity:0}to{transform:none;opacity:1}}.orbit-new{background:var(--color-accent);color:var(--color-accent-text);border-radius:12px;padding:.65rem;font-weight:700}.orbit-convs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.orbit-convs button{text-align:left;background:transparent;color:var(--color-muted);padding:.5rem .6rem;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orbit-convs button:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.orbit-convs button.active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-text)}.orbit-drawer-footer{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:var(--color-muted);border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);padding-top:.7rem}.orbit-drawer-footer button{text-align:left;background:transparent;color:var(--color-muted);padding:.2rem 0}.orbit-picker{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem;overflow:auto}.orbit-picker h2{margin:0;color:var(--color-text);text-align:center}.orbit-circle{position:relative;width:min(460px,86vw);aspect-ratio:1;margin-top:1.2rem}.orbit-ring{position:absolute;top:11%;right:11%;bottom:11%;left:11%;border:1.5px dashed color-mix(in srgb,var(--color-text) 22%,transparent);border-radius:50%;animation:orbit-spin 60s linear infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}.orbit-center{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);box-shadow:0 18px 50px #00000029;display:flex;align-items:center;justify-content:center;padding:9%;text-align:center;font-weight:800;color:var(--color-text)}.orbit-center img{max-width:100%;max-height:100%;object-fit:contain}.orbit-slot{position:absolute;width:0;height:0}.orbit-slot.q1{top:9%;left:50%}.orbit-slot.q2{top:50%;left:91%}.orbit-slot.q3{top:91%;left:50%}.orbit-slot.q4{top:50%;left:9%}.orbit-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:18px;padding:.7rem .95rem .55rem;font-size:.78rem;font-weight:700;color:var(--color-muted);box-shadow:0 8px 26px #0000001f;transition:transform .25s var(--spring),box-shadow .25s ease,border-color .25s ease;animation:orbit-float 2s ease-in-out infinite}.orbit-slot.q2 .orbit-node{animation-delay:.5s}.orbit-slot.q3 .orbit-node{animation-delay:1s}.orbit-slot.q4 .orbit-node{animation-delay:1.5s}@keyframes orbit-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}.orbit-node:hover,.orbit-slot.open .orbit-node{animation-play-state:paused;transform:translate(-50%,-54%) scale(1.07);border-color:var(--color-accent);color:var(--color-text);box-shadow:0 16px 40px #0003}.orbit-card{position:absolute;z-index:5;transform:translate(-50%);top:2.6rem;width:240px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:16px;padding:.8rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 22px 60px #00000047;animation:pill-in .25s var(--spring) forwards;opacity:0}.orbit-card strong{color:var(--color-text)}.orbit-card small{color:var(--color-muted);margin-bottom:.2rem}.orbit-card .model-pill{min-width:0;max-width:none}.composer--orbit{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--color-surface) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:700px){.orbit-circle{width:100%;aspect-ratio:auto;display:flex;flex-direction:column;gap:.7rem;align-items:center}.orbit-ring{display:none}.orbit-center{position:static;inset:auto;width:132px;height:132px;margin-bottom:.4rem}.orbit-slot{position:static;width:100%;max-width:340px}.orbit-node{position:static;transform:none;flex-direction:row;width:100%;justify-content:flex-start;animation:none}.orbit-slot.q1 .orbit-node{margin-left:-14px}.orbit-slot.q2 .orbit-node,.orbit-slot.q3 .orbit-node{margin-left:14px}.orbit-slot.q4 .orbit-node{margin-left:-14px}.orbit-node:hover,.orbit-slot.open .orbit-node{transform:none}.orbit-card{position:static;transform:none;width:100%;margin-top:.3rem}}@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-node,.orbit-card,.orbit-drawer{animation:none!important}.orbit-card{opacity:1}}.studio-picker{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:3rem 1.2rem;gap:.4rem}.studio-picker h2{margin:0;color:var(--color-text)}.studio-picker-btn{margin-top:1.2rem;display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(97deg,var(--brand-500, var(--color-primary)),var(--brand-400, var(--color-accent)));color:#fff;font-weight:700;padding:.85rem 1.6rem;border-radius:999px;box-shadow:0 10px 30px color-mix(in srgb,var(--brand-500, var(--color-primary)) 35%,transparent);transition:transform .2s var(--spring),box-shadow .2s ease}.studio-picker-btn:hover{transform:translateY(-2px) scale(1.02)}.studio-picker-btn.open{transform:none}.studio-menu{margin-top:1rem;width:min(440px,92vw);display:flex;flex-direction:column;gap:.9rem;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:18px;padding:1rem;box-shadow:0 24px 70px #0000002e;animation:pill-in .28s var(--spring) forwards;opacity:0}.studio-menu-group{display:flex;flex-direction:column;gap:.3rem}.studio-menu-provider{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--color-text);padding:0 .3rem .2rem}.studio-menu-provider small{color:var(--color-muted);font-weight:500}.studio-menu-item{position:relative;display:grid;grid-template-columns:1fr auto;gap:0 .6rem;text-align:left;background:transparent;color:var(--color-text);border-radius:12px;padding:.6rem .8rem;overflow:hidden;transition:transform .18s var(--spring)}.studio-menu-item strong{position:relative;z-index:1}.studio-menu-item em{position:relative;z-index:1;font-style:normal;font-size:.72rem;font-weight:700;color:var(--brand-500, var(--color-accent));align-self:center}.studio-menu-item small{position:relative;z-index:1;grid-column:1 / -1;color:var(--color-muted);font-size:.76rem}.studio-menu-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(97deg,color-mix(in srgb,var(--brand-500, var(--color-primary)) 14%,transparent),color-mix(in srgb,var(--brand-300, var(--color-accent)) 10%,transparent));transition:opacity .18s ease}.studio-menu-item:hover{transform:translate(4px)}.studio-menu-item:hover .studio-menu-glow{opacity:1}[data-scheme=dark] .studio .msg.assistant{border-color:color-mix(in srgb,var(--color-text) 14%,transparent);box-shadow:none}[data-scheme=dark] .composer--studio{background:color-mix(in srgb,var(--color-surface) 86%,transparent)}[data-scheme=dark] .studio-menu{box-shadow:0 24px 70px #00000080}@media(prefers-reduced-motion:reduce){.studio-picker-btn,.studio-menu,.studio-menu-item{animation:none!important;transition:none!important}.studio-menu{opacity:1}}.msg.user{color:var(--color-sidebar-text)}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--radius-lg:.5rem;--radius-xl:.75rem;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-surface:var(--color-surface);--color-primary:var(--color-primary);--color-accent:var(--color-accent)}}@layer utilities{.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-\[288px\]{width:288px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-ink\/10{border-color:var(--color-text)}@supports (color:color-mix(in lab,red,red)){.border-ink\/10{border-color:color-mix(in oklab,var(--color-text) 10%,transparent)}}.border-ink\/15{border-color:var(--color-text)}@supports (color:color-mix(in lab,red,red)){.border-ink\/15{border-color:color-mix(in oklab,var(--color-text) 15%,transparent)}}.bg-app{background-color:var(--color-bg)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-brand-100{background-color:var(--brand-100)}.bg-surface,.bg-surface\/80{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/80{background-color:color-mix(in oklab,var(--color-surface) 80%,transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-brand-700{color:var(--brand-700)}.text-ink{color:var(--color-text)}.text-ink-muted{color:var(--color-muted)}.text-white{color:var(--color-white)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:bg-ink\/8:hover{background-color:var(--color-text)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-ink\/8:hover{background-color:color-mix(in oklab,var(--color-text) 8%,transparent)}}.hover\:text-ink:hover{color:var(--color-text)}}@media(min-width:64rem){.lg\:static{position:static}.lg\:hidden{display:none}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.dark\:bg-brand-700\/30:where([data-scheme=dark],[data-scheme=dark] *){background-color:var(--brand-700)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-brand-700\/30:where([data-scheme=dark],[data-scheme=dark] *){background-color:color-mix(in oklab,var(--brand-700) 30%,transparent)}}.dark\:text-brand-200:where([data-scheme=dark],[data-scheme=dark] *){color:var(--brand-200)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}