:root{--novai-font-hero:46px;--novai-font-assistant:16px;--novai-font-user:16px;--novai-font-input:16px;--novai-font-brand:22px;--novai-font-menu:14px;--novai-font-button:14px;--novai-font-model:13px;--novai-font-prompt-title:13px;--novai-font-prompt-description:11px;--novai-font-footer:11px;--novai-font-meta:12px;--novai-font-code:14px;--novai-font-math:20px;--novai-font-auth-title:28px;--novai-font-auth-text:15px;--novai-font-line-height:1.9}
@media(min-width:761px) and (max-width:1024px){:root{--novai-font-hero:38px;--novai-font-brand:20px;--novai-font-code:13px;--novai-font-math:19px;--novai-font-auth-title:26px}}
@media(max-width:760px){:root{--novai-font-hero:30px;--novai-font-brand:18px;--novai-font-model:12px;--novai-font-footer:10px;--novai-font-meta:11px;--novai-font-code:12px;--novai-font-math:18px;--novai-font-auth-title:24px;--novai-font-auth-text:14px}}
.novai-body .n-greeting{font-size:var(--novai-font-hero)!important;line-height:1.5;letter-spacing:normal;max-width:100%;width:100%;overflow-wrap:anywhere;text-wrap:pretty}
.novai-body .n-msg-row.ai .n-msg{font-size:var(--novai-font-assistant)!important;line-height:var(--novai-font-line-height)!important}
.novai-body .n-msg-row.user .n-msg{font-size:var(--novai-font-user)!important;line-height:var(--novai-font-line-height)!important}
.novai-body .n-composer textarea{font-size:var(--novai-font-input)!important;line-height:1.8;min-height:4em;max-height:min(30dvh,240px)}
.novai-body .n-brand-lockup>b{font-size:var(--novai-font-brand)!important;overflow-wrap:anywhere;line-height:1.6;min-width:0}
.novai-body .n-nav button,.novai-body .n-nav a,.novai-body .n-new,.novai-body .n-theme,.novai-body .n-account,.novai-body .n-account b,.novai-body .n-recent button{font-size:var(--novai-font-menu)!important;height:auto;min-height:44px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
.novai-body .n-primary,.novai-body .n-back,.novai-body .n-auth-back,.novai-body .n-role{font-size:var(--novai-font-button)!important;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
.novai-body .n-model-button b,.novai-body .n-model-label,.novai-body .n-model-menu b{font-size:var(--novai-font-model)!important;line-height:1.6}
.novai-body .n-chip b{font-size:var(--novai-font-prompt-title)!important;line-height:1.8}.novai-body .n-chip small{font-size:var(--novai-font-prompt-description)!important;line-height:1.8}
.novai-body .n-composer-footer{font-size:var(--novai-font-footer)!important;line-height:1.8}
.novai-body .n-plan,.novai-body .n-account small,.novai-body .n-recent-title,.novai-body .n-recent>small,.novai-body .n-model-menu small,.novai-body .n-step{font-size:var(--novai-font-meta)!important;line-height:1.8;overflow-wrap:anywhere}
.novai-body .n-code-block code,.novai-body .n-inline-code{font-size:var(--novai-font-code)!important;line-height:1.8}.novai-body .n-code-head,.novai-body .n-code-copy{font-size:var(--novai-font-meta)!important}
.novai-body .n-math-block,.novai-body .n-math-inline{font-size:var(--novai-font-math)!important}.novai-body .n-math-inline{max-width:100%;overflow-x:auto;vertical-align:middle}.novai-body .n-rich .n-message-table{font-size:1em}
.novai-body .n-auth-card h1,.novai-body .n-subscriptions h2{font-size:var(--novai-font-auth-title)!important;line-height:1.6;overflow-wrap:anywhere}
.novai-body .n-auth-card p,.novai-body .n-auth-card .n-error,.novai-body .n-plan-card p,.novai-body .n-plan-card ul{font-size:var(--novai-font-auth-text)!important;line-height:1.9;overflow-wrap:anywhere}
.novai-body .n-auth-card input{font-size:var(--novai-font-input)!important;min-width:0}.novai-body .n-msg-row{max-width:100%;min-width:0}.novai-body .n-msg-row .n-msg{min-width:0;max-width:100%;overflow-wrap:anywhere}.novai-body .n-msg-row.user .n-msg{max-width:calc(100% - 38px)}
.novai-body .n-rich pre,.novai-body .n-table-wrap{width:100%;max-width:100%;overflow-x:auto}.novai-body .n-rich pre{white-space:pre;overflow-wrap:normal}.novai-body .n-rich img{max-width:100%;height:auto}.novai-body .n-message-table th,.novai-body .n-message-table td{overflow-wrap:anywhere}.novai-body .n-code-head{height:auto;min-height:38px;gap:8px;flex-wrap:wrap;padding-block:5px}
.novai-body .n-main{min-height:0;overflow-y:auto;overscroll-behavior:contain}.novai-body .n-main:has(.n-thread){overflow:hidden}.novai-body .n-thread{min-height:0;overflow-x:hidden}.novai-body .n-workspace:not(.n-docked){flex-shrink:0;padding-block:120px 32px;transform:none}.novai-body .n-docked{max-height:60dvh;overflow-y:auto;overflow-x:visible;scrollbar-width:thin}.novai-body .n-toolbar,.novai-body .n-tools-primary{min-width:0;flex-wrap:wrap;gap:7px}.novai-body .n-tools-primary{width:100%}.novai-body .n-model-wrap{flex-shrink:1}.novai-body .n-tool,.novai-body .n-send{min-width:40px;min-height:40px}.novai-body .n-format-btn{min-width:34px;min-height:36px}
.novai-body .n-brand-lockup{min-width:0;max-width:100%}.novai-body .n-sidebar{overflow-y:auto;overscroll-behavior:contain}.novai-body .n-sidebar .n-brand{height:auto;min-height:60px}.novai-body .n-chip>span:last-child,.novai-body .n-account>span{min-width:0}.novai-body .n-plan{max-width:calc(100% - 24px);white-space:normal;text-align:center}.novai-body .n-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.novai-body .n-plan-card{min-width:0}.novai-body .n-plan-card>strong{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1024px){.novai-body .n-main{margin-right:min(var(--sidebar-width,288px),240px)}.novai-body .n-sidebar{width:min(var(--sidebar-width,288px),240px)}.novai-body .without-sidebar .n-main{margin-right:0}.novai-body .n-prompts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.novai-body .n-model-button b{max-width:130px}}
@media(max-width:760px){.novai-body .n-main{margin-right:0}.novai-body .n-mobile-header{height:auto;min-height:56px;align-items:center;gap:8px}.novai-body .n-mobile-header>.n-brand-lockup{flex:1}.novai-body .n-mobile-header>div{flex-shrink:0}.novai-body .n-workspace:not(.n-docked){padding-block:90px 24px}.novai-body .n-greeting{margin-bottom:24px}.novai-body .n-docked{max-height:55dvh}.novai-body .n-model-button b{max-width:min(36vw,150px)}.novai-body .n-thread{padding-inline:0}.novai-body .n-code-block,.novai-body .n-table-wrap{max-width:100%!important}.novai-body .n-attachments{max-width:100%;flex-wrap:wrap}.novai-body .n-file{max-width:100%}.novai-body .n-file b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:359px){.novai-body .n-prompts{grid-template-columns:1fr!important}.novai-body .n-model-button b{max-width:110px}.novai-body .n-composer{padding:10px}.novai-body .n-tools-primary{gap:4px!important}}
@media(max-height:540px){.novai-body .n-workspace:not(.n-docked){margin-block:0!important;padding-top:74px}.novai-body .n-docked{max-height:48dvh}.novai-body .n-composer textarea{min-height:2.4em;max-height:20dvh}.novai-body .n-composer-footer{margin-top:4px}}
.novai-body .n-docked:has(.n-model-menu.show){overflow:visible;max-height:none}.novai-body .n-composer-footer{max-height:12dvh;overflow:auto;scrollbar-width:thin}.novai-body .n-docked .n-attachments{max-height:18dvh;overflow:auto}.novai-body .n-model-menu.show{max-height:45dvh}
@media(max-width:760px){.novai-body .n-main{padding-top:var(--novai-mobile-header-height,56px)}.novai-body .n-plan{top:calc(var(--novai-mobile-header-height,56px) + 12px)}}
#prompt,#prompt::placeholder{direction:rtl;text-align:right} .n-library{width:min(850px,94vw);max-height:88dvh;overflow:auto;padding:24px;border:1px solid var(--border,#444);border-radius:20px;background:var(--surface,#202020);color:var(--text,#eee);position:relative;direction:rtl}.n-library h2{padding-inline-end:32px}.n-library-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #8884;flex-wrap:wrap}.n-library-row>span{flex:1;min-width:120px;overflow-wrap:anywhere}.n-library button,.n-library input,.n-library select{font:inherit;color:inherit;background:transparent;border:1px solid #8886;padding:9px 12px;border-radius:9px;cursor:pointer}.n-library input{max-width:100%;box-sizing:border-box}.n-library select option{color:#111;background:#fff}[data-theme=light] .n-library{background:#fff;color:#171717}@media(max-width:600px){.n-library{padding:16px}.n-library-row{gap:8px}.n-library-row>span{flex-basis:100%}}
.novai-body .n-thread{overflow-x:hidden;scrollbar-width:none;direction:rtl}.novai-body .n-thread::-webkit-scrollbar{display:none}.novai-body .n-msg-row,.novai-body .n-msg,.novai-body .n-rich,.novai-body .n-rich p,.novai-body .n-rich h1,.novai-body .n-rich h2,.novai-body .n-rich h3,.novai-body .n-rich li{direction:rtl;text-align:right;max-width:100%}.novai-body .n-inline-code,.novai-body .n-code-block,.novai-body .n-code-block pre,.novai-body .n-code-block code,.novai-body .n-math-block,.novai-body .n-table-wrap,.novai-body .n-message-table,.novai-body .n-message-table th,.novai-body .n-message-table td{direction:rtl!important;text-align:right!important}.novai-body .n-code-block pre{white-space:pre-wrap;overflow-wrap:anywhere}.novai-body .n-message-table{min-width:0!important;table-layout:fixed}.novai-body .n-plan{pointer-events:auto}
.novai-body .n-image-entry{border:0;width:100%;height:44px;margin-top:8px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:right;cursor:pointer;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 24%,var(--surface-2)),var(--surface-2));color:var(--text)}.novai-body .n-recent{padding:18px 0 10px}.novai-body .n-recent button{display:flex;align-items:center;gap:10px;padding-inline:11px!important;color:var(--muted)}.novai-body .n-recent button .n-svg{width:19px}
.novai-body .n-prompts,.novai-body .n-attachments,.novai-body .n-docked,.n-image-maker{scrollbar-width:none}.novai-body .n-prompts::-webkit-scrollbar,.novai-body .n-attachments::-webkit-scrollbar,.novai-body .n-docked::-webkit-scrollbar,.n-image-maker::-webkit-scrollbar{display:none}
.n-image-maker{position:relative;width:min(760px,100%);max-height:92dvh;overflow:auto;border:1px solid var(--border);border-radius:22px;background:var(--bg);padding:30px;box-shadow:var(--shadow);direction:rtl}.n-image-maker h2{margin:10px 0 18px}.n-image-maker textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:14px;outline:0;text-align:right}.n-image-maker select{width:100%;margin-top:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:10px}.n-image-actions{display:flex;gap:8px;margin:12px 0}.n-image-actions button{border:1px solid var(--border);border-radius:9px;padding:10px 16px;background:var(--surface);cursor:pointer}.n-image-actions .n-primary{background:var(--text);color:var(--bg)}.n-image-stage{min-height:310px;border:1px dashed var(--border);border-radius:16px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);overflow:hidden;position:relative}.n-image-stage>img{width:100%;height:auto;display:block}.n-image-download{position:absolute;left:12px;bottom:12px;background:rgba(15,15,15,.84);color:#fff;text-decoration:none;border-radius:9px;padding:9px 12px}.n-image-orbit{position:relative;width:70px;height:70px;animation:n-spin 2s linear infinite}.n-image-orbit i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--accent)}.n-image-orbit i:nth-child(1){top:0;left:28px}.n-image-orbit i:nth-child(2){right:4px;bottom:9px}.n-image-orbit i:nth-child(3){left:4px;bottom:9px}@keyframes n-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.n-image-maker{padding:24px 14px}.n-image-stage{min-height:230px}}
