/* AceGPT Reference v2 – deliberately matches the original black/amber studio aesthetic. */
:root{--bg:#090807;--sidebar:#100e0c;--accent:#f7bf4d;--text:#f3efec;--line:#2a241e;color-scheme:dark}
body{background:#090807;color:#f0ece7;font-family:'Manrope','Space Grotesk',sans-serif}
.marketing{background:#080807;min-height:100vh;isolation:isolate}
.marketing-grid{background:radial-gradient(ellipse 38% 550px at 48% 4%,#a448001b,transparent 92%),radial-gradient(ellipse 20% 600px at 100% 70%,#a8550010,transparent 100%),linear-gradient(#c8ae920a 1px,transparent 1px),linear-gradient(90deg,#c8ae920a 1px,transparent 1px);background-size:auto,auto,50px 50px,50px 50px}
.ntl-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-weight:800;font-size:15px;letter-spacing:-.055em;white-space:nowrap;color:#f4f0e9}
.ntl-brand svg{color:#f7bf4d;flex-shrink:0}
.hero-copy h1{font-family:'Space Grotesk','Manrope',sans-serif;font-size:clamp(43px,4.6vw,63px);font-weight:700;letter-spacing:-.055em}
.hero-copy>p{font-size:14px;max-width:460px}
.hero-limit-note{max-width:450px}
.platform-section,.why-section,.models-section,.steps-section,.pricing-section,.faq-section{scroll-margin-top:30px}
.value-grid .chip{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}
.value-grid .chip svg,.provider-glyph svg{width:18px;height:18px;stroke:#ff8c35}
.provider-cloud a{gap:8px}
.provider-glyph{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
.auth-home svg{transform:rotate(180deg)}
.auth-card .social-auth[disabled]{opacity:.52;cursor:not-allowed}
.auth-card .pill-button.orange{width:100%}
.auth-card small{font-size:11px;color:#938477;display:block;text-align:center;margin-top:19px}
.auth-benefits li svg{width:13px;height:13px}
#landing-upgrade{width:100%;padding:12px 18px}
/* The actual chat studio – narrow original-style sidebar, no blue, no layout shifts. */
.studio-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh;max-height:100dvh;overflow:hidden;background:#090807;font-family:'Manrope','Space Grotesk',sans-serif}
.studio-sidebar{background:#100e0c;border-right:1px solid #27211c;display:flex;flex-direction:column;min-width:0;min-height:100dvh;max-height:100dvh;overflow:hidden}
.studio-sidebar-top{height:57px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 16px}
.studio-sidebar-top .ntl-brand{font-size:16px}
.studio-sidebar-top .ntl-brand svg{width:17px;height:18px}
.sidebar-collapse,.mobile-toggle{border:0;background:transparent;color:#847a70;border-radius:8px;padding:8px;display:inline-flex;align-items:center;justify-content:center}
.sidebar-collapse:hover,.mobile-toggle:hover{background:#211b15;color:#f2dfcd}
.studio-side-main{flex:1;display:flex;flex-direction:column;gap:3px;min-height:0;padding:4px 9px 10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c3625 transparent}
.studio-side-item{display:flex;align-items:center;gap:13px;width:100%;height:39px;flex:0 0 39px;min-width:0;min-height:39px;padding:0 13px;color:#bbb1a9;text-align:left;border:1px solid transparent;background:transparent;border-radius:13px;font-weight:550;font-size:13px;line-height:1;white-space:nowrap;transition:background .17s ease,color .17s ease,border-color .17s ease,box-shadow .17s ease;transform:none!important}
.studio-side-item svg{width:17px;height:17px;flex-shrink:0;color:#a49a91}
.studio-side-item:hover,.studio-side-item.active{background:#211b17;color:#f4eae0;border-color:#2f2823;box-shadow:inset 0 1px #ffffff05}
.studio-side-item:hover svg,.studio-side-item.active svg{color:#ff8730}
.studio-outline-orange{color:#f5d7c0;border-color:#653111;background:#24160d50}
.studio-outline-orange svg{color:#f7bf4d}
.studio-outline-orange:hover{background:#2b180d;border-color:#a74b16}
.studio-folder-line{padding-top:24px;margin-top:1px}
.studio-folder-line .studio-side-item{font-size:12px;color:#a39282}
.studio-thread-list{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.thread-item{width:100%;border:0;border-radius:11px;text-align:left;padding:9px 12px;background:transparent;color:#84786e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.thread-item:hover,.thread-item.current{background:#201a15;color:#d9c4b0}
.studio-side-footer{border-top:1px solid #2a221c;padding:14px 11px 17px;display:flex;align-items:center;gap:10px;background:#100e0c;flex-shrink:0}
.studio-side-footer .avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f7bf4d;color:#1d0e02;font-size:13px;font-weight:800}
.studio-side-footer>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.studio-side-footer strong{font-size:12px;font-weight:650;color:#fff4ea}
.studio-side-footer small{font-size:9px;color:#907f72;letter-spacing:.12em}
.studio-side-footer button{border:0;color:#afa296;padding:6px;border-radius:7px;background:transparent}
.studio-side-footer button:hover{color:#fff;background:#241b14}
.studio-main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse 34% 24% at 50% 43%,#ff6d0008,transparent 85%),#080807}
.studio-topbar{height:58px;flex-shrink:0;padding:0 27px;display:flex;align-items:center;justify-content:space-between;color:#786e63;position:relative;z-index:3}
.studio-topbar #studio-status{font-size:10px;font-weight:700;letter-spacing:.13em}
.studio-top-actions{display:flex;gap:12px;align-items:center}
.tiny-top-button{border:1px solid #3a2c21;background:#1c1510;border-radius:12px;padding:7px 12px;color:#bdab9b;font-size:11px}
.tiny-top-button:hover{color:#ff9a4e;border-color:#a55720}
.api-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#655e54;box-shadow:0 0 0 4px #655e5412}
.api-dot.ready{background:#71c68d;box-shadow:0 0 0 4px #71c68d18}
.studio-body{flex:1;min-height:0;display:flex;flex-direction:column}
.studio-thread-space{width:min(800px,calc(100% - 50px));margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 0 20px}
.studio-thread-space.is-empty{justify-content:center;padding-top:0;padding-bottom:9vh}
.studio-intro{text-align:center;margin:0 auto 32px;animation:upfade .5s ease both}
.studio-intro[hidden]{display:none}
.mini-kicker{display:inline-block;color:#8d7462;font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:15px}
.studio-intro h1{font-size:clamp(28px,3.2vw,40px);font-family:'Space Grotesk','Manrope',sans-serif;letter-spacing:-.048em;font-weight:650;color:#f3ece6}
.studio-intro p{font-size:13px;color:#80766c;margin-top:11px}
.studio-messages{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#56402b transparent;display:flex;flex-direction:column;gap:23px;padding:20px 10px 18px}
.studio-thread-space.is-empty .studio-messages{display:none}
.chat-entry{max-width:85%;line-height:1.75;flex-shrink:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.chat-entry.user{align-self:flex-end;border-radius:19px 19px 5px 19px;background:#29221d;border:1px solid #3b3028;padding:13px 17px}
.chat-entry.assistant{align-self:flex-start;border-left:2px solid #f7bf4d;padding:5px 0 5px 17px}
.chat-entry.assistant.is-error{border-left-color:#dd644b;color:#f3a58f}
.chat-entry-name{font-size:11px;font-weight:700;color:#bc936d;margin-bottom:9px}
.chat-entry-content{color:#e5ded8}
.entry-action{font-size:10px;color:#aa8a6e;margin-top:10px;border:0;background:transparent;padding:4px 0}
.entry-action:hover{color:#ff9a4e}
.studio-bottom{width:100%;flex-shrink:0}
.studio-prompt{border:1px solid #513626;background:#17110e;border-radius:24px;padding:12px 14px 12px 18px;min-height:86px;box-shadow:0 0 0 4px #f7bf4d08,0 15px 48px #0007;transition:border-color .22s,box-shadow .22s}
.studio-prompt:focus-within{border-color:#845129;box-shadow:0 0 0 4px #f7bf4d0b,0 18px 46px #0008}
.studio-prompt textarea{font-family:'Manrope',sans-serif;font-size:14px;display:block;min-height:28px;max-height:160px;width:100%;resize:none;padding:2px 5px 5px;border:0;box-shadow:none!important;outline:0;background:transparent;line-height:1.6;color:#f2ebe5}
.studio-prompt textarea::placeholder{color:#968477}
.studio-prompt-toolbar{display:flex;align-items:center;gap:9px;margin-top:3px}
.model-chip{display:flex;align-items:center;gap:8px;max-width:70%;min-height:32px;border:0;background:transparent;border-radius:10px;padding:6px 9px;font-size:11px;font-weight:650;color:#c9a588;overflow:hidden}
.model-chip svg{width:15px;height:15px;flex-shrink:0;color:#e79048}
.model-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-chip:hover{background:#2a1b12;color:#ffca9f}
.compose-grow{flex:1}
.small-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#8f7b6c;width:31px;height:31px;border-radius:9px}
.small-icon-btn:hover{background:#34251a;color:#fff}
.send-circle{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f7bf4d;border:1px solid #f7bf4d;color:#1b0c02;flex-shrink:0}
.send-circle:hover{background:#ff9545;box-shadow:0 0 28px #f7bf4d43}
.send-circle:disabled{opacity:.45}
.studio-quick-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}
.quick-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:#181512;border:1px solid #302721;color:#ad9f94;border-radius:24px;font-size:11px;min-height:31px}
.quick-chip svg{width:13px;height:13px}
.quick-chip:hover{background:#282019;color:#f3e6d6;border-color:#70401e}
.studio-footnote{display:block;margin-top:14px;text-align:center;color:#655d53;font-size:10px}
.studio-footnote a:hover{color:#f39a50}
.studio-info-page{width:min(750px,calc(100% - 60px));margin:10vh auto 0;padding:36px;background:radial-gradient(ellipse at top,#f7bf4d10,transparent 75%),#16120f;border:1px solid #39291e;border-radius:22px;box-shadow:0 15px 65px #0006}
.studio-info-page h1{font-size:38px;font-family:'Space Grotesk','Manrope',sans-serif;letter-spacing:-.05em;margin-bottom:14px}
.studio-info-page p{color:#a89c90;font-size:15px}
.info-details{color:#ac9e91;font-size:13px;margin-top:22px;padding:17px;border:1px solid #3b2e24;background:#1e1713;border-radius:13px;line-height:1.7}
.info-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}
.info-actions input{max-width:280px;background:#241a14;color:#fff;border:1px solid #553c2b}
/* Centered model library */
.ace-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000d;backdrop-filter:blur(8px);padding:20px;animation:ace-fade .19s ease both}
@keyframes ace-fade{from{opacity:0}to{opacity:1}}
@keyframes upfade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.models-window{width:min(900px,100%);height:min(660px,calc(100dvh - 50px));display:flex;flex-direction:column;background:#16120f;border:1px solid #4b3627;border-radius:23px;box-shadow:0 32px 110px #000c;overflow:hidden}
.models-window-head{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 28px 18px;gap:22px}
.models-window-head h2{font-family:'Space Grotesk','Manrope',sans-serif;font-size:27px;letter-spacing:-.04em;font-weight:700}
.models-window-head p{font-size:12px;color:#a79889;margin-top:8px}
.x-close,.upgrade-close,.modal-header button{border:0;background:transparent;color:#9a8979;border-radius:9px;padding:6px;display:grid;place-items:center}
.x-close:hover,.upgrade-close:hover,.modal-header button:hover{background:#2f241d;color:#fff}
.models-searchbox{display:flex;align-items:center;gap:13px;margin:0 27px 18px;border:1px solid #4a3628;border-radius:12px;background:#0b0908;padding:0 13px}
.models-searchbox svg{color:#7f6d5e;flex-shrink:0}
.models-searchbox input{background:transparent;border:0;outline:0;box-shadow:none!important;color:#f4e7dd;height:46px;flex:1;font-size:13px}
.models-window-grid{display:grid;grid-template-columns:195px minmax(0,1fr);min-height:0;flex:1;border-top:1px solid #32271e;border-bottom:1px solid #32271e}
.provider-list{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-right:1px solid #32271e;overflow:auto;scrollbar-width:thin}
.provider-choice{display:flex;align-items:center;min-height:37px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:#a89b90;text-align:left;font-size:12px}
.provider-choice:hover,.provider-choice.selected{background:#2a1f18;color:#f3e7dd}
.model-results{overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:9px;padding:15px;scrollbar-width:thin;scrollbar-color:#62412a transparent}
.model-result{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;min-height:66px;border:1px solid #392d25;border-radius:12px;background:#1c1713;padding:12px;color:#e8ded5;min-width:0}
.model-result:hover{background:#2c211b;border-color:#744729}
.model-result.selected{border-color:#b65d24;background:#382114}
.model-result>span:first-child{overflow:hidden}
.model-result strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-result small{font-size:10px;color:#8c796a;display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-indicator{color:#d88443;flex-shrink:0}
.select-indicator svg{width:16px;height:16px}
.modal-help{font-size:13px;color:#8e8176;padding:18px}
.models-window-footer{padding:16px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.models-window-footer span{font-size:12px;color:#a69688}
.upgrade-window{position:relative;width:min(450px,calc(100vw - 32px));border:1px solid #663716;border-radius:19px;background:radial-gradient(ellipse 80% 35% at 50% 0%,#c05a1825,transparent),#17110e;padding:28px;box-shadow:0 30px 90px #000c;display:flex;flex-direction:column;gap:15px}
.upgrade-close{position:absolute;top:12px;right:12px}
.upgrade-window h2{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;font-size:25px;line-height:1.2;letter-spacing:-.035em}
.upgrade-window>p,.upgrade-window>small{font-size:12px;color:#a69a8e;line-height:1.7}
.upgrade-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.upgrade-models>div{border:1px solid #4d3221;border-radius:12px;padding:13px 10px;min-width:0}
.upgrade-models strong{display:block;font-size:12px}
.upgrade-models small{color:#947c69;font-size:10px}
.plan-choose{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1c1713;border-bottom:1px solid #403022;font-size:12px}
.plan-choose input{width:auto;accent-color:#f7bf4d}
.plan-choose span{flex:1}
.plan-choose strong{color:#ff8b36}
.payment-hint{color:#a39283;font-size:11px;text-align:center}
.upgrade-window>.pill-button{width:100%;border-radius:16px}
.generic-modal{background:#16110e;border:1px solid #4f3827;border-radius:20px;padding:25px;width:min(520px,100%);max-height:80vh;overflow:auto}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.modal-header h2{font-size:23px}
.generic-modal input{background:#0f0b09;border:1px solid #433225;color:#eee1d6;margin-bottom:20px}
.search-results{display:grid;gap:7px;max-height:280px;overflow:auto}
.search-results button{padding:12px;border:1px solid #3a2a1f;background:#1d1712;text-align:left;border-radius:11px}
.search-results button:hover{background:#352214}
.replay-text{white-space:pre-wrap;line-height:1.6;min-height:130px;font-size:13px;color:#bfb1a3}
@media(max-width:850px){.studio-layout{grid-template-columns:215px minmax(0,1fr)}.studio-thread-space{width:min(700px,calc(100% - 35px))}}
@media(max-width:700px){.studio-layout{display:block}.studio-sidebar{position:fixed;z-index:25;top:0;bottom:0;left:0;width:min(275px,88vw);transform:translateX(-101%);transition:transform .23s ease;box-shadow:20px 0 70px #0008}.studio-sidebar.is-open{transform:none}.studio-main{height:100dvh}.studio-thread-space{width:calc(100% - 26px);padding-bottom:10px}.studio-thread-space.is-empty{padding-bottom:9vh}.studio-topbar{padding:0 14px}.mobile-toggle{display:flex!important}.studio-intro h1{font-size:30px}.studio-quick-actions{gap:6px}.quick-chip{font-size:10px;padding:8px 10px}.models-window-grid{grid-template-columns:125px minmax(0,1fr)}.model-results{grid-template-columns:1fr}.models-window-head{padding:21px 17px 14px}.models-searchbox{margin:0 16px 14px}.model-result{min-height:57px}.models-window-footer{padding:14px}.models-window-footer .pill-button{padding:9px 12px;font-size:11px}.auth-layout{display:block}.auth-card{margin-top:30px}.landing-hero{gap:5px}.studio-info-page{width:calc(100% - 28px);margin:5vh auto 0;padding:20px}}
@media(min-width:701px){.mobile-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.studio-sidebar,.studio-intro,.ace-overlay{animation:none!important;transition:none!important}}

/* Brighter amber robot optics, while keeping the reference's dark casing. */
.hero-robot .ai-mascot-eye{background:#ffc73d!important;box-shadow:0 0 14px #ffb124aa,0 0 3px #ffe58a!important;}
.hero-robot .ai-mascot-face{background:radial-gradient(ellipse at 50% 0%,#241806,#080806 72%)!important;}
.hero-robot .ai-mascot-ear{background:#2a241d!important;border-color:#4f3923!important;}
.hero-robot .ai-mascot-shell{background:linear-gradient(145deg,#322c25,#0b0a09 70%)!important;border-color:#3a3028!important;}
.hero-robot .ai-mascot-side-light{background:#ffd638!important;box-shadow:0 0 18px #ffa21b77!important;}