:root{--sidebar-width:190px}
@media(max-width:1000px){:root{--sidebar-width:160px}}
:root[data-sidebar="collapsed"]{--sidebar-width:76px}
.app{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.app>.main{grid-column:2;grid-row:1}
.app>aside{position:sticky;top:0;height:100dvh;min-width:0;overflow-y:auto;overflow-x:hidden;align-items:stretch;padding:22px 10px;gap:30px;scrollbar-width:thin}
.app .brand{display:flex;flex-direction:row;align-items:center;gap:5px;padding:0;min-width:0}
.app .brand .logo{width:28px;height:32px;font-size:29px;flex-shrink:0}
.app .brand-name{display:block;min-width:0;flex:1;font-size:16px;white-space:nowrap;overflow:hidden}.app .brand-name small{font-size:7px;letter-spacing:.5px}
.shell-icon{width:28px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3d3746;background:#242129;border-radius:7px;color:#bdb3cb;padding:5px}
.shell-icon:hover{background:#36303e;color:#eee5fa}.shell-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header-actions #theme-toggle{width:32px;height:32px;margin-left:5px}
.theme-moon{display:none}[data-theme="light"] .theme-sun{display:none}[data-theme="light"] .theme-moon{display:block}
.app .nav button,.app .nav a{width:100%;display:flex;flex-direction:row;justify-content:flex-start;gap:9px;padding:10px 9px;margin:5px 0}
.app .nav .label,.app .nav-label,.app .sidebar-help,.app .profile-name{display:block}.app .nav .ico{width:20px;height:20px;font-size:19px;flex-shrink:0}.app .aside-bottom{align-items:stretch;margin-top:auto}.app .profile{padding:0 8px}
[data-sidebar="collapsed"] .app .brand-name,[data-sidebar="collapsed"] .nav .label,[data-sidebar="collapsed"] .nav-label,[data-sidebar="collapsed"] .sidebar-help,[data-sidebar="collapsed"] .profile-name{display:none}
[data-sidebar="collapsed"] .app .brand{gap:2px}[data-sidebar="collapsed"] #sidebar-toggle{width:24px;border-color:transparent;padding:3px}[data-sidebar="collapsed"] #sidebar-toggle svg{transform:rotate(180deg)}
[data-sidebar="collapsed"] .app .nav button,[data-sidebar="collapsed"] .app .nav a{width:46px;min-height:43px;justify-content:center;margin:5px auto;padding:10px}
[data-sidebar="collapsed"] .app .profile{justify-content:center;padding:0}
.app .composer{left:calc((100vw + var(--sidebar-width))/2);width:min(900px,calc(100vw - var(--sidebar-width) - 60px))}
.app .composer.is-compact{width:min(720px,calc(100vw - var(--sidebar-width) - 80px))}
@media(max-width:760px){:root[data-sidebar="expanded"]{--sidebar-width:190px}.app .composer{width:calc(100vw - var(--sidebar-width) - 22px)}.app .composer.is-compact{width:calc(100vw - var(--sidebar-width) - 30px)}[data-sidebar="expanded"] .app>aside{position:fixed;left:0;top:0;width:190px;z-index:15;box-shadow:12px 0 40px #0005}[data-sidebar="expanded"] .app{grid-template-columns:76px minmax(0,1fr)}[data-sidebar="expanded"] .app .composer{left:calc((100vw + 76px)/2);width:calc(100vw - 98px)}.app>.main>header{padding:0 12px;gap:8px}.header-actions{gap:6px}.top-switch{gap:12px}.credit-chip span{display:none}.header-actions #theme-toggle{margin:0}}
/* Light palette: surfaces, text and controls are restyled without filtering media. */
:root[data-theme="light"]{color-scheme:light;--bg:#f4f5f9;--panel:#fff;--line:#e0dce8;--text:#282333;--muted:#71697f;--lime:#7551ad}
[data-theme="light"] body{background:#f4f5f9;color:#282333}
[data-theme="light"] .app>aside{background:#fff;border-color:#e3dfeb}
[data-theme="light"] .logo,[data-theme="light"] .welcome-symbol{color:#8661b5}
[data-theme="light"] .nav button,[data-theme="light"] .nav a,[data-theme="light"] .top-switch button,[data-theme="light"] .top-switch a{color:#686073}
[data-theme="light"] .nav button.active,[data-theme="light"] .nav a:hover{background:#eee5fa;color:#7047a5}
[data-theme="light"] .nav-label,[data-theme="light"] .sidebar-help,[data-theme="light"] .profile-name small,[data-theme="light"] .brand small{color:#81778d}
[data-theme="light"] .avatar{background:#e9ddf7;color:#71539a}
[data-theme="light"] .top-switch .chosen{color:#62408e;border-color:#9672c7}
[data-theme="light"] .shell-icon{background:#fff;color:#746583;border-color:#e0d9e8}[data-theme="light"] .shell-icon:hover{background:#f0e9f9}
[data-theme="light"] .credit-chip{background:#eae1f5;color:#674a8e}[data-theme="light"] .credit-chip span{background:#dcd0ed;color:#604380}
[data-theme="light"] .composer,[data-theme="light"] .composer:focus-within{background:#fff;box-shadow:0 10px 45px #43305b1f;border:1px solid #e5deed}
[data-theme="light"] .composer #prompt,[data-theme="light"] .composer #negative{color:#332b40;scrollbar-color:#c8bbd6 transparent}
[data-theme="light"] .composer #prompt::placeholder{color:#94899f}
[data-theme="light"] .composer .select,[data-theme="light"] .advanced-fields select,[data-theme="light"] .attach{background:#f0ecf5;color:#574a66;border-color:#e2daeb}
[data-theme="light"] .composer-toolbar #model{background:#eee5f7;color:#6d4a91}
[data-theme="light"] .mode button{color:#81738e}[data-theme="light"] .mode button.active{background:#ede2f8;color:#754ba9}
[data-theme="light"] .inspire,[data-theme="light"] .settings,[data-theme="light"] .toolbar-quality,[data-theme="light"] .advanced-fields label{color:#7b6c8c}
[data-theme="light"] .composer-foot,[data-theme="light"] .parameter-note,[data-theme="light"] .job-status{color:#887596;border-color:#e6dfed}
[data-theme="light"] .generate{background:linear-gradient(110deg,#bba0e3,#9270c6);color:#fff}[data-theme="light"] .generate:disabled{background:#cec2dd;color:#726080}
[data-theme="light"] .composer.is-compact .composer-compact{color:#776887}[data-theme="light"] .composer-expand-icon,[data-theme="light"] .composer.is-compact .composer-bottom{background:#eee6f7;color:#76549b}
[data-theme="light"] .image-mentions{background:#faf8fe;border-color:#e2d7ef}[data-theme="light"] .mention-option[aria-selected="true"],[data-theme="light"] .mention-option:hover{background:#eadef8}[data-theme="light"] .mention-option small,[data-theme="light"] .mention-empty{color:#80718f}
[data-theme="light"] .conversation-card{background:#fff;border-color:#e6e1ed}[data-theme="light"] .conversation-card:hover{background:#f8f4fc}[data-theme="light"] .conversation-cover{background:#eeeaf3}
[data-theme="light"] .conversation-card small,[data-theme="light"] .conversation-explainer,[data-theme="light"] #conversation-time,[data-theme="light"] .turn-head,[data-theme="light"] .turn-parameters,[data-theme="light"] .turn-result>small{color:#8a7a99}
[data-theme="light"] .turn-request{background:#eae1f4;color:#3d304b}[data-theme="light"] .turn-image{background:#ede9f3}
[data-theme="light"] .turn-actions button,[data-theme="light"] .turn-actions a,[data-theme="light"] .quiet{background:#eae4f2;color:#6d5586;border-color:#dcd1e7}
[data-theme="light"] .notice,[data-theme="light"] .turn-processing{background:#ece4f5;color:#6b5183}[data-theme="light"] .turn-error{background:#fff0ee;color:#a3473c}
[data-theme="light"] h1+p,[data-theme="light"] .empty,[data-theme="light"] .sort,[data-theme="light"] .section-title span,[data-theme="light"] .demo,[data-theme="light"] .meta,[data-theme="light"] .bottom-note{color:#867a92}
[data-theme="light"] .caption b,[data-theme="light"] .section-title h2{color:#5e526b}[data-theme="light"] .tabs button{color:#8c7c9a}[data-theme="light"] .tabs button.active{color:#704599}
[data-theme="light"] .generation-placeholder{background:#eee9f5;border-color:#dfd2ed;color:#795693}[data-theme="light"] .generation-symbol{color:#a17acb}[data-theme="light"] .generation-progress{background:#dfd3ed}[data-theme="light"] .generation-progress>span{background:#a17aca}
[data-theme="light"] dialog,[data-theme="light"] dialog.inpaint-dialog{background:#fbfaff;color:#33293f;border-color:#dcd1e8;box-shadow:0 20px 70px #35204630}
[data-theme="light"] dialog::backdrop{background:#27213170}
[data-theme="light"] .inpaint-header,[data-theme="light"] .inpaint-footer{border-color:#e3d9eb}[data-theme="light"] .inpaint-header p{color:#887698}
[data-theme="light"] .inpaint-tools,[data-theme="light"] .outpaint-controls{background:#f0ebf6}
[data-theme="light"] .inpaint-dialog button,[data-theme="light"] .inpaint-dialog select{background:#f3eef8;border-color:#dacde6;color:#725889}
[data-theme="light"] .inpaint-dialog button[aria-pressed="true"]{background:#ddcbed;border-color:#b693d4;color:#633c87}
[data-theme="light"] .inpaint-tools label,[data-theme="light"] .inpaint-options>span,[data-theme="light"] .inpaint-footer>label,[data-theme="light"] .inpaint-footer #inpaint-status,[data-theme="light"] #outpaint-status,[data-theme="light"] .outpaint-ratios span{color:#837090}
[data-theme="light"] .inpaint-footer textarea{background:#fff;color:#392f42;border-color:#d8cbe4}
[data-theme="light"] .inpaint-options [data-action="submit"]{background:#9570bf;color:#fff;border-color:#9570bf}
[data-theme="light"] .inpaint-viewport{background:repeating-conic-gradient(#ede9f2 0% 25%,#f8f5fc 0% 50%) 0/20px 20px}
[data-theme="light"] .outpaint-viewport{background:#eceaf0}[data-theme="light"] .outpaint-frame{outline-color:#9f87b5;background:repeating-conic-gradient(#ddd6e5 0% 25%,#f1edf6 0% 50%) 0/20px 20px}
[data-theme="light"] .inpaint-result{background:#f3eef8;border-color:#dcd1e8}[data-theme="light"] .inpaint-result a{color:#82589f}