*{box-sizing:border-box}body{margin:0;background:#0c1120;color:#eaf0ff;font-family:Inter,system-ui,Arial}button,select,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#6d5dfb;color:#fff;padding:12px 16px}button:disabled{opacity:.6}.secondary{background:#20283d}.layout{display:flex;min-height:100vh}aside{width:270px;flex-shrink:0;background:#11192c;padding:24px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #293149}h2{margin:0 0 18px}h2 span,.auth span{color:#a6a0ff}aside h4{color:#9daac4;margin:24px 0 4px}.history{background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;color:#b8c4de}.history:hover{background:#232c46}.bottom{margin-top:auto}main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh}header{padding:22px 30px;border-bottom:1px solid #293149;display:flex;justify-content:space-between;gap:15px;align-items:center}select{background:#20283d;border:1px solid #38415d;color:#fff;border-radius:9px;padding:12px;max-width:65%}.messages{flex:1;overflow:auto;padding:30px max(20px,10%)}.welcome{text-align:center;margin:12vh auto}.welcome h1{font-size:36px}.welcome p,footer small{color:#9daac4}.tiles{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}.tiles div{background:#19233a;border:1px solid #303b57;border-radius:15px;padding:22px}.message{padding:18px 20px;margin:14px 0;max-width:85%;background:#1b2640;border-radius:16px;white-space:pre-wrap;line-height:1.6}.message.user{margin-left:auto;background:#37346c}.message small{display:block;color:#a7b6d2;margin-bottom:6px}footer{padding:12px max(20px,10%) 22px}.composer{display:flex;gap:12px;background:#1a2439;border:1px solid #37415c;padding:12px;border-radius:15px}.composer textarea{background:transparent;border:0;outline:none;color:#fff;flex:1;resize:vertical;min-height:48px}.composer button{align-self:end}footer>small{display:block;text-align:center;margin-top:10px}.error{color:#ff9e9e}.auth{max-width:410px;margin:13vh auto;padding:32px;background:#151e32;border:1px solid #303b57;border-radius:20px;display:flex;flex-direction:column;gap:15px}.auth input{padding:13px;background:#0d1526;color:#fff;border:1px solid #37415c;border-radius:10px}.auth small{color:#ffabab}@media(max-width:750px){aside{width:115px;padding:12px}aside h2{font-size:15px}.history{font-size:11px}header{padding:14px}header strong{font-size:13px}.messages{padding:15px}.message{max-width:100%}.welcome h1{font-size:26px}}.retention-banner{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#24334a;color:#fff;font-size:13px;line-height:1.4}.retention-banner button{flex-shrink:0;padding:7px 12px}.history-row{display:flex;align-items:center;gap:4px}.history-row .history{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row .delete-chat{width:30px;flex-shrink:0;padding:4px;background:transparent;color:#f3b2b2;font-size:20px}.history-row .delete-chat:hover{background:#7a3030}.workspace{display:flex;flex:1;min-height:0;min-width:0}.workspace>.messages{flex:1;min-width:0;padding:22px;overflow:auto}.studio{width:48%;min-width:285px;max-width:65%;background:#121a2c;border-right:1px solid #303b57;display:flex;flex-direction:column;min-height:0}.studio-collapsed{width:55px;min-width:55px}.studio-collapsed .studio-heading strong{display:none}.studio-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #303b57}.icon-btn{background:transparent;color:#b7c6e2;padding:6px;display:inline-flex;align-items:center}.studio-tabs{display:flex;padding:8px;gap:4px;border-bottom:1px solid #303b57}.studio-tabs button{background:transparent;color:#a8b8d5;padding:9px 7px;flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.studio-tabs button.selected{background:#34416b;color:#fff}.studio-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:12px;gap:10px}.studio-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:#aab9d0}.studio-frame{width:100%;height:100%;min-height:220px;border:1px solid #405071;background:#fff;border-radius:8px}.studio-empty{color:#9daac4;padding:30px 12px;text-align:center;line-height:1.7}.studio-foot{border-top:1px solid #303b57;padding:10px;font-size:11px;color:#9daac4}.code-toolbar{display:flex;gap:6px;align-items:center}.code-toolbar select{min-width:0;max-width:100%;flex:1}.code-toolbar button{padding:9px;font-size:12px}.code-editor{background:#080e1b;color:#dce9ff;border:1px solid #33415f;border-radius:9px;padding:14px;font:12px/1.6 monospace;resize:none;min-height:220px;flex:1;width:100%;white-space:pre;-moz-tab-size:2;tab-size:2}.file-create{display:flex;gap:8px}.file-create input{flex:1;min-width:0;background:#1a2439;color:#fff;border:1px solid #405071;border-radius:8px;padding:10px}.file-create button{padding:8px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.file-row>button:first-child{flex:1;text-align:left;display:flex;align-items:center;gap:8px;background:transparent;color:#d6e3f7;padding:10px;overflow-wrap:anywhere}.file-row>button.active{background:#283759}.studio-toggle{padding:9px 12px;font-size:12px}@media(max-width:900px){.workspace{flex-direction:column}.studio{width:100%;max-width:none;min-width:0;height:46%;min-height:230px;border-right:0;border-bottom:1px solid #303b57}.studio-collapsed{height:auto;min-height:0;width:100%}.workspace>.messages{padding:12px}.studio-frame{min-height:140px}header{flex-wrap:wrap}header select{max-width:100%}}.studio-actions{display:flex;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #303b57}.studio-actions button{display:flex;align-items:center;gap:4px;font-size:11px;padding:8px;background:#293858}.studio-versions{display:flex;align-items:center;gap:6px;padding:7px;font-size:11px}.studio-versions select{font-size:11px;padding:7px;flex:1;max-width:100%;min-width:0}.codebridge{padding:12px 18px;border:1px solid #566073;border-radius:12px;max-height:45vh;overflow:auto;background:#202632;color:#eee}.codebridge button{margin:5px;padding:8px}.codebridge textarea{display:block;width:100%;min-height:64px}.codebridge input[type=file]{max-width:100%}.codebridge pre{font-size:12px}.attach-btn{cursor:pointer;padding:10px;align-self:end}.attach-btn input{display:none}.voice-btn,.speak-btn,.context-btn{background:#293858;padding:7px}.speak-btn{font-size:12px;margin-top:8px}.context-btn{flex-shrink:0}.attachment-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.attachment-list button{background:#293858;font-size:12px;padding:5px}.mobile-tabs{display:none}@media(max-width:900px){.mobile-tabs{display:flex;gap:8px;padding:8px}.mobile-tabs button{flex:1}.workspace.mobile-chat .studio{display:none}.workspace.mobile-studio>.messages{display:none}.workspace.mobile-studio .studio{height:100%;min-height:350px}aside{width:125px;padding:9px}header{gap:8px}}.hub-landing{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,390px);gap:36px;align-items:center;max-width:1350px;margin:auto;padding:48px 28px}.hub-landing-content h1{font-size:clamp(30px,4vw,48px);margin:0}.hub-landing-content h1 span{color:#a6a0ff}.hub-landing-content>h2{font-size:clamp(19px,2.5vw,29px);margin:12px 0}.hub-landing-content>p{color:#b8c4de}.hub-landing .auth{margin:0;max-width:none;width:100%}.hub-overview{text-align:left;max-width:900px;margin:24px auto 0;padding:22px;background:#151e32;border:1px solid #303b57;border-radius:18px}.hub-intro p,.hub-provider p,.hub-disclaimer{color:#b8c4de;line-height:1.5}.hub-intro strong{color:#c7c3ff}.hub-flow{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:20px 0}.hub-flow span{background:#222c45;border:1px solid #3b4563;padding:10px 13px;border-radius:10px;font-size:13px}.hub-flow .hub-core{background:#38316d;border-color:#8175ff}.hub-overview h3{font-size:16px;margin:20px 0 12px}.hub-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-provider{padding:14px;background:#111a2c;border:1px solid #303b57;border-radius:12px}.hub-provider>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.hub-provider p{font-size:13px;margin:9px 0}.hub-provider small{color:#b4c1dd}.hub-available,.hub-unavailable{font-size:11px;padding:3px 8px;border-radius:20px}.hub-available{color:#a7f0c8;background:#153b30}.hub-unavailable{color:#c3c9d5;background:#303747}.hub-disclaimer{font-size:12px;margin-bottom:0}.welcome .hub-overview{margin-top:24px}.welcome .hub-overview p{text-align:left}@media(max-width:960px){.hub-landing{grid-template-columns:1fr;max-width:760px}.hub-landing .auth{max-width:480px;margin:auto}}@media(max-width:530px){.hub-landing{padding:20px 12px}.hub-providers{grid-template-columns:1fr}.hub-overview{padding:14px}.hub-flow{gap:6px}}:root{color-scheme:dark;--hub-bg:#0d111a;--hub-surface:#151b28;--hub-border:#283143;--hub-text:#f1f3fb;--hub-muted:#a4b0c5;--hub-accent:#887cff}body{background:var(--hub-bg);color:var(--hub-text)}button{transition:background .15s ease,transform .15s ease}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #9e96ff;outline-offset:2px}.layout{background:var(--hub-bg)}.layout aside{width:268px;background:#111723;padding:18px 12px;gap:10px;border-color:var(--hub-border)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:2px 10px}.sidebar-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#8493ac}.sidebar-close{display:none}.layout aside h2{font-size:19px;letter-spacing:-.03em;margin:4px 10px 16px}.layout aside>button:first-of-type{background:#242e46;text-align:left;font-weight:650;padding:13px 15px;border:1px solid #37425c}.layout aside h4{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:22px 10px 4px;color:#9baac3}.layout aside>.secondary{font-size:12px;background:transparent;color:#a9b8d0;text-align:left;padding:7px 10px}.history-row{border-radius:10px}.history-row:hover{background:#1d2637}.history-row .history{font-size:13px;padding:10px 9px;color:#d8e0f0}.history-row .context-btn,.history-row .delete-chat{opacity:.45}.history-row:hover .context-btn,.history-row:hover .delete-chat{opacity:1}.bottom{border-top:1px solid var(--hub-border);padding-top:12px}.bottom button{width:100%;text-align:left}.layout main{background:var(--hub-bg)}.layout header{min-height:70px;padding:12px 25px;border-color:var(--hub-border);gap:16px}.header-identity{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-identity strong{font-size:16px;letter-spacing:-.025em}.header-identity small{display:block;color:#8798b3;font-size:11px;margin-top:2px}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.header-controls>button{font-size:12px;padding:9px 12px}.header-controls select{font-size:12px;max-width:250px;min-width:185px;padding:10px 12px;background:#1c2638}.credit-pill{white-space:nowrap;border:1px solid #35405a;border-radius:100px;padding:7px 11px;color:#b6c4df;font-size:12px}.menu-toggle{display:none;background:transparent;color:#dce5fa;font-size:20px;padding:6px}.workspace>.messages{padding:20px clamp(18px,7vw,110px);scroll-behavior:smooth}.workspace:not(:has(.studio))>.messages{width:100%}.welcome{max-width:800px;margin:clamp(40px,10vh,125px) auto 30px;text-align:center}.welcome-symbol{font-size:42px;color:#958aff;margin-bottom:14px}.welcome h1{font-size:clamp(27px,3vw,39px);font-weight:650;letter-spacing:-.04em;margin:0 0 12px}.welcome>p{color:var(--hub-muted);font-size:15px;line-height:1.65;margin:0 auto;max-width:590px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px auto 0;max-width:680px}.tiles button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:17px 19px;min-height:115px;background:#151d2b;border:1px solid #2c3649;border-radius:15px;color:#e7ecfa}.tiles button:hover{background:#222c40;border-color:#766de2;transform:translateY(-1px)}.tiles button span{font-size:21px;color:#afa8ff}.tiles button strong{font-size:14px}.tiles button small{color:#a2aec4;font-size:12px}.hub-details-trigger{display:block;margin:26px auto 0;padding:11px 16px;background:transparent;border:1px solid #36425a;color:#c6c1ff;font-size:13px}.hub-details-trigger span{margin-left:8px}.welcome .hub-overview{margin:20px auto 0;max-width:730px;text-align:left}.message{max-width:810px;margin:16px auto;padding:16px 19px;background:transparent;line-height:1.75;border-radius:15px;overflow-wrap:anywhere}.message.user{margin:16px 0 16px auto;max-width:min(76%,700px);background:#252e42;border:1px solid #303c53}.message.assistant{margin-left:auto;margin-right:auto}.message small{font-size:12px;color:#aaa5f5;margin-bottom:9px}.message.user small{color:#cbd4e6}.message .speak-btn{margin-top:14px}.layout footer{padding:10px clamp(18px,7vw,110px) 20px;background:var(--hub-bg)}.composer{max-width:950px;margin:auto;align-items:flex-end;gap:8px;padding:11px 12px;background:#1a2333;border:1px solid #39455c;border-radius:20px;box-shadow:0 8px 28px #05081235}.composer:focus-within{border-color:#8579d7}.composer textarea{min-height:42px;max-height:220px;padding:10px 5px;line-height:1.5;resize:vertical;font-size:14px}.composer .attach-btn,.composer .voice-btn{flex-shrink:0;color:#c4cee3;border-radius:10px;font-size:18px;padding:9px;background:transparent}.composer .voice-btn:hover,.composer .attach-btn:hover{background:#2c3951}.composer .send-btn{border-radius:12px;width:42px;height:42px;padding:0;background:#7569f5;font-size:24px;line-height:1}.composer .send-btn:disabled{background:#3a4560}.layout footer>small{font-size:11px;color:#8491aa}.retention-banner{font-size:12px;background:#1d2b41}@media(max-width:1050px){.layout header{padding:10px 16px}.header-controls{gap:6px}.header-controls select{min-width:160px}.workspace>.messages{padding:14px 24px}.layout footer{padding:10px 24px 16px}}@media(max-width:760px){.layout aside{position:fixed;inset:0 auto 0 0;z-index:30;width:min(300px,85vw);transform:translate(-105%);transition:transform .2s ease;box-shadow:15px 0 40px #0008}.layout.sidebar-open aside{transform:translate(0)}.sidebar-close,.menu-toggle{display:inline-flex}.layout header{align-items:flex-start}.header-controls{justify-content:flex-start}.header-controls .studio-toggle{display:none}.header-controls>button{padding:8px}.header-controls select{min-width:150px;max-width:210px}.credit-pill{font-size:11px}.workspace>.messages{padding:12px 15px}.welcome{margin:45px auto 20px}.tiles{grid-template-columns:1fr 1fr;gap:8px}.tiles button{padding:12px;min-height:110px}.message{max-width:100%}.message.user{max-width:90%}.layout footer{padding:8px 12px 14px}.composer{border-radius:15px}.hub-overview{padding:13px}.hub-landing{padding:20px 12px}}@media(max-width:440px){.tiles{grid-template-columns:1fr}.tiles button{min-height:82px}.header-controls select{max-width:190px}.header-identity strong{font-size:14px}}