/* Shared Orlon controls. Existing component structure and behavior stay intact. */
:root{--control-h:44px;--control-r:999px;--surface-r:20px;--space:8px;--motion:160ms;--ease:cubic-bezier(.2,.7,.2,1);--chat-width:800px}
body{--text:var(--t1);--muted:var(--t2);--muted-2:var(--t3);--surface:var(--s1);--surface-2:var(--s2);--surface-3:var(--s3);--border:var(--line);--border-strong:var(--line-strong);--accent:var(--t1);--accent-ink:var(--bg);--raised:inset 0 1px 0 var(--line-strong),0 2px 5px #0003;background:var(--bg);color:var(--t1)}
body:not([data-theme="light"]){--bg:#000;--s1:#080808;--s2:#121212;--s3:#1b1b1b;--field:#000;--nav-bg:#050505;--line:#222;--line-strong:#343434;--t1:#f2f2f2;--t2:#aaa;--t3:#929292;--hover:#141414}
body[data-theme="amoled"]{--s1:#030303;--s2:#0b0b0b;--nav-bg:#000}
body[data-theme="light"]{--raised:inset 0 1px 0 #fff,0 2px 5px #0000000a}
html,body{max-width:100%;overscroll-behavior:none}body{overflow:hidden}.app-shell{height:var(--app-height,100dvh)}
button,a,input,textarea,select{touch-action:manipulation}button{transition:background var(--motion) var(--ease),border-color var(--motion) var(--ease),color var(--motion) var(--ease)}
:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--t2);outline-offset:3px}
:where(button,input,textarea,select):disabled{cursor:default;opacity:.45}
:where(.button,.pill-button,.primary-pill,.outline-pill,.link-pill){min-height:var(--control-h);border-radius:var(--control-r);padding:10px 18px;font:500 14px/1.4 var(--sans);border:1px solid var(--line-strong);background:var(--field);color:var(--t1)}
:where(.button,.pill-button,.primary-pill,.outline-pill):hover{background:var(--s2);border-color:var(--t3)}
.button.primary,.primary-pill,.pill-button.solid,.sidebar-login-actions #sidebar-signup-open{color:var(--t1);background:var(--field);border:1px solid var(--t3);box-shadow:var(--raised)}
:where(.button,.primary-pill,.pill-button):active:not(:disabled){box-shadow:none;border-color:var(--t2)}
.icon-button,.round-button,.sheet-close,.artifact-close{width:var(--control-h);height:var(--control-h);min-width:var(--control-h);padding:11px;border-radius:50%;color:var(--t2)}
.icon-button svg,.round-button svg,.sheet-close svg{width:20px;height:20px}.icon-button:hover,.round-button:hover,.sheet-close:hover{background:var(--s2);color:var(--t1)}
#settings-close:focus-visible{outline:2px solid var(--t2)!important;outline-offset:3px;box-shadow:none!important}
/* Same navigation density and icon weight as the app, with a quiet desktop rail. */
.sidebar{background:var(--nav-bg);border-color:var(--line);min-width:0;padding:16px 12px 12px}.sidebar-head{gap:6px;padding:0 2px 20px;min-width:0}.brand-wrap{min-width:0}.brand-button{min-height:44px}.brand-button .logo{width:36px;height:36px}.side-row,.tabs .tab{min-height:46px;height:auto;padding:11px 12px;gap:12px;font:550 14px/1.5 var(--sans);color:var(--t2);border-radius:12px}.side-row svg,.tabs .tab svg{width:22px;height:22px;stroke-width:1.8}.side-row:hover,.tabs .tab:hover{background:var(--s2);color:var(--t1)}.tab[aria-selected="true"]{background:var(--s2);color:var(--t1)}
.conversation-list{gap:2px;overscroll-behavior:contain}.conversation-item{border-radius:12px;min-width:0}.conversation-open{min-width:0;min-height:44px}.conversation-open strong{font:400 14px/1.5 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-more{min-width:36px;width:36px;height:36px;padding:9px;border-radius:50%}.profile-row{min-height:52px;border-radius:14px}.profile-row .who{min-width:0}.profile-row .who strong{font-weight:550}.topbar{min-height:60px;padding:8px 24px}.topbar-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Keep reading width and draft width aligned rather than stretching with the display. */
.chat-main{padding:0 clamp(16px,3vw,48px) max(16px,env(safe-area-inset-bottom))}.message-list{gap:28px;padding-block:24px;scroll-padding-block:24px}.message.assistant .message-body{font-size:16px;line-height:1.75}.message.user{max-width:min(85%,660px);padding:12px 18px;border-radius:22px;background:var(--s2);border:0}.message-body{min-width:0;overflow-wrap:anywhere}.message-body a{color:var(--t1);text-decoration-thickness:1px;text-underline-offset:3px}.message-body pre{background:var(--s1);border:1px solid var(--line);border-radius:14px}.reply-actions{gap:4px;margin-top:12px}.reply-action{width:40px;height:40px;border-radius:50%}.reply-action svg{width:18px;height:18px}
.message-body.is-collapsed{max-height:300px;overflow:hidden}.message-expand{display:block;margin:10px 0 0;padding:8px 12px;min-height:40px;border:1px solid var(--line-strong);border-radius:999px;background:var(--field);color:var(--t2);font:500 13px var(--sans)}.message-expand:hover{color:var(--t1);background:var(--s2)}
#composer{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:8px;padding:12px;border:1px solid var(--line-strong);border-radius:24px;background:var(--field);box-shadow:none;position:relative}#composer:focus-within{box-shadow:none;border-color:var(--t3)}#composer textarea{grid-column:1/-1;grid-row:1;padding:6px 4px;min-height:44px;max-height:180px;font:400 16px/1.5 var(--sans)}#composer #tools-open{grid-column:1;grid-row:2}#composer #model-open{grid-column:2;grid-row:2;justify-self:start;width:fit-content;max-width:100%;min-width:0;padding:6px 12px;min-height:44px;gap:8px;color:var(--t1);background:var(--field);box-shadow:none;border:1px solid var(--line-strong)}#model-chip-name{max-width:160px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#model-open .chev-down{width:14px;height:14px;flex:none}#composer #voice-record{grid-column:3;grid-row:2}#composer #voice-mode,#composer #send-button{grid-column:4;grid-row:2}#composer .round-button,#composer .send-button{width:44px;height:44px;min-width:44px;padding:11px;border-radius:50%}#composer-hint{display:none}#composer .send-button{background:var(--on);color:var(--on-ink);border:0}#composer .send-button:disabled{background:var(--s3);color:var(--t3);opacity:1}#composer #tools-open,#composer #voice-record{background:var(--s2);box-shadow:none;border:0}
#starters{display:none!important}#panel-chat.is-empty #composer{max-width:var(--chat-width);padding:12px;border-radius:24px}#panel-chat.is-empty #composer textarea{font-size:16px;min-height:44px}#panel-chat.is-empty #composer .round-button,#panel-chat.is-empty #composer .send-button{width:44px;height:44px}.welcome-regular .welcome-mark{width:64px;height:64px}.welcome-regular h2,.empty-state h2{font-size:clamp(28px,2.7vw,40px);line-height:1.3}.welcome-regular{gap:20px}#panel-chat.is-empty .chat-main{padding-top:clamp(32px,16dvh,160px)}
/* Dialogs share colors, edges and reachability rather than individual hardcoded fills. */
.sheet,.desktop-settings,.model-sheet{background:var(--s1);color:var(--t1);border-color:var(--line-strong);max-height:calc(var(--app-height,100dvh) - 32px);border-radius:var(--surface-r)}
.sheet::backdrop,dialog::backdrop{background:#0008;backdrop-filter:none}.sheet input,.sheet textarea,.sheet select,.desktop-settings input,.desktop-settings textarea,.desktop-settings select{color:var(--t1);background:var(--field);border-color:var(--line-strong);border-radius:12px;min-height:44px}.sheet input[type=checkbox],.sheet input[type=radio],.sheet input[type=range]{min-height:0}.sheet textarea{resize:vertical;max-width:100%}.sheet :where(input,textarea,select):focus-visible{outline:1px solid var(--t2);outline-offset:1px}.settings-content{min-width:0;overscroll-behavior:contain}.sgroup{border-radius:16px;background:var(--field);border-color:var(--line)}.srow{gap:16px;min-height:64px}.srow-text{min-width:0}.srow-text strong{font-weight:500}.sgroup select,.srow select{min-width:0;max-width:180px;min-height:40px}.settings-section-head{color:var(--t1)}.settings-empty,.usage-card,.stat,.box{background:var(--s1);border-color:var(--line)}
/* The picker retains Orlon Auto, tiers, descriptions and locks, plus local account-scoped favorites. */
.model-filter{display:flex;flex-wrap:wrap;gap:6px}.model-chip-filter{min-height:40px;padding:8px 14px;border-radius:999px;background:var(--field);color:var(--t2);border:1px solid var(--line)}.model-chip-filter[aria-pressed=true]{color:var(--t1);border-color:var(--line-strong);background:var(--s2);box-shadow:var(--raised)}.model-choice{display:flex;align-items:center;gap:2px;min-width:0;border-radius:14px}.model-choice:hover{background:var(--s2)}.model-choice>.m-item,.model-choice>.m-pop-item{flex:1;min-width:0;width:auto}.model-favorite{flex:none;width:40px;height:44px;display:grid;place-items:center;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--t3)}.model-favorite svg{width:18px;height:18px}.model-favorite[aria-pressed=true]{color:var(--t1)}.model-favorite[aria-pressed=true] svg{fill:currentColor}.model-favorite:hover{background:var(--s3);color:var(--t1)}.m-item,.m-pop-item{min-height:64px;padding:12px;border-radius:12px}.m-item-text,.m-pop-text{min-width:0}.m-item-text strong,.m-pop-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.m-item-text small,.m-pop-description{color:var(--t3);line-height:1.5;overflow-wrap:anywhere}.m-pop{max-width:calc(100vw - 24px);background:var(--s1);border-radius:20px;border-color:var(--line-strong);overflow:hidden}.m-pop-head{padding:16px}.m-pop>.model-filter{padding:0 12px 12px}.m-pop-search{margin:0 12px 12px}.m-pop-list{min-height:0;max-height:min(360px,45dvh);overscroll-behavior:contain}.m-pop-search input,.model-search input{font-size:16px;color:var(--t1);background:var(--field);min-height:44px;border-radius:999px}.model-sheet.is-desktop{width:min(880px,calc(100vw - 48px))}.model-desktop{grid-template-columns:minmax(150px,190px) minmax(0,1fr)}.model-body,.model-browser,.model-results,.m-main{min-width:0}.model-navigation{background:var(--field);border-color:var(--line)}
/* Only intentional content scrolling; no bright native tracks. */
.sidebar,.conversation-list,.message-list,.content,.settings-content,.model-results,.m-list,.m-pop-list,.model-body,.tools-menu,.sheet{scrollbar-width:none}.sidebar::-webkit-scrollbar,.conversation-list::-webkit-scrollbar,.message-list::-webkit-scrollbar,.content::-webkit-scrollbar,.settings-content::-webkit-scrollbar,.model-results::-webkit-scrollbar,.m-list::-webkit-scrollbar,.m-pop-list::-webkit-scrollbar,.model-body::-webkit-scrollbar,.sheet::-webkit-scrollbar{display:none}
.tools-menu{background:var(--s1);border-radius:20px;border-color:var(--line-strong);max-height:min(420px,calc(var(--app-height,100dvh) - 140px));overflow-y:auto;overscroll-behavior:contain}.tools-item{min-height:48px;border-radius:12px;padding:12px 14px;color:var(--t1)}.tools-item svg{width:22px;height:22px}.tools-item:hover{background:var(--s2)}.attachment-preview{max-width:var(--chat-width);min-width:0;overflow-x:auto}.message-attachment{max-width:100%;min-width:0;background:var(--s1);border-color:var(--line)}.generated-image{max-width:100%}.generated-image img{max-width:100%;height:auto;border-radius:16px}.generated-image .image-actions{display:flex;gap:8px;flex-wrap:wrap}.image-actions .button{min-width:44px}
@media(min-width:761px){.app-shell.collapsed .brand-button{min-width:44px}.app-shell.collapsed .brand-button .logo{width:36px;height:36px}.app-shell.collapsed .side-row,.app-shell.collapsed .tabs .tab{width:44px;min-height:44px;padding:11px}.sidebar-resizer{touch-action:none}}
@media(max-width:1024px) and (min-width:761px){:root{--sidebar-w:240px}.topbar{padding-inline:16px}.sidebar-head{gap:0}.sidebar-head .icon-button{width:36px;min-width:36px;padding:8px}.sidebar .brand-button{gap:6px}}
@media(max-width:760px){.app-shell{height:var(--app-height,100dvh);min-height:0}.sidebar{width:min(340px,calc(100vw - 36px));padding:16px 12px max(16px,env(safe-area-inset-bottom))}.sidebar-head{padding-bottom:16px}.topbar{padding:8px 12px;min-height:60px}.topbar .icon-button,.menu-button{width:44px;height:44px;min-width:44px;padding:11px}.chat-main{padding:0 12px max(12px,env(safe-area-inset-bottom))}.message-list{padding-block:20px;gap:24px}.message.user{max-width:90%;padding:11px 15px}.message.assistant .message-body{font-size:16px;line-height:1.7}.composer{margin-top:12px}#composer{padding:10px;gap:6px;grid-template-columns:44px minmax(0,1fr) 44px 44px}#composer textarea{padding:4px 4px;min-height:40px}#model-chip-name{max-width:120px}#model-open .model-chip-logo{width:18px;height:18px}#composer #model-open{padding-inline:8px;gap:5px}#panel-chat.is-empty .chat-main{padding:0 12px max(12px,env(safe-area-inset-bottom));justify-content:space-between}#panel-chat.is-empty .message-list{flex:1 1 auto;min-height:0;place-items:center;padding:12px 0}#panel-chat.is-empty .message-list .empty-state{margin:auto 0}.welcome-regular{gap:16px}.welcome-regular .welcome-mark{width:56px;height:56px}.welcome-regular h2,.empty-state h2{font-size:28px}.sheet,.model-sheet,.desktop-settings{width:calc(100vw - 16px);max-width:none;height:auto;max-height:calc(var(--app-height,100dvh) - 16px);margin:auto;padding:20px 16px;border-radius:24px}.model-sheet{height:calc(var(--app-height,100dvh) - 16px);padding:0}.model-sheet .model-body{min-height:0;overflow-y:auto}.desktop-settings{height:calc(var(--app-height,100dvh) - 16px);padding:0}.desktop-settings .settings-content{padding:16px 16px max(24px,env(safe-area-inset-bottom));max-width:100%}.settings-content .srow{padding:14px;gap:12px}.srow-text span{overflow-wrap:anywhere}.model-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.model-filter{gap:5px}.model-chip-filter{padding-inline:12px}.model-results{padding:0 8px}.model-sheet .m-settings{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.m-setting{flex:1 1 80px;min-height:48px}.m-item-text strong{font-size:14px}.m-item-text small{font-size:12px}.m-logo{flex:none}.tools-menu{left:0;right:0;max-width:100%;width:auto;bottom:calc(100% + 8px)}.projects-space,.orlons-space,.gallery-space{padding-inline:16px}.projects-head,.orlons-head{flex-wrap:wrap;gap:16px}.project-grid,.orlons-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}}
@media(max-width:360px){#model-open .model-chip-logo{display:none}#model-chip-name{max-width:100px}.model-chip-filter{padding-inline:10px}.srow:has(select){flex-wrap:wrap}.srow select{margin-left:auto}.welcome-regular h2{font-size:25px}}
@media(max-height:520px) and (max-width:760px){.topbar{min-height:48px;padding-block:2px}.welcome-regular{gap:6px}.welcome-regular .welcome-mark{width:36px;height:36px}.welcome-regular h2{font-size:22px}#panel-chat.is-empty .message-list{padding:4px 0}#composer{margin-top:4px}.composer textarea{max-height:100px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.sidebar,.message-list,.settings-content,.model-results,.m-pop-list{scrollbar-width:auto}.model-favorite[aria-pressed=true]{border:1px solid currentColor}}
.m-vision{flex:none;width:16px;height:16px;color:var(--t3)}body[data-text-size="small"] .message-body,body[data-text-size="small"] .message.assistant .message-body{font-size:14px}body[data-text-size="large"] .message-body,body[data-text-size="large"] .message.assistant .message-body{font-size:19px}body[data-text-size="xlarge"] .message-body,body[data-text-size="xlarge"] .message.assistant .message-body{font-size:21px}
#composer #voice-mode{background:var(--on);color:var(--on-ink);box-shadow:none}#composer #voice-mode svg{stroke:currentColor;width:22px;height:22px}#brand-name{flex:none;width:68px;height:16px}.brand-button{flex-shrink:0}
/* A little more brand presence, with enough room for the header controls. */
:root{--sidebar-w:clamp(260px,19vw,292px)}.sidebar{container-type:inline-size}.sidebar-head{gap:4px}.brand-button .logo{width:40px;height:40px}#brand-name{width:74px;height:18px}.welcome-regular .welcome-mark{width:68px;height:68px}
@media(min-width:761px){.sidebar-head .icon-button{width:40px;height:44px;min-width:40px;padding:10px}.app-shell.collapsed .brand-button .logo{width:36px;height:36px}}
@container(max-width:220px){.sidebar-head #brand-name{width:60px;height:15px}.sidebar-head .brand-copy{gap:6px}.sidebar-head .brand-button .logo{width:36px;height:36px}.sidebar-head .icon-button{min-width:36px;width:36px;padding:8px}}
@container(max-width:185px){.sidebar-head #brand-name{display:none}}
@media(max-width:1024px) and (min-width:761px){:root{--sidebar-w:248px}}
@media(max-width:760px){.welcome-regular .welcome-mark{width:60px;height:60px}}
@media(max-height:520px) and (max-width:760px){.welcome-regular .welcome-mark{width:40px;height:40px}}
#message-input[data-improving=true]{background-image:linear-gradient(105deg,var(--t2) 0%,var(--t2) 35%,var(--t1) 48%,var(--t1) 52%,var(--t2) 65%,var(--t2) 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:prompt-light-sweep 1.5s linear infinite}@keyframes prompt-light-sweep{from{background-position:160% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){#message-input[data-improving=true]{animation:none}}
#gallery-viewer{width:min(1000px,calc(100vw - 32px));padding:16px;overflow-y:auto}#gallery-viewer-image{display:block;max-width:100%;width:100%;max-height:calc(var(--app-height,100dvh) - 200px);object-fit:contain;border-radius:12px;touch-action:pan-y}#gallery-viewer-image[hidden]{display:none}.viewer-navigation{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.viewer-navigation .icon-button{background:var(--field);border:1px solid var(--line-strong);color:var(--t1)}.viewer-meta{gap:8px;min-width:0}.viewer-meta strong{overflow-wrap:anywhere}.viewer-error{min-height:200px;display:grid;place-content:center;gap:16px;text-align:center;color:var(--t2)}.viewer-error[hidden]{display:none}@media(max-width:760px){#gallery-viewer{width:calc(100vw - 16px);padding:12px}#gallery-viewer-image{max-height:calc(var(--app-height,100dvh) - 200px)}}
#composer #model-open{margin:0}
/* Desktop uses the available workspace; the phone keeps its own composition. */
@media(min-width:761px){
  :root{--chat-width:880px}
  .chat-main{padding-inline:clamp(24px,4vw,72px)}
  #panel-chat.is-empty .chat-main{padding-top:clamp(64px,20dvh,200px)}
  #panel-chat.is-empty .message-list{width:100%;max-width:var(--chat-width);margin:0 auto;padding:0 0 30px}
  .welcome-regular{flex-direction:row;align-items:center;justify-content:center;gap:20px;width:100%;text-align:center}
  .welcome-regular .welcome-mark{width:56px;height:56px;margin:0}
  .welcome-regular h2{font:400 clamp(30px,2.3vw,40px)/1.25 var(--serif);text-align:center;margin:0;max-width:none}
  #composer,#panel-chat.is-empty #composer{border-radius:20px;padding:12px 16px;grid-template-columns:40px minmax(0,1fr) 40px 40px}
  #composer .round-button,#composer .send-button,#panel-chat.is-empty #composer .round-button,#panel-chat.is-empty #composer .send-button{width:40px;height:40px;min-width:40px;padding:10px}
  #composer #model-open{min-height:40px}
  #model-chip-name{max-width:240px}
  .desktop-settings{width:min(1000px,calc(100vw - 64px))}
  .desktop-settings .settings-layout{grid-template-columns:200px minmax(0,1fr)}
  .desktop-settings .settings-layout>.settings-navigation{display:flex;flex-direction:column;gap:4px;padding:18px 12px}
  .desktop-settings .settings-content{padding:24px 32px 36px;max-width:none;margin:0;overflow-y:auto}
  .desktop-settings .settings-section-head h2{font:500 20px/1.4 var(--sans);color:var(--t1)}
  .model-sheet.is-desktop{width:min(1040px,calc(100vw - 64px));height:min(680px,calc(100dvh - 80px))}
  .model-desktop{grid-template-columns:210px minmax(0,1fr)}
  .model-navigation{padding:24px 18px}
  .model-browser .model-bar{padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .model-search{width:100%}
  .model-results{padding:0 16px 20px}
  .model-results>.m-item{width:100%;margin-bottom:12px;border:1px solid var(--line-strong);background:var(--field)}
  .model-results .m-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;overflow:visible}
  .model-results .m-empty{grid-column:1/-1}
  .model-choice{align-items:stretch;border:1px solid var(--line);background:var(--field)}
  .model-choice>.m-item{padding:14px 10px;align-items:flex-start;min-height:96px}
  .model-choice .m-item-text strong{white-space:normal;line-height:1.4}
  .model-choice .m-item-text small{display:block;margin-top:5px}
  .model-favorite{align-self:center;width:34px;padding:8px}
}
@media(min-width:761px) and (max-width:1100px){.model-results .m-list{grid-template-columns:1fr}.model-choice>.m-item{min-height:72px}.model-desktop{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){.desktop-settings .settings-navigation{display:none}}

/* Theme-owned surfaces and one control scale across the web workspace. */
.settings-content .button.primary,.orlons-actions .primary-pill,.up-add .button{
  color:var(--t1);background:var(--field);border:1px solid var(--t3);box-shadow:var(--raised);filter:none;border-radius:999px;
}
.settings-content .button.primary:hover,.orlons-actions .primary-pill:hover,.up-add .button:hover{background:var(--s2);filter:none}
.button.danger{color:var(--danger);border-color:var(--danger-line);box-shadow:none}
.button.danger:hover{background:var(--danger-fill)}
.osel-menu,.brand-menu,.chat-menu,.profile-menu,.tools-menu,.reply-menu{color:var(--t1);background:var(--s1);border-color:var(--line-strong);border-radius:16px}
.srow:hover,.osel-item:hover,.osel-item:focus-visible{background:var(--hover)}
.voice-panel{background:var(--s1);color:var(--t1)}
.voice-panel .voice-orb{background:radial-gradient(circle at 50% 38%,var(--s3),var(--field) 72%);border-color:var(--line-strong)}
.voice-panel .voice-orb:hover{background:var(--s2)}
.orlons-actions button,.projects-head .button,.gallery-space .button{font-size:14px;border-radius:999px}
.model-filter{border:0;background:transparent;box-shadow:none;padding:0}
@media(min-width:761px){
 .side-row,.tabs .tab{min-height:40px;padding:8px 12px;gap:10px;font-weight:500}
 .side-row svg,.tabs .tab svg{width:20px;height:20px}
 .conversation-open{min-height:36px}
 .sidebar-head{padding-bottom:16px}
 .sidebar-label{font-size:12px}
 .tools-item{min-height:40px;padding:10px 12px;font-size:14px}
 .tools-item svg{width:20px;height:20px}
 .model-chip-filter{min-height:36px;padding:6px 14px;font-size:14px;box-shadow:none}
 .model-favorite{height:40px}
 .model-choice>.m-item{min-height:80px}
 .srow{min-height:60px}
 .sheet:not(.model-sheet):not(.desktop-settings){border-radius:20px}
 .sheet h2{font-size:22px;line-height:1.35}
 .projects-head h2,.orlons-head h2,.gallery-space h2{font-size:28px;line-height:1.3}
 .voice-panel .voice-orb{width:160px;height:160px}
}
/* Flat brand marks and account details: no chrome finish or glow. */
.logo,.welcome-mark:not(.private-mark),.model-chip-logo.orlon-mark,.m-logo img.auto{filter:brightness(0) invert(1)}
body[data-theme="light"] .logo,body[data-theme="light"] .welcome-mark:not(.private-mark),body[data-theme="light"] .model-chip-logo.orlon-mark,body[data-theme="light"] .m-logo img.auto{filter:brightness(0)}
body[data-plan="pro"] .profile-row .avatar,body[data-plan="pro"] #profile-avatar-big{color:var(--t1);background:var(--s2);box-shadow:none;border:1px solid var(--line-strong)}
body[data-plan="pro"] .profile-row .who small{color:var(--t2);text-shadow:none}
body[data-plan="pro"] #account-in #profile-plan{color:var(--t2);background:var(--s2);font-weight:500;letter-spacing:0}
body[data-plan="pro"] .creator-verified{color:var(--t1);filter:none}
/* A readable model list, with a clear selected row and quiet secondary controls. */
.model-choice{border:0;background:transparent;gap:8px;border-radius:12px}
.model-choice:has(.m-item.on){background:var(--s2)}
.model-choice>.m-item{background:transparent;border:0;box-shadow:none}
.model-choice .m-item-text strong{font:500 14px/1.5 var(--sans);white-space:normal}
.model-choice .m-item-text small{font:400 12px/1.5 var(--sans);margin-top:3px}
.model-favorite{color:var(--t3)}
.model-results>.m-item{border-radius:12px;background:var(--s2);border:1px solid var(--line-strong)}
.model-results .m-item.on{box-shadow:none}
@media(min-width:761px){
 .model-sheet.is-desktop{width:min(860px,calc(100vw - 64px));height:min(620px,calc(100dvh - 80px))}
 .model-desktop{grid-template-columns:180px minmax(0,1fr)}
 .model-results .m-list{display:flex;flex-direction:column;gap:4px}
 .model-choice>.m-item{min-height:70px;padding:12px;align-items:center}
 .model-favorite{width:40px;margin-right:4px}
 .model-sheet.is-desktop .m-logo{width:30px;height:30px;flex:none}
 .model-navigation{padding:22px 16px}
 .model-browser .model-bar{padding:18px 16px;gap:12px}
 .model-results{padding:0 16px 16px}
 .model-search input{border-radius:12px;font-size:14px}
 .model-filter{gap:6px}
 .model-chip-filter{border-radius:10px;border-color:transparent;background:transparent;box-shadow:none}
 .model-chip-filter[aria-pressed=true]{background:var(--s2);border-color:var(--line-strong);box-shadow:none}
}

/* Keep the welcome mark subordinate to the greeting. */
.welcome-regular .welcome-mark{width:44px;height:44px}
@media(min-width:761px){.welcome-regular{gap:16px}.welcome-regular .welcome-mark{width:40px;height:40px}}
@media(max-height:520px) and (max-width:760px){.welcome-regular .welcome-mark{width:32px;height:32px}}

/* Match the quieter welcome mark in the sidebar. */
.sidebar .brand-button .logo,.app-shell.collapsed .brand-button .logo{width:30px;height:30px}

/* Start with public navigation until the account check resolves. */
body[data-account-state="loading"] :is(#private-chat-row,#tab-projects,#tab-orlons,#more-toggle,#profile-open,#auth-buttons,#sidebar-login,#rail-login),
body[data-gated="true"] :is(#private-chat-row,#tab-projects,#tab-orlons){display:none!important}

/* Allowances belong to signed-in accounts, not the guest settings menu. */
body:not([data-account-state="signed-in"]) :is([data-settings-tab="usage"],[data-settings-panel="usage"],.model-usage){display:none!important}
/* Reserve a real trailing column for chat options instead of covering the title. */
.conversation-item{display:flex;align-items:center;gap:4px}
.conversation-open{flex:1 1 0;min-width:0;padding-right:4px}
.conversation-item .conversation-more{position:static;flex:0 0 36px;min-width:36px;width:36px;height:36px;margin:0 4px 0 0;padding:0;opacity:1;color:var(--t2);background:transparent}
.conversation-item .conversation-more svg{display:block;width:18px;height:18px;fill:currentColor;stroke:none}
.conversation-item .conversation-more:hover,.conversation-item .conversation-more:focus-visible{color:var(--t1);background:var(--s3)}

@media(hover:hover){
 .conversation-item .conversation-more{opacity:0}
 .conversation-item:hover .conversation-more,.conversation-item:focus-within .conversation-more,.conversation-item.menu-open .conversation-more{opacity:1}
}
@media(min-width:761px){
 .app-shell.collapsed .brand-button .brand-expand{display:none!important}
 .app-shell.collapsed .brand-button .logo{opacity:1!important}
 html .app-shell.collapsed .sidebar-collapse{display:inline-flex!important}
}

/* Chat workspace: a quiet reading column and a consistent control rhythm. */
.sidebar .sidebar-head{padding-inline:8px}
.sidebar .side-row,.sidebar .tabs .tab{font-size:14px;font-weight:450;border-radius:10px}
.sidebar .side-row svg,.sidebar .tabs .tab svg{width:20px;height:20px;stroke-width:1.7}
.sidebar .sidebar-label{font-size:12px;letter-spacing:0;color:var(--t3)}
.sidebar .conversation-item{border-radius:10px}
.sidebar .conversation-open strong{font-size:14px;font-weight:400}
.sidebar .profile-row{border-radius:12px}
#messages .welcome-regular{justify-content:center;gap:12px;text-align:center}
#messages .welcome-regular h2{font-size:30px;line-height:1.3;font-weight:500;margin:0}
#messages .welcome-regular .welcome-mark{width:32px;height:32px;flex:none}
.chat-main #composer,#panel-chat.is-empty .chat-main #composer{border-radius:26px;transition:border-color 160ms ease}
#composer #tools-open,#composer #voice-record{background:transparent;color:var(--t2);box-shadow:none}
#composer #tools-open:hover,#composer #voice-record:hover{background:var(--s2);color:var(--t1)}
#composer #model-open{background:transparent;border-color:transparent;box-shadow:none;color:var(--t2)}
#composer #model-open:hover,#composer #model-open[aria-expanded=true]{background:var(--s2);color:var(--t1)}
#composer .model-chip-logo{width:18px;height:18px}
#messages .reply-actions{gap:2px;margin-top:10px}
#messages .reply-action{color:var(--t2);border-radius:8px}
#messages .reply-action:hover,#messages .reply-action:focus-visible{color:var(--t1);background:var(--s2)}
#messages .message.user{border-radius:22px;line-height:1.6}
#messages .message.assistant .message-body{font-size:16px;line-height:1.75}
@media(min-width:761px){
 :root{--sidebar-w:clamp(248px,18vw,272px);--chat-width:800px}
 .sidebar{padding:16px 10px 12px}
 .sidebar .side-row,.sidebar .tabs .tab{min-height:38px;padding:8px 12px;gap:10px}
 .sidebar .conversation-open{min-height:36px}
 .topbar{min-height:56px;padding:8px 28px}
 .chat-main{padding-inline:clamp(24px,4vw,64px);padding-bottom:20px}
 #panel-chat.is-empty .chat-main{padding-top:clamp(96px,26dvh,280px)}
 #panel-chat.is-empty .message-list{padding-bottom:28px}
 #composer,#panel-chat.is-empty #composer{grid-template-columns:36px minmax(0,1fr) 36px 36px;gap:6px 8px;padding:12px}
 #composer textarea,#panel-chat.is-empty #composer textarea{min-height:40px;padding:4px 8px;font-size:16px}
 #composer .round-button,#composer .send-button,#panel-chat.is-empty #composer .round-button,#panel-chat.is-empty #composer .send-button{width:36px;height:36px;min-width:36px;padding:8px}
 #composer #model-open{min-height:36px;padding:5px 10px;gap:6px;margin-left:2px}
 #messages .message.user{max-width:min(78%,600px);padding:11px 17px}
 #messages .reply-action{width:32px;height:32px}
}
@media(max-width:760px){
 #messages .welcome-regular h2{font-size:27px}
 #messages .welcome-regular .welcome-mark{width:30px;height:30px}
 .chat-main #composer,#panel-chat.is-empty .chat-main #composer{border-radius:24px}
}
@media(max-height:520px) and (max-width:760px){#messages .welcome-regular h2{font-size:22px}#messages .welcome-regular .welcome-mark{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){#composer{transition:none}}

/* Keep the desktop composer at the same height in normal and private chat. */
@media(min-width:761px){
 html[data-private="true"] #panel-chat.is-empty .message-list{position:relative;height:68px;padding-bottom:28px}
 html[data-private="true"] #panel-chat.is-empty .message-list>.empty-state{position:absolute;left:0;right:0;bottom:56px}
}

/* Model selection follows the same restrained surfaces and control scale as chat. */
#model-sheet{background:var(--orlon-bg);border:1px solid var(--orlon-edge);box-shadow:0 24px 80px #0005}
#model-sheet .sheet-bar{min-height:62px;padding:14px 20px;border-bottom:1px solid var(--line);gap:12px}
#model-sheet .sheet-bar h2{font:500 17px/1.4 var(--sans);letter-spacing:-.015em}
#model-sheet .sheet-close{width:40px;height:40px;min-width:40px;border-radius:10px;color:var(--t2)}
#model-sheet .sheet-close:hover{color:var(--t1);background:var(--s2)}
#model-sheet .model-search{position:relative;display:block;min-width:0}
#model-sheet .model-search>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--t3);pointer-events:none}
#model-sheet .model-search input{height:44px;min-height:44px;padding:10px 38px;border-radius:12px;border:1px solid var(--line-strong);background:var(--orlon-bg);font:400 14px/1.5 var(--sans);box-shadow:none}
#model-sheet .model-search input:focus-visible{outline:none!important;border-color:var(--t2)}
#model-sheet .model-filter{gap:4px;flex-wrap:wrap;background:transparent;border:0;box-shadow:none}
#model-sheet .model-chip-filter{border-radius:9px;font-weight:500;color:var(--t2);box-shadow:none}
#model-sheet .model-chip-filter[aria-pressed=true]{color:var(--t1);background:var(--s2);border-color:var(--line-strong)}
#model-sheet .model-choice{border-radius:12px;gap:4px}
#model-sheet .model-choice:has(.m-item.on){background:var(--s2)}
#model-sheet .m-item-text{min-width:0}
#model-sheet .m-item-text strong{font-size:14px;line-height:1.4;font-weight:500}
#model-sheet .m-item-text small{font-size:12px;line-height:1.5;color:var(--t2);margin-top:4px}
#model-sheet .model-favorite{border-radius:9px;flex:none;color:var(--t3)}
#model-sheet .model-favorite:hover,#model-sheet .model-favorite[aria-pressed=true]{color:var(--t1);background:var(--s2)}
#model-sheet .m-empty{margin:0;padding:32px 16px;text-align:center;font-size:14px;line-height:1.6;color:var(--t2)}
#model-sheet .model-private-note{padding:0;margin-bottom:24px;border:0;border-radius:0;background:transparent;font-size:12px;line-height:1.6;color:var(--t2)}
#model-sheet .model-setting{gap:8px;font-size:12px}
@media(min-width:761px){
 #model-sheet.is-desktop{width:min(860px,calc(100vw - 64px))}
 #model-sheet.is-desktop:has(.model-private-note){height:min(480px,calc(100dvh - 64px))}
 #model-sheet .model-desktop{grid-template-columns:190px minmax(0,1fr)}
 #model-sheet .model-navigation{padding:22px 18px;border-right:1px solid var(--line)}
 #model-sheet .model-settings{gap:20px}
 #model-sheet .model-browser .model-bar{padding:18px;gap:12px}
 #model-sheet .model-results{padding:0 12px 18px}
 #model-sheet .model-choice>.m-item{min-height:68px;padding:12px}
 #model-sheet .model-results>.m-item{padding:12px;min-height:64px;margin-bottom:8px}
 #model-sheet .model-chip-filter{min-height:34px;padding:6px 13px}
}
@media(max-width:760px){
 #model-sheet .sheet-bar{padding:10px 4px;min-height:54px}
 #model-sheet .model-choice>.m-item{min-height:68px;padding:12px 8px}
 #model-sheet .model-favorite{width:44px;height:44px;min-width:44px;margin-right:0}
 #model-sheet .model-chip-filter{min-height:40px}
}
/* The bundled Meta mark has extra transparent padding on its left edge. */
.m-logo img[src$="/meta.webp"]{object-fit:contain;transform:translateX(-9%)}