/* AceGPT v7 / Navigation and Studio System: neutral black, warm amber */
:root{--ace7-yellow:#f4c764;--ace7-pale:#f8e1a5;--ace7-border:#433923}
html{scroll-padding-top:86px}
button,a,input,select,textarea{min-width:0}
button{cursor:pointer}
[hidden]{display:none!important}
.landing-nav{display:flex!important;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,32px)!important;min-width:0;isolation:isolate}
.landing-nav .ntl-brand{flex:0 0 auto;white-space:nowrap}
.landing-links{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(5px,1vw,15px)!important;min-width:0;flex-wrap:nowrap}
.landing-links a{padding:10px 12px!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent;border-radius:11px;font-size:13px!important;line-height:1.1;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.landing-links a:hover,.landing-links a:focus-visible{background:#211b10!important;color:#ffe6a7!important;border-color:#604c2a;box-shadow:0 0 18px #ffce5c12;transform:translateY(-1px)}
.landing-account{display:flex!important;align-items:center;justify-content:flex-end;gap:13px!important;flex:0 0 auto;min-width:max-content}
.landing-account>a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:40px!important;line-height:1.15;font-size:13px!important}
.landing-account .ace-nav-signin{border:1px solid #3b3329;border-radius:12px;padding:12px 16px;background:#14120f;color:#e9dcc6;transition:background .2s,border-color .2s}
.landing-account .ace-nav-signin:hover{background:#272013;border-color:#80602b}
.landing-account .pill-button{padding:11px 17px!important;min-height:42px!important;border-radius:12px!important}
.v5-hero-actions{justify-content:center!important;width:100%!important;gap:18px!important}
.v5-hero-actions .pill-button{min-height:46px!important;padding:12px 19px!important;font-size:13px!important}
.v5-hero-actions .v5-primary{font-weight:800}
.v5-marketing:before{content:"";position:absolute;top:90px;left:10%;right:10%;height:450px;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,#e5ad3d10,transparent 52%),radial-gradient(ellipse at 75% 30%,#f4cb4c0a,transparent 60%);filter:blur(22px)}
.v5-feature-card{min-height:350px!important;padding:30px!important}
.v5-feature-card h3{font-size:clamp(25px,2.3vw,36px)!important;letter-spacing:-.035em}
.v5-feature-card p{font-size:15px!important;line-height:1.7!important;max-width:350px}
.v5-card-top,.v5-steps .steps-grid article>span{font-family:'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:750!important;color:#f6cb71!important}
.section-kicker,.micro-label,.mini-kicker,.v5-eyebrow,.ace-auth-overline{font-family:'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:.015em!important;font-size:13px!important;color:#e2bd76!important;font-weight:700!important}
.mini-kicker{margin-bottom:16px!important}
.faq-section{position:relative;overflow:hidden}
.ace-faq-heading{display:flex;align-items:center;justify-content:space-between;min-height:220px;gap:24px;overflow:hidden}
.ace-faq-heading h2{margin-bottom:9px}.ace-faq-heading p{color:#bba98c;font-size:15px}
.ace-kinetic{width:180px;height:180px;perspective:460px;position:relative;margin-right:48px;flex:0 0 auto;transform-style:preserve-3d;animation:aceKinetic 15s linear infinite}
.ace-kinetic span{position:absolute;left:24px;top:24px;width:132px;height:132px;border:2px solid #cda352aa;border-radius:31px;box-shadow:0 0 28px #efba4e22,inset 0 0 34px #efba4e15;transform:rotateX(55deg) rotateZ(30deg)}
.ace-kinetic span:nth-child(2){transform:rotateY(65deg) rotateZ(30deg);border-color:#fff1bf44}.ace-kinetic span:nth-child(3){transform:rotateX(55deg) rotateY(65deg);border-color:#e8ad3644}
.ace-kinetic i{position:absolute;left:75px;top:75px;width:30px;height:30px;border-radius:50%;background:#f8d177;box-shadow:0 0 22px #f4c764aa,0 0 60px #ffcd653b}
@keyframes aceKinetic{to{transform:rotateY(360deg) rotateX(360deg)}}
.studio-topbar{min-height:68px!important;height:auto!important;gap:14px!important}
.studio-top-actions{display:flex;align-items:center;gap:10px!important;flex-wrap:nowrap}
.studio-top-actions .tiny-top-button{border-radius:10px;white-space:nowrap;padding:9px 12px;font-size:12px}
.studio-side-item:hover{transform:none!important;padding-inline:12px!important}
.studio-side-item{box-sizing:border-box!important;flex-shrink:0;min-width:0}
.studio-sidebar{overflow:hidden}
.studio-thread-space{min-width:0}
.studio-quick-actions[hidden]{display:none!important}
.studio-thread-space.has-messages .studio-quick-actions{display:none!important}
.studio-thread-space.has-messages .studio-bottom{margin-top:12px}
.models-window,.models-window *{box-sizing:border-box}
.models-window{min-width:0;max-width:calc(100vw - 22px)}
.models-searchbox{width:auto!important;min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:4px 13px!important;min-height:54px!important;border:1px solid #51442c!important;border-radius:15px!important;outline:none!important;box-shadow:none!important;overflow:hidden!important;background:#100f0c!important}
.models-searchbox:focus-within{border-color:#efbc5e!important;box-shadow:0 0 0 3px #f2bf5d1c!important}
.models-searchbox input,.models-searchbox input:focus{display:block!important;flex:1!important;min-width:0!important;width:100%!important;max-width:100%!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;color:#f8e7d0!important;line-height:1.2!important;font-size:14px!important}
.models-searchbox svg{flex:0 0 auto;width:18px;height:18px;color:#cfb47d}
.models-window-grid{min-width:0!important;overflow:hidden!important}
.models-window-head h2{font-size:26px!important;line-height:1.14}
.model-result{min-width:0;overflow:hidden}
.model-result>span:nth-child(2){min-width:0;overflow:hidden}
.model-result strong,.model-result small{display:block;overflow:hidden;text-overflow:ellipsis}
.model-results{min-width:0;overflow-y:auto}
.ace-console{width:min(1130px,calc(100% - 60px));margin:clamp(30px,5vh,75px) auto 90px;animation:upfade .35s ease;min-width:0;overflow:visible}
.ace-console.ace-narrow{max-width:740px}
.ace-console-head{margin-bottom:34px}
.ace-caption{display:inline-block;font-size:13px;color:#efc368;font-weight:700;margin-bottom:13px}
.ace-console h1{font-family:'Space Grotesk','DM Sans',sans-serif;font-weight:700;font-size:clamp(36px,4vw,54px);letter-spacing:-.06em;line-height:1.05;margin:0 0 14px;color:#f5ecdb}
.ace-console h2{font-size:21px;font-weight:700;margin:0 0 20px;letter-spacing:-.03em;color:#f6ead5}
.ace-console h3{font-size:15px;margin:24px 0 12px;color:#ead4aa}
.ace-console p{color:#a99d87;font-size:15px;line-height:1.7;margin:0 0 22px}
.ace-settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.ace-settings-nav{display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:19px;border:1px solid #393124;background:#11100e}
.ace-settings-nav button{background:transparent;color:#b8ab97;border:1px solid transparent;text-align:left;border-radius:12px;padding:14px 15px;font-size:13px;font-weight:650;transition:background .2s,color .2s,border-color .2s}
.ace-settings-nav button:hover,.ace-settings-nav button.active{color:#f9e8c8;background:#292216;border-color:#5c4725}
.ace-panel{min-width:0;border:1px solid #433722;background:linear-gradient(160deg,#1d1a13,#11100e);border-radius:22px;padding:30px;box-shadow:0 17px 50px #0005}
.ace-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.ace-settings-content{min-height:410px}
.ace-console label{display:block;font-size:14px;color:#d6c7ab;font-weight:650;margin:18px 0}
.ace-console input:not([type=checkbox]):not([type=range]),.ace-console textarea,.ace-console select{display:block;width:100%;max-width:100%;margin-top:9px;padding:14px 15px;color:#f4ead5;background:#100e0c;border:1px solid #51442e;border-radius:13px;font:inherit;font-size:14px;line-height:1.55;outline:none;transition:border-color .2s,box-shadow .2s}
.ace-console input:focus,.ace-console textarea:focus,.ace-console select:focus{border-color:#f2bd59;box-shadow:0 0 0 3px #f1c05916}
.ace-console textarea{resize:vertical;min-height:95px}
.ace-console input[type=range]{width:100%;margin-top:22px;accent-color:#ecc36f}
.ace-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 25px}
.ace-choice{border:1px solid #504129;border-radius:13px;padding:17px;background:#15120d;color:#c7bba5;font-size:14px;text-align:left;transition:background .2s,border-color .2s,color .2s}
.ace-choice:hover,.ace-choice.active{border-color:#f6c568;background:#332817;color:#fff0ca}
.ace-switch-row{display:flex!important;align-items:center;gap:12px}
.ace-switch-row input{width:19px;height:19px;accent-color:#f3c260}
.ace-alt-button,.ace-danger-button{display:inline-flex;justify-content:center;align-items:center;margin:9px 10px 9px 0;background:#242015;border:1px solid #655132;color:#ead4ac;border-radius:12px;padding:13px 17px;font-size:13px;font-weight:650;text-decoration:none;transition:.2s}
.ace-alt-button:hover{background:#403017;color:#fff0cc}
.ace-danger-button{border-color:#663d37;color:#f0a8a0}
.ace-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.ace-actions .pill-button{margin:0}
.ace-panel .pill-button.orange{padding:13px 20px!important;min-height:43px!important;font-size:13px!important}
.ace-row-link,.ace-staff-user{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px 13px;border:1px solid #383024;background:#17140f;color:#dfcfb5;border-radius:12px;margin-bottom:8px;width:100%;text-align:left;transition:border-color .2s}
.ace-row-link:hover{border-color:#d6ac5d}.ace-row-link span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ace-staff-user{cursor:default;font-size:13px}.ace-staff-user span{overflow:hidden;text-overflow:ellipsis}.ace-staff-user strong{color:#f3c25f}
.ace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.ace-stat{border:1px solid #4c3c20;background:linear-gradient(130deg,#292110,#12110d);padding:23px;border-radius:17px;display:flex;flex-direction:column;gap:8px}
.ace-stat strong{font-size:32px;color:#f8df97;font-variant-numeric:tabular-nums;line-height:1}
.ace-stat span{font-size:13px;color:#a69a84}
#staff-keys{max-height:200px;overflow:auto;border:1px solid #4a3e2e;background:#0f0e0a;color:#f7d78d;border-radius:14px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
#staff-dashboard[hidden],#staff-login[hidden]{display:none!important}
[data-ace-theme='ivory']{--ace7-yellow:#efe9d5;--ace7-pale:#fff5e4}
[data-ace-theme='ivory'] .pill-button.orange,[data-ace-theme='ivory'] .ace-choice.active{background:#e8d7b4!important;color:#1c1812!important}
[data-ace-theme='graphite']{--ace7-yellow:#b9b8b6;--ace7-pale:#ecebe9}
[data-ace-theme='graphite'] .pill-button.orange,[data-ace-theme='graphite'] .ace-choice.active{background:#d0cbc3!important;color:#181818!important}
[data-ace-background='plain'] .marketing-grid{background:#080808!important}
[data-ace-background='plain'] .v5-marketing:before{display:none!important}
[data-ace-background='glow'] .marketing-grid{background:radial-gradient(ellipse at 50% 10%,#b98a3430,transparent 65%),#090909!important}
@media(max-width:1190px){.landing-nav{flex-wrap:wrap}.landing-links{order:3;flex-basis:100%;justify-content:center;padding-bottom:13px}.landing-account{margin-left:auto}}
@media(max-width:900px){.ace-settings-layout{grid-template-columns:1fr}.ace-settings-nav{display:flex;flex-direction:row;overflow:auto;white-space:nowrap}.ace-settings-nav button{flex:0 0 auto}.ace-console{width:calc(100% - 40px)}.ace-panel-grid{grid-template-columns:1fr}.ace-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.landing-nav{display:flex!important;flex-wrap:wrap;min-height:65px!important;gap:12px!important}.landing-nav .landing-links{position:relative!important;order:4;display:none!important;flex-basis:100%;padding:10px!important;border:1px solid #54452b;border-radius:14px;background:#17140e;flex-direction:column;align-items:stretch;gap:3px!important}.landing-nav .landing-links.open{display:flex!important}.landing-links a{justify-content:flex-start}.landing-account{display:flex!important;gap:7px!important;margin-left:auto}.landing-account .pill-button{display:none!important}.landing-account .ace-nav-signin{padding:9px 12px;font-size:12px!important}.landing-menu{display:flex!important;margin-left:0!important;order:3}.v5-hero-actions{gap:12px!important}.v5-hero-actions .pill-button{width:auto!important;max-width:100%;min-height:44px!important;font-size:12px!important;padding:12px 14px!important}.ace-faq-heading{min-height:175px}.ace-kinetic{transform:scale(.65);margin-right:-30px;width:125px;flex-shrink:0;animation:none}.ace-faq-heading h2{font-size:32px!important}.ace-console{width:calc(100% - 28px)}.ace-panel{padding:19px}.ace-option-grid{grid-template-columns:1fr 1fr}.ace-settings-nav{padding:7px}.ace-settings-nav button{padding:10px 12px}.studio-topbar{padding-inline:11px!important}.studio-top-actions{gap:6px!important}.studio-top-actions .tiny-top-button{font-size:11px;padding:8px}.models-searchbox{margin:0 12px 11px!important}.models-window{height:calc(100dvh - 16px)!important}.models-window-grid{grid-template-columns:minmax(106px,28%) minmax(0,1fr)!important}.provider-choice{min-width:0!important}.model-result{gap:8px!important}.model-result .provider-logo{width:24px!important;height:24px!important}.ace-stats{gap:9px}.ace-stat{padding:14px}.ace-stat strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ace-kinetic,.landing-links a{animation:none!important;transition:none!important}}
/* Navigation + authentication final collision guards */
.ace-auth-card .auth-tabs{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important;width:100%!important;align-items:stretch!important}
.ace-auth-card .auth-tabs button{min-width:0!important;white-space:nowrap!important;text-align:center!important;padding:12px 8px!important;font-size:13px!important}
.studio-folder-choice{display:flex;align-items:center;gap:9px;width:100%;padding:10px 11px;color:#9f937f;border:1px solid transparent;border-radius:10px;background:transparent;font-size:12px;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-folder-choice svg{width:15px;height:15px;flex:none}.studio-folder-choice:hover,.studio-folder-choice.active{background:#231c12;color:#f1cc81;border-color:#584526}
@media(max-width:700px){.landing-account .ace-nav-signin{display:flex!important}}
