html{scrollbar-gutter:stable}html,body{min-width:0}body{overflow-x:hidden}button,input,textarea,select{max-width:100%}button{touch-action:manipulation}img{max-width:100%}*:focus-visible{outline-offset:3px}.chat-shell{height:100dvh!important;min-height:0!important}.chat-shell>main{min-height:0;min-width:0}.chat-scroll{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;scrollbar-gutter:stable}.chat-content{height:auto!important;min-width:0!important}.chat-welcome{min-height:min-content!important;flex-shrink:0!important}.chat-sidebar>div{overflow-y:auto!important;overflow-x:hidden!important;max-height:100dvh!important}.focused-model-menu{max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;overscroll-behavior:contain}.focused-model-option{min-height:68px!important}.focused-model-title strong{font-size:14px!important}.settings-dialog{height:650px;max-height:90dvh}.settings-layout{min-height:0}.settings-content{min-height:0;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-gutter:stable}.settings-dialog header{flex-shrink:0}.settings-layout nav{min-height:0;overflow-y:auto}.sidebar{overflow-y:auto;max-height:100dvh}.main,.page,.panel,.studio-panel{min-width:0}.table-wrap{max-width:100%;overflow:auto;max-height:70dvh;overscroll-behavior:contain}.table-wrap thead{position:sticky;top:0;z-index:1}.panel textarea{resize:vertical;min-height:90px}.settings-error{overflow-wrap:anywhere}.account-body{display:block!important;min-height:100dvh!important;height:auto!important;overflow-y:auto!important}.account-box{margin:20px auto;max-width:100%}.otp-dialog{position:relative;width:390px;max-width:100%;max-height:90dvh;overflow-y:auto;padding:28px;background:rgb(var(--zy-solid,26,26,28));border:1px solid #ffffff16;border-radius:20px;color:var(--zy-text,#eee);text-align:center}.otp-dialog>.settings-close{position:absolute;left:14px;top:12px}.otp-dialog h2{font-size:21px}.otp-dialog p{font-size:13px;line-height:1.8}.otp-dialog form{display:grid;gap:15px;text-align:start}.otp-dialog form button{width:100%;justify-self:stretch}.otp-email{overflow-wrap:anywhere;color:#cf8a99}.otp-input{font:700 28px monospace!important;letter-spacing:10px;text-align:center;padding:14px!important}.settings-benefits{font-size:12px;color:var(--zy-text2);line-height:2;padding-inline-start:18px;margin:16px 0}.settings-benefits li{margin:6px 0}
html body .welcome-brand{width:88px!important;height:88px!important;margin-bottom:16px!important}html body .brand-emblem{width:32px!important;height:32px!important}html body .model-trigger-emblem{width:24px!important;height:24px!important}html body .auth-logo{width:56px!important;height:56px!important}html body .brand-symbol{width:32px!important;height:32px!important}
@media(max-width:1100px){.studio-grid,.overview-grid{grid-template-columns:1fr!important}.settings-dialog{max-width:760px}.page{padding:26px 22px}.toolbar{flex-wrap:wrap}}
@media(max-width:700px){.sidebar{max-height:none;overflow:visible}.sidebar nav{overflow-x:auto;flex-wrap:nowrap}.main{margin-inline:0}.page{padding:22px 14px}.toolbar input{min-width:0;flex-basis:100%}.toolbar select{min-width:110px}.topbar{flex-wrap:wrap;gap:8px;min-height:62px;height:auto;padding-block:10px}.panel-head{flex-wrap:wrap}.chat-content{padding:20px 14px 12px!important}.composer-shell{padding:6px 10px calc(10px + env(safe-area-inset-bottom))!important}.settings-overlay{padding:10px}.settings-dialog{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.settings-layout nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;flex-shrink:0}.settings-content{padding:18px 14px 30px}.settings-clock{font-size:11px}.settings-dialog header{padding:13px 16px}html body .welcome-brand{width:76px!important;height:76px!important}.welcome-title{font-size:25px!important}.welcome-subtitle{font-size:14px!important}.focused-model-menu{max-height:85dvh!important}.otp-dialog{padding:24px 18px}.auth-screen>div{min-width:0}.auth-screen input{font-size:16px!important}}
@media(max-height:500px){.chat-shell>main{display:block!important;overflow-y:auto!important}.chat-scroll{overflow-y:visible!important;min-height:120px!important}.chat-header{position:sticky!important;top:0;background:var(--zy-bg);z-index:30!important}.composer-shell{position:relative!important}.settings-dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.settings-overlay{padding:8px}.auth-screen{padding-top:50px!important}.sidebar{overflow-y:auto}}
.settings-overlay{position:fixed!important;inset:0!important;width:100%!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;margin:0!important}.settings-dialog{width:min(800px,100%)!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}.settings-layout{width:100%;min-width:0}.settings-content{width:0;min-width:0!important;overflow-wrap:anywhere}.settings-dialog:focus{outline:none}.settings-dialog *{box-sizing:border-box}.settings-primary,.primary{background:#dc2626!important;border-color:#dc2626!important;color:white!important}.settings-membership,.membership-card{background:#dc26260d!important;border-color:#dc262640!important}.settings-countdown,.settings-danger,.settings-error,.eyebrow,.settings-active{color:#ef4444!important}.settings-limit progress::-webkit-progress-value{background:#dc2626!important}.focused-model-option[aria-checked=true]{background:#dc262610!important;border-color:#dc2626!important}.focused-model-title small{color:#ef4444!important}.auth-screen{--zy-bright:#dc2626;--zy-deep:#991b1b;--zy-soft:#ef4444;--zy-glow-strong:rgba(220,38,38,.2)}.otp-dialog{border-color:#dc262655}.otp-input{color:#ef4444}.settings-clock{background:#dc26260b}
@media(max-width:900px){.settings-dialog{height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important}.settings-layout{flex-direction:column!important}.settings-layout nav{flex:0 0 auto!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;border-inline-end:0!important;border-bottom:1px solid #ffffff12}.settings-layout nav button{white-space:nowrap}.settings-content{width:100%!important;flex:1 1 auto!important;min-height:0!important}}
@media(max-width:400px){.settings-overlay{padding:8px!important}.settings-layout nav button{padding:10px 9px!important;font-size:11px!important}.settings-content{padding:18px 12px!important}}
/* Native scrolling stays available to touch, wheel and keyboard. */
html,body{touch-action:auto}html{scrollbar-gutter:auto}body{overflow-y:auto!important}
.chat-scroll,.settings-content,.focused-model-menu,.settings-overlay,.otp-dialog,.table-wrap,.chat-sidebar>div{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--zy-veil,100,100,100),.32) transparent}
.chat-content{box-sizing:border-box}.chat-scroll{flex:1 1 0!important}.chat-header,.composer-shell{flex-shrink:0!important}.settings-overlay{overflow-y:auto!important}.settings-dialog{flex-shrink:0}.settings-content{padding-bottom:40px!important}
html:has(.auth-screen) #root,html:has(.auth-screen) #root>div{height:auto!important;min-height:100dvh;overflow:visible!important}
.settings-layout nav,.table-wrap{touch-action:pan-x pan-y pinch-zoom}
button,a,input,select{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.focused-model-option:active,.settings-layout nav button:active,.settings-primary:active{transform:scale(.98)}
.focused-model-check{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.focused-model-option[aria-checked=true] .focused-model-check{transform:scale(1.08)}
@media(hover:hover){.focused-model-option:hover{transform:translateX(-3px)}.settings-plans article:hover{border-color:var(--zy-bright);box-shadow:0 4px 18px rgba(0,0,0,.05)}.settings-layout nav button:hover{background:rgba(var(--zy-veil),.06)}}
.settings-plans article{transition:border-color .2s ease,box-shadow .2s ease}
html[data-theme=light]{color-scheme:light;--zy-soft:#a82020!important;--zy-haze:transparent!important;--zy-haze2:transparent!important;--zy-tint:rgba(185,28,28,.055)!important}
html[data-theme=light] .chat-header,html[data-theme=light] .chat-sidebar{background:#ece9e2!important}
html[data-theme=light] .settings-overlay{background:#302c2745;backdrop-filter:blur(5px)}
html[data-theme=light] .settings-dialog,html[data-theme=light] .focused-model-menu{box-shadow:0 18px 65px #302c271c;border-color:#d9d5cc}
html[data-theme=light] .focused-model-description,html[data-theme=light] .focused-model-heading,html[data-theme=light] .focused-model-note{color:#625e56}
html[data-theme=light] .settings-countdown,html[data-theme=light] .settings-error,html[data-theme=light] .focused-model-title small{color:#a82020!important}
html[data-theme=light] .composer-shell textarea{color:#292722!important}html[data-theme=light] ::placeholder{color:#777167!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.app-frame:has(.auth-screen){height:auto!important;min-height:100dvh;overflow:visible!important}
html[data-theme=light] .welcome-subtitle{color:#625e56!important}
html[data-theme=light] .composer-shell>div{box-shadow:0 3px 16px #302c2712!important;background:#faf8f3!important}
.inline-message-editor{width:min(620px,100%);padding:14px;border:1px solid var(--zy-bright);border-radius:14px;background:rgb(var(--zy-solid))}.inline-message-editor textarea{width:100%;min-height:110px;resize:vertical;background:transparent;color:var(--zy-text);font:inherit;border:0;padding:10px;box-sizing:border-box}.inline-message-editor>div{display:flex;gap:8px;flex-wrap:wrap}.inline-message-editor button{background:var(--zy-bright);color:white;border:0;border-radius:8px;padding:9px 14px;cursor:pointer}.message-reaction[aria-pressed=true]{background:#dc262624!important;color:#dc2626!important;box-shadow:inset 0 0 0 1px #dc2626}
.generation-progress{display:flex;align-items:center;gap:10px;padding:16px 18px;margin:12px 0 22px;color:var(--zy-text2);font-size:13px;border:1px solid rgba(var(--zy-veil),.1);border-radius:14px;background:rgba(var(--zy-veil),.025)}.generation-pulse{height:8px;width:8px;flex-shrink:0;border-radius:50%;background:#dc2626;animation:generationPulse 1.2s ease-in-out infinite}@keyframes generationPulse{50%{opacity:.35;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.generation-pulse{animation:none}}
.code-card{margin:16px 0;border:1px solid rgba(var(--zy-veil),.14);border-radius:14px;overflow:hidden;background:rgb(var(--zy-solid));min-width:0}.code-card header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid rgba(var(--zy-veil),.1);font-size:12px;color:var(--zy-text2)}.code-card header>span:first-child{margin-inline-end:auto;font-family:monospace}.code-card button{font:inherit;cursor:pointer;border:1px solid rgba(var(--zy-veil),.14);border-radius:7px;padding:6px 10px;background:rgba(var(--zy-veil),.04);color:var(--zy-text)}.code-card pre{margin:0;padding:16px;overflow:auto;font:13px/1.7 ui-monospace,monospace;color:var(--zy-text);tab-size:2}.code-card pre.collapsed{max-height:150px;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent)}.code-card pre.expanded{max-height:65dvh}.code-card .code-expand{display:block;width:100%;border:0;border-top:1px solid rgba(var(--zy-veil),.1);border-radius:0;padding:10px;color:var(--zy-soft)}.code-preview{border-top:1px solid rgba(var(--zy-veil),.1)}.code-preview p{padding:10px 14px;font-size:12px;color:var(--zy-text2)}.code-preview iframe{width:100%;height:420px;max-height:65dvh;border:0;background:#fff}.settings-content>.settings-button{margin:8px 0 8px 8px}
.code-workspace-layout{min-width:0}.code-workspace .code-workspace-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);direction:ltr}.code-workspace .code-preview{border:0;border-right:1px solid rgba(var(--zy-veil),.13);min-width:0}.code-source{min-width:0}.preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;font-size:12px}.preview-toolbar strong{margin-inline-end:auto}.code-workspace .code-preview iframe{height:480px;max-height:65dvh;display:block}.preview-edit{padding:12px;display:grid;gap:10px}.preview-edit label{font-size:12px;display:grid;gap:8px}.preview-edit textarea{width:100%;min-height:75px;resize:vertical;box-sizing:border-box;background:rgba(var(--zy-veil),.03);color:var(--zy-text);font:inherit;border:1px solid rgba(var(--zy-veil),.2);border-radius:8px;padding:10px}.preview-edit button{background:#b91c1c;color:#fff}.chat-content:has(.code-workspace){max-width:1180px!important}@media(max-width:760px){.code-workspace .code-workspace-layout{grid-template-columns:1fr}.code-workspace .code-preview{border-right:0;border-bottom:1px solid rgba(var(--zy-veil),.13)}}
.code-writing{color:var(--zy-soft);font-size:11px}.code-streaming code::after{content:'▍';color:#dc2626;animation:codeCaret 1s steps(2,start) infinite}.preview-edit-toggle{background:transparent!important;border-color:transparent!important;color:var(--zy-text2)!important}.preview-edit-toggle:hover{border-color:rgba(var(--zy-veil),.2)!important}.preview-edit-toggle:disabled{opacity:.4;cursor:wait}@keyframes codeCaret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.code-streaming code::after{animation:none}}
.code-card .preview-edit-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px!important;background:rgba(220,38,38,.12)!important;border:1px solid #dc2626!important;border-radius:9px;color:var(--zy-text)!important;font-weight:700;font-size:13px}.code-card .preview-edit-toggle:hover{background:rgba(220,38,38,.23)!important;border-color:#ef4444!important}.code-card .preview-edit-toggle svg{color:#ef4444;flex-shrink:0}.code-card .preview-edit-toggle:focus-visible{outline:2px solid #ef4444;outline-offset:3px}.code-card .preview-edit-toggle[aria-expanded=true]{background:#b91c1c!important;color:#fff!important}.code-card .preview-edit-toggle[aria-expanded=true] svg{color:#fff}@media(max-width:600px){.code-card .preview-edit-toggle{min-height:44px}}
.code-preview{overscroll-behavior:none!important}.code-preview iframe{overscroll-behavior:none!important;touch-action:pan-x pan-y pinch-zoom}.code-card header button:disabled{opacity:.5;cursor:wait}.code-card header>span:first-child{overflow-wrap:anywhere}
.code-source pre,.code-preview{scrollbar-width:none!important}.code-source pre::-webkit-scrollbar,.code-preview::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}