
/* AceGPT v8 · desktop/mobile studio polish. Scoped styles, no legacy overrides removed. */
:root{--ace-v8-accent:#f3c76e;--ace-v8-border:#413321;--ace-v8-hover:#2a2115}
html,body{background:#080808!important}
.studio-layout{background:#080808!important}
.studio-main{background:radial-gradient(ellipse 37% 34% at 56% 40%,rgba(231,162,48,.095),transparent 95%),radial-gradient(ellipse 28% 35% at 92% 89%,rgba(225,148,50,.038),transparent),#090909!important;position:relative}
.studio-main:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#f5c76806 1px,transparent 1px),linear-gradient(90deg,#f5c76806 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#0007,transparent 85%)}
.studio-main>*{position:relative}
.studio-topbar{height:68px!important;padding:0 25px!important;border-bottom:1px solid #44341b80!important;background:#100e0bd9!important;backdrop-filter:blur(22px)}
.ace-top-identity{display:flex;align-items:center;gap:13px;min-width:0}.ace-app-wordmark{font-size:20px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.05em;color:#f8ebd2}.ace-workspace-tag{font-size:13px;color:#a89c86;border-left:1px solid #51432d;padding-left:14px}
.studio-top-actions{gap:10px!important}.studio-top-actions .ace-top-control,.studio-top-actions .ace-top-upgrade{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid #423520!important;border-radius:15px!important;padding:8px 15px!important;color:#e8d6b4;background:#1a1510;font:600 13px 'DM Sans',sans-serif;transition:background .22s,box-shadow .22s,transform .22s,border-color .22s;white-space:nowrap;cursor:pointer}
.studio-top-actions .ace-top-control:hover,.studio-top-actions .ace-top-upgrade:hover{background:#2b2215;border-color:#94723c;transform:translateY(-1px);box-shadow:0 5px 22px #e3aa3621}.ace-top-upgrade{color:#15110a!important;background:linear-gradient(130deg,#ffe2a1,#dca848)!important;border-color:#e3b756!important}
.studio-sidebar{background:#100f0d!important}.studio-side-footer.ace-profile-trigger{width:100%;display:flex;align-items:center;gap:11px;border:0;border-top:1px solid #36291a;padding:14px 14px!important;text-align:left;cursor:pointer;color:#ede1ca;background:#12100d!important;border-radius:0!important;transition:background .2s}.ace-profile-trigger:hover{background:#2a2117!important}.ace-profile-trigger>div{flex:1;min-width:0}.ace-profile-trigger svg{flex:none}.ace-profile-trigger small{display:block;color:#baa789;font-size:11px!important;letter-spacing:0!important;text-transform:none!important}.ace-profile-trigger strong{font-size:14px!important}
.studio-side-item{border-radius:14px!important;font-family:'DM Sans',sans-serif!important;font-size:14px!important;min-height:42px!important;transition:background .2s,color .2s!important}.studio-side-item:hover{background:#2b2418!important}
.studio-thread-space{width:min(1040px,calc(100% - 54px))!important}.studio-intro{margin-bottom:28px!important}.studio-intro h1{font-size:clamp(29px,3.4vw,49px)!important;letter-spacing:-.05em!important}.studio-intro p{font-size:16px!important;line-height:1.65!important}
/* Original small floating studio robot, remade as CSS sculpture, not a copied asset */
.ace-chat-robot{width:122px;height:160px;position:relative;margin:0 auto 15px;filter:drop-shadow(0 10px 14px #0009);animation:aceRobotFloat 4.2s ease-in-out infinite;transform-origin:center bottom}.ace-robot-antenna{position:absolute;left:58px;top:5px;height:24px;width:5px;background:linear-gradient(#d7a648,#6c4a1b);border-radius:8px;z-index:2}.ace-robot-antenna:before{content:"";position:absolute;top:-8px;left:-5px;width:15px;height:15px;border-radius:50%;background:#ffe28e;box-shadow:0 0 15px #eab94d77}
.ace-robot-head{position:absolute;top:24px;left:13px;width:96px;height:80px;border-radius:22px 22px 24px 24px;background:linear-gradient(136deg,#363027,#121212 54%,#050505);border:2px solid #635239;box-shadow:inset 3px 4px 5px #fff2,inset -4px -6px 8px #0009,0 8px 22px #000a;display:flex;align-items:center;justify-content:space-evenly;padding:0 12px}.ace-robot-eye{width:19px;height:24px;border-radius:7px;background:linear-gradient(#ffe7a0,#f4b72e);box-shadow:0 0 15px #e6ac406e;animation:aceRobotBlink 5.5s infinite}.ace-robot-eye:nth-child(2){animation-delay:.1s}.ace-robot-mouth{position:absolute;left:35px;bottom:14px;width:28px;height:5px;border-radius:7px;background:#f1bd54}
.ace-robot-neck{position:absolute;left:50px;top:99px;width:22px;height:13px;background:#775b36;z-index:-1}.ace-robot-body{position:absolute;left:32px;top:107px;width:58px;height:44px;border:1px solid #715734;border-radius:16px 16px 18px 18px;background:linear-gradient(135deg,#2d241a,#0d0c0b);display:grid;place-items:center;box-shadow:inset 1px 3px 6px #ffffff12}.ace-robot-core{width:21px;height:21px;background:#f4c46f;border-radius:50%;box-shadow:0 0 14px #f0c76b55}.ace-robot-shadow{position:absolute;bottom:-8px;left:21px;height:10px;width:82px;background:#d8ad4233;border-radius:50%;filter:blur(7px)}@keyframes aceRobotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes aceRobotBlink{0%,43%,48%,100%{transform:scaleY(1)}45%{transform:scaleY(.14)}}
.studio-prompt{border:1px solid #6f5432!important;border-radius:24px!important;background:#14120fef!important;transition:border-color .2s!important}.studio-prompt:focus-within{border-color:#786144!important;box-shadow:none!important;outline:none!important}.studio-prompt textarea,.studio-prompt textarea:focus,.studio-prompt textarea:focus-visible{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;outline-offset:0!important}
input:focus,textarea:focus,input:focus-visible,textarea:focus-visible{box-shadow:none!important;outline:0!important} /* user-requested no yellow glowing field outline */
button:focus-visible,a:focus-visible{outline:2px solid #f4cc82!important;outline-offset:3px!important}
.studio-quick-actions .quick-chip,.studio-prompt-toolbar .model-chip,.studio-prompt-toolbar .small-icon-btn{border-radius:16px!important}.studio-quick-actions .quick-chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0006}
.studio-thread-space.has-messages .studio-bottom{margin-top:18px}
.studio-topbar .api-dot{flex-shrink:0}
/* Profile popover attached to lower-left avatar */
.ace-profile-menu{position:fixed;z-index:9999;left:16px;bottom:81px;width:300px;max-width:calc(100vw - 32px);padding:10px;background:#17140f;border:1px solid #5c472d;box-shadow:0 28px 80px #000b,0 0 30px #e3a3381a;border-radius:20px;color:#f3e6ce;animation:aceMenuIn .18s ease both}.ace-profile-menu[hidden]{display:none!important}
@keyframes aceMenuIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.ace-menu-head{display:flex;align-items:center;gap:12px;padding:13px 13px 17px;border-bottom:1px solid #4a3825;margin-bottom:7px}.ace-menu-head strong,.ace-menu-head small{display:block}.ace-menu-head strong{font-size:15px}.ace-menu-head small{font-size:12px;margin-top:3px;color:#b4a38c;word-break:break-word}.ace-menu-avatar{display:grid;place-items:center;background:#e8b95d;color:#221607;border-radius:13px;height:43px;width:43px;font-size:22px;font-weight:800}.ace-menu-section{display:grid;gap:3px;padding:5px 0}.ace-menu-section+.ace-menu-section{border-top:1px solid #423322;margin-top:5px;padding-top:10px}.ace-menu-section a,.ace-menu-section button{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:12px;color:#e9dac1;padding:12px;font:600 13px 'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:.2s}.ace-menu-section a:hover,.ace-menu-section button:hover{background:#2a2115;color:#ffdf99}.ace-menu-section svg{width:17px;color:#d9b26b}
/* Embedded browser console, safe whitelisted commands */
.ace-dev-console{position:fixed;z-index:11000;right:20px;bottom:20px;width:min(760px,calc(100vw - 40px));height:min(450px,62dvh);display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#0b0d0d;border:1px solid #605034;color:#eadcc4;box-shadow:0 24px 100px #000e,0 0 36px #d9aa3026;animation:aceMenuIn .18s ease}.ace-dev-console header{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 16px;background:#1a1813;border-bottom:1px solid #433822}.ace-dev-console header>div{display:flex;align-items:center;gap:9px}.ace-dev-console header strong{font-size:14px}.ace-console-live{font-size:11px;color:#bba17e}.ace-dev-console button{border:1px solid #493c27;border-radius:10px;background:#242015;color:#e8d5ac;padding:7px 10px;font-size:12px;cursor:pointer;transition:.2s}.ace-dev-console button:hover{background:#48351b}.ace-dev-console .ace-dev-log{padding:13px 16px;overflow:auto;flex:1;background:repeating-linear-gradient(0deg,transparent 0 30px,#ffffff05 31px);font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.ace-dev-log>div{display:flex;gap:15px;padding:6px 0;border-bottom:1px solid #ffffff0a;overflow-wrap:anywhere}.ace-dev-log>div span:first-child{flex:0 0 133px;color:#9d988f;white-space:pre}.ace-log-error>span:last-child{color:#ff9282}.ace-log-network>span:last-child{color:#c3d6c3}.ace-log-command>span:last-child{color:#f3c264}.ace-dev-console form{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1a1813;border-top:1px solid #443820}.ace-dev-console form span{color:#f6c66b;font-weight:bold}.ace-dev-console input{background:transparent;border:0;color:#f5e6cf;font:13px ui-monospace,Consolas,monospace;flex:1;padding:8px;outline:none!important}
/* Readability: remove pixel/mono-uppercase microcopy from main website and chat */
.micro-label,.mini-kicker,.section-kicker,.v5-card-top,.v5-floating-tag,.v5-eyebrow,.ace-caption,.ace-auth-overline,.v5-steps .steps-grid article>span,.studio-footnote,.studio-status,.provider-choice{font-family:'DM Sans',sans-serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;line-height:1.5!important}
.v5-hero h1,.v5-hero-copy h1{letter-spacing:-.05em!important}.v5-feature-card h3{line-height:1.15!important}
.models-window,.ace-panel,.auth-card,.upgrade-window{border-radius:24px!important}.models-searchbox,.models-searchbox:focus-within{box-shadow:none!important;outline:none!important;border-color:#574632!important}
.ace-auth-db-help{display:inline-block;margin:5px 0 15px;color:#bbac8e;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.studio-topbar{padding:0 12px!important}.ace-workspace-tag{display:none}.studio-top-actions .ace-top-control{padding:9px 11px!important}.studio-top-actions .ace-top-control span{display:none}.ace-app-wordmark{font-size:17px}.studio-thread-space{width:calc(100% - 24px)!important}.ace-chat-robot{transform:scale(.82);margin-bottom:3px}.studio-intro h1{font-size:clamp(28px,6vw,42px)!important}.ace-dev-console{right:8px;bottom:8px;width:calc(100vw - 16px)}.ace-dev-console header{flex-wrap:wrap}.ace-console-live{display:none}.ace-dev-log>div span:first-child{flex-basis:96px}.ace-top-upgrade{padding:9px!important}}
@media(max-width:540px){.studio-top-actions .ace-top-upgrade{display:none!important}.studio-top-actions{gap:6px!important}.studio-topbar{height:58px!important}.ace-chat-robot{margin-bottom:0}.studio-intro p{font-size:14px!important}.ace-dev-console{height:65dvh}.ace-profile-menu{left:8px;bottom:65px}.models-window-head h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.ace-chat-robot,.ace-robot-eye,.ace-dev-console,.ace-profile-menu{animation:none!important}}

.ace-model-load-more{width:calc(100% - 20px);margin:10px;border:1px solid #8a683c;border-radius:14px;background:#251e14;color:#f3d292;padding:14px 18px;font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s}.ace-model-load-more:hover{background:#403019}.ace-request-timer{font:600 12px 'DM Sans',sans-serif;color:#e9c982;padding-left:7px;min-width:25px;display:inline-block}.ace-generation-stage{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-entry-content{white-space:pre-wrap;line-height:1.68!important;word-break:break-word}.chat-entry.assistant .chat-entry-content{font-size:15px!important}

.studio-intro>p{color:#b8ad9d!important}.studio-footnote{color:#a99f8e!important}.studio-footnote a{color:#ebca8d!important}.studio-intro .mini-kicker{color:#f5d181!important}@media(max-width:540px){.studio-intro h1{font-size:clamp(27px,7vw,36px)!important}.studio-thread-space .studio-bottom{margin-top:13px}}
