body.studio-auth {
    --auth-ink: #242126;
    --auth-muted: #655c56;
    --auth-orange: #a6460b;
    --auth-border: #d6c8bc;
    --auth-glass: #fff;
    --background: 35 45% 98%;
    --foreground: 280 7% 14%;
    --heading-foreground: 280 7% 14%;
    --input-background: 0 0% 100%;
    --input-foreground: 280 7% 14%;
    --input-border: 28 24% 78%;
    --label: 280 7% 14%;
    color-scheme: light;
    background: #fbf9f6;
    color: var(--auth-ink);
    font-family: 'Golos Text', Inter, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.studio-auth *, .studio-auth *::before, .studio-auth *::after { box-sizing: border-box; }
.studio-auth .lqd-page-content-container { width: 100%; max-width: none; padding: 0; }
.studio-auth .lqd-page-content-wrap { overflow: visible; }
.studio-auth a { text-decoration: none; }
.studio-auth a:focus-visible, .studio-auth button:focus-visible, .studio-auth input:focus-visible, .studio-auth select:focus-visible { outline: 3px solid #ab490d; outline-offset: 4px; }
.studio-auth-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; min-height: 100svh; padding: 16px; }
.studio-auth-main { display: flex; min-width: 0; flex-direction: column; padding: 24px clamp(24px, 4vw, 68px) 12px; }
.studio-auth-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.studio-auth-brand { display: inline-flex; flex-shrink: 0; align-items: center; }
.studio-auth-brand img { display: block; width: 138px; height: 36px; object-fit: contain; }
.studio-auth-language { display: inline-flex; gap: 3px; padding: 4px; border: 1px solid #d7cbbf; border-radius: 100px; background: var(--auth-glass); box-shadow: 0 3px 12px #6d3c0c07, inset 0 1px #fff; }
.studio-auth-language a { display: grid; place-items: center; min-width: 36px; min-height: 32px; border-radius: 100px; color: #494047; font-size: 11px; font-weight: 600; }
.studio-auth-language a[aria-current] { background: #ffebdb; color: #813809; box-shadow: inset 0 0 0 1px #edc7a8; }
.studio-auth-language a:hover { color: #743000; background: #fff2e6; }
.studio-auth-form-area { display: flex; flex: 1; align-items: center; justify-content: center; padding: 54px 0; }
.studio-auth-form-card { position: relative; width: 100%; max-width: 450px; text-align: left; }
.studio-auth-form-card .container-tight { width: 100%; max-width: none; padding: 0; }
.studio-auth-form-card h1 { margin: 0 0 12px; color: var(--auth-ink); font-family: Outfit, sans-serif; font-size: clamp(34px, 3vw, 44px); font-weight: 500; line-height: 1.08; letter-spacing: -.04em; }
.studio-auth-heading { margin-bottom: 28px; }
.studio-auth-heading > span, .studio-auth-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 13px; color: #93400e; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.studio-auth-heading > p, .studio-auth-description { margin: 0; color: var(--auth-muted); font-size: 14px; line-height: 1.65; }
.studio-auth-socials { display: flex; flex-wrap: wrap; gap: 10px; }
.studio-auth-form-card .lqd-btn:not([type=submit]) { min-height: 49px; border: 1px solid var(--auth-border); border-radius: 13px; background: var(--auth-glass); color: var(--auth-ink); font-size: 13px; font-weight: 600; box-shadow: 0 4px 10px #70451505, inset 0 1px 0 #fff; }
.studio-auth-socials > a { flex: 1 1 45%; justify-content: center; gap: 10px; padding: 12px 16px; }
.studio-auth-form-card .lqd-btn:not([type=submit]):hover { background: #fff5eb; border-color: #bd916c; }
.studio-auth-divider { display: flex; align-items: center; gap: 16px; margin: 23px 0; color: #796b61; font-size: 12px; }
.studio-auth-divider > span { background: #e5dcd3; }
.studio-auth-form { display: flex; flex-direction: column; gap: 20px; }
.studio-auth-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.studio-auth-fields > .lqd-input-container:last-child:nth-child(odd) { grid-column: 1 / -1; }
.studio-auth-fields:not(:has(.lqd-input-container)) { display: none; }
.studio-auth-field-full { grid-column: 1 / -1; }
.studio-auth .studio-auth-form-card .lqd-input-label { margin-bottom: 9px; color: #3e353b; font-size: 12px; font-weight: 600; line-height: 1.4; }
.studio-auth .studio-auth-form-card .lqd-input-label-txt { color: inherit; }
.studio-auth .studio-auth-form-card .lqd-input:not([type=checkbox]):not([type=radio]):not([type=hidden]) { width: 100%; min-height: 51px; border: 1px solid #d4c7bb; border-radius: 12px; background-color: #fff; color: #242126; font-size: 14px; line-height: 1.5; box-shadow: inset 0 2px 3px #69401d03, 0 1px 0 #fff; transition: border-color .2s, box-shadow .2s; }
.studio-auth .studio-auth-form-card .lqd-input::placeholder { color: #81736a; opacity: 1; }
.studio-auth .studio-auth-form-card .lqd-input:not([type=checkbox]):not([type=radio]):focus { border-color: #af5618; outline: none; box-shadow: 0 0 0 3px #e9b98c40; }
.studio-auth .studio-auth-form-card .lqd-input:is([type=password],[autocomplete=new-password],[autocomplete=current-password]) { padding-right: 48px; }
.studio-auth .studio-auth-form-card .lqd-input[type=checkbox] { width: 17px; height: 17px; border: 1px solid #b6a595; border-radius: 5px; accent-color: #ac4b0c; color: #ac4b0c; }
.studio-auth .studio-auth-form-card .lqd-input[type=checkbox]:checked { background-color: #ac4b0c; border-color: #ac4b0c; }
.studio-auth .studio-auth-form-card .lqd-show-password { width: 32px; height: 32px; color: #675b52; }
.studio-auth .studio-auth-form-card .lqd-show-password:hover { background: #fff0e4; color: #853c0d; }
.studio-auth-options { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.studio-auth-options .lqd-input-label { margin: 0 !important; font-weight: 400 !important; }
.studio-auth .studio-auth-form-card a:not(.lqd-btn) { color: #8a3a09; font-weight: 500; text-decoration: underline; text-decoration-color: #bd987f; text-underline-offset: 3px; }
.studio-auth .studio-auth-form-card a:not(.lqd-btn):hover { color: #542100; text-decoration-color: currentColor; }
.studio-auth .studio-auth-form-card .lqd-btn[type=submit], .studio-auth .studio-auth-submit { display: inline-flex; width: 100%; min-height: 53px; align-items: center; justify-content: center; gap: 10px; border: 1px solid #bc895f; border-radius: 13px; background: var(--auth-glass); color: #242126; font-size: 14px; font-weight: 600; box-shadow: inset 0 1px 0 #fff, inset 0 -3px 5px #f3dac753, 0 5px 14px #9f501211; transition: transform .2s, box-shadow .2s, background .2s; }
.studio-auth .studio-auth-form-card .lqd-btn[type=submit]:hover { transform: translateY(-1px); background: #fff1e4; border-color: #a86738; box-shadow: inset 0 1px 0 #fff, 0 8px 17px #9f50121a; }
.studio-auth .studio-auth-submit svg { width: 18px; height: 18px; color: #99430b; }
.studio-auth-free-note { margin: -8px 0 0; color: #7d6d60; font-size: 12px; text-align: center; }
.studio-auth .studio-auth-form-card .lqd-btn[disabled] { opacity: .7; cursor: wait; transform: none; }
.studio-auth-legal { margin: 0; color: #6e6258; font-size: 11px; line-height: 1.75; text-align: center; }
.studio-auth-switch, .studio-auth .lqd-auth-form-foot-text { margin-top: 25px; padding-top: 24px; border-top: 1px solid #e8dfd6; color: #6b5e54; font-size: 13px; text-align: center; }
.studio-auth .studio-auth-form-card .iti { width: 100%; color: #242126; font-size: 13px; }
.studio-auth .studio-auth-form-card .iti__dropdown-content { background: #fff; border: 1px solid #cbbbaf; color: #242126; box-shadow: 0 12px 35px #5e381c1a; }
.studio-auth .studio-auth-form-card .iti__search-input { min-height: 42px; background: #fff; color: #242126; }
.studio-auth .studio-auth-form-card .iti__country.iti__highlight { background: #fff0e3; }
.studio-auth-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 18px; color: #807065; font-size: 11px; }
.studio-auth-footer > span { max-width: 320px; line-height: 1.6; }
.studio-auth-home { display: inline-flex; align-items: center; gap: 5px; color: #69584a; font-size: 12px; }
.studio-auth-home:hover { color: #8a3909; }
.studio-auth-showcase { position: sticky; top: 16px; display: flex; flex-direction: column; min-width: 0; height: calc(100svh - 32px); min-height: 740px; max-height: 1100px; overflow: hidden; border: 1px solid #f8a069; border-radius: 28px; background: linear-gradient(180deg, #7a240073 0%, #7a2400c7 45%, #7a240000 72%), radial-gradient(ellipse at 18% 90%, #fff3d6 0%, #ffe0ad 28%, transparent 62%), radial-gradient(ellipse at 100% 36%, #ffa142 0%, transparent 52%), linear-gradient(145deg, #b8400b 0%, #f57415 53%, #ffd19d 100%); box-shadow: inset 0 1px 0 #ffffff66; isolation: isolate; }
.studio-auth-showcase::before { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(103deg, transparent 14%, #ffffff0c 14.3%, #ffffff15 22%, transparent 22.5%, transparent 39%, #ffffff1a 39.4%, transparent 49%, transparent 64%, #ffffff15 64.3%, transparent 76%); }
.studio-auth-showcase-copy { padding: clamp(40px, 4.2vw, 66px) clamp(30px, 4vw, 62px) 0; }
.studio-auth-showcase-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid #ffffff70; border-radius: 100px; color: #fff; background: #8e30052b; font-size: 10px; font-weight: 500; }
.studio-auth-showcase-eyebrow > span { width: 5px; height: 5px; border-radius: 50%; background: #ffe5b4; }
.studio-auth-showcase h2 { margin: 22px 0 15px; color: #fff; font-family: Outfit, sans-serif; font-size: clamp(48px, 4.8vw, 78px); font-weight: 500; line-height: .99; letter-spacing: -.055em; }
.studio-auth-showcase h2 em { color: #ffebca; font-family: Georgia, serif; font-weight: 400; letter-spacing: -.06em; }
.studio-auth-showcase-copy p { max-width: 350px; margin: 0; color: #fff5e9; font-size: 13px; line-height: 1.7; }
.studio-auth-scene { position: relative; flex: 1; min-height: 340px; margin-top: 46px; perspective: 1400px; }
.studio-auth-desktop { position: absolute; top: 22px; left: 7%; width: 105%; overflow: hidden; padding: 5px; border: 1px solid #ffffffaa; border-radius: 17px; background: #fffffff0; box-shadow: 0 26px 70px #772d0a29, 0 8px 12px #772d0a12; transform: rotateY(-8deg) rotateX(4deg) rotateZ(-5deg); transform-origin: left center; }
.studio-auth-desktop > img { display: block; width: 100%; height: auto; border-radius: 0 0 11px 11px; }
.studio-auth-browser { display: flex; align-items: center; gap: 4px; height: 23px; padding: 0 8px; }
.studio-auth-browser > span { width: 4px; height: 4px; border-radius: 50%; background: #d1c5ba; }
.studio-auth-browser > i { margin: auto; padding-right: 28px; color: #8c7c70; font-size: 7px; font-style: normal; }
.studio-auth-mobile { position: absolute; z-index: 2; top: 104px; right: 6%; width: 23%; max-width: 160px; padding: 5px; overflow: hidden; border: 1px solid #dec8b7; border-radius: 22px; background: #fffaf5; box-shadow: 0 16px 45px #73300d33, inset 0 0 0 1px #fff; transform: rotate(7deg); }
.studio-auth-mobile img { display: block; width: 100%; height: auto; border-radius: 17px; }
.studio-auth-capability { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 9px; padding: 10px 15px 10px 10px; border: 1px solid #ffffffcc; border-radius: 15px; color: #594032; background: var(--auth-glass); box-shadow: 0 10px 30px #73300d1c, inset 0 1px 0 #fff; font-size: 11px; font-weight: 600; }
.studio-auth-capability > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #edcfb6; border-radius: 10px; background: #fff0e3; color: #a84b0d; }
.studio-auth-capability-writer { top: -6px; right: 7%; transform: rotate(5deg); animation: studio-auth-float-writer 8s ease-in-out infinite; }
.studio-auth-capability-chat { top: 0; left: 4%; margin-top: 230px; transform: rotate(-4deg); animation: studio-auth-float-chat 9s ease-in-out infinite; }
.studio-auth-showcase-bottom { position: relative; z-index: 4; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 30px; padding: 25px 24px 29px; color: #764222; font-size: 12px; font-weight: 600; letter-spacing: -.02em; }
@keyframes studio-auth-float-writer { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(-6px) rotate(5deg); } }
@keyframes studio-auth-float-chat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(6px) rotate(-4deg); } }
@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
    body.studio-auth { --auth-glass: #fffffff0; }
    .studio-auth-language, .studio-auth-capability, .studio-auth-form-card .lqd-btn { -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); }
}
@media (min-width: 1600px) {
    .studio-auth-shell { max-width: 1920px; margin: auto; }
    .studio-auth-form-card { max-width: 480px; }
    .studio-auth-scene { margin-top: 65px; }
}
@media (max-width: 1199px) {
    .studio-auth-main { padding: 20px 30px 12px; }
    .studio-auth-showcase-copy { padding: 44px 32px 0; }
    .studio-auth-showcase h2 { font-size: 58px; }
    .studio-auth-showcase-eyebrow { font-size: 9px; }
    .studio-auth-showcase { min-height: 720px; }
    .studio-auth-capability-chat { margin-top: 190px; }
}
@media (max-width: 1023px) {
    .studio-auth-shell { display: block; padding: 0; min-height: 100svh; background: radial-gradient(ellipse at 95% 0%, #ffecd8, transparent 46%), #fbf9f6; }
    .studio-auth-main { min-height: 100svh; padding: 25px 32px 24px; }
    .studio-auth-showcase { display: none; }
    .studio-auth-form-area { padding: 58px 0; }
    .studio-auth-form-card { max-width: 440px; }
    .studio-auth-footer { width: 100%; max-width: 620px; margin: 0 auto; }
}
@media (max-width: 575px) {
    .studio-auth-main { padding: 22px 24px; }
    .studio-auth-brand img { width: 123px; height: 32px; }
    .studio-auth-form-area { align-items: flex-start; padding: 48px 0 40px; }
    .studio-auth-form-card h1 { font-size: 36px; }
    .studio-auth-heading { margin-bottom: 25px; }
    .studio-auth-heading > p { font-size: 13px; }
    .studio-auth-form { gap: 19px; }
    .studio-auth-fields { grid-template-columns: 1fr; }
    .studio-auth-socials > a { flex-basis: 100%; }
    .studio-auth .studio-auth-form-card .lqd-input:not([type=checkbox]):not([type=radio]):not([type=hidden]) { font-size: 16px; }
    .studio-auth-options { font-size: 12px; gap: 8px; }
    .studio-auth .studio-auth-form-card .lqd-input-label { font-size: 12px; }
    .studio-auth .studio-auth-form-card .g-recaptcha { max-width: 100%; }
    .studio-auth-footer { font-size: 10px; }
    .studio-auth-switch { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .studio-auth *, .studio-auth *::before, .studio-auth *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
    .studio-auth .studio-auth-form-card .lqd-btn[type=submit]:hover { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
    body.studio-auth { --auth-glass: #fff; }
    .studio-auth-language, .studio-auth-capability, .studio-auth-form-card .lqd-btn { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
    body.studio-auth, .studio-auth-shell, .studio-auth-showcase { background: Canvas; color: CanvasText; }
    .studio-auth-showcase::before { display: none; }
    .studio-auth .studio-auth-form-card .lqd-btn, .studio-auth-language, .studio-auth-capability { border: 1px solid ButtonText; color: ButtonText; background: ButtonFace; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .studio-auth-showcase h2, .studio-auth-showcase h2 em, .studio-auth-showcase-copy p, .studio-auth-showcase-eyebrow { color: CanvasText; }
}

.studio-model-providers{margin-top:24px;max-width:680px;min-width:0}.studio-model-providers-label{font-size:12px;font-weight:600;margin:0 0 10px;opacity:.8}.studio-model-provider-chips{display:grid;grid-template-rows:repeat(2,max-content);grid-auto-flow:column;grid-auto-columns:max-content;gap:6px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 9px;scrollbar-width:thin;scrollbar-color:currentColor transparent}.studio-model-provider-chips:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:6px}.studio-model-provider-chips>span{display:inline-flex;padding:5px 9px;border:1px solid currentColor;border-radius:999px;font-size:10px;line-height:1.3;opacity:.72;white-space:nowrap}.studio-model-providers-note{font-size:11px;line-height:1.5;margin:10px 0 0;opacity:.65}.studio-auth-showcase-bottom .studio-model-providers{margin-top:0}.studio-auth-showcase-bottom .studio-model-provider-chips>span{font-size:10px;letter-spacing:0;text-transform:none}.studio-auth-showcase-bottom{display:block}