:root{--side-w:298px;--bg:var(--genup-black);--sidebar:#0b0f14;--text:var(--genup-white-2);--muted:var(--genup-mut);--red-dark:var(--genup-red);--blue:var(--genup-blue-2)}
html,body,.app-shell{background:var(--bg)}.brand-block{height:167px;padding-top:24px}.brand-logo{width:195px;height:86px}.brand-sub{font-family:var(--font-display);font-size:14px;margin-top:9px}.sidebar{border:0;background:var(--sidebar)}.side-nav{padding:15px 14px 160px}.nav-item{min-height:44px;font-size:14px}.nav-item.active{background:rgba(219,25,32,.13)}.nav-item.active svg{stroke:var(--genup-red-2);filter:none}.nav-section{font-size:10px}.topbar{min-height:76px;gap:12px;padding:18px 28px;background:#0c131c;flex-wrap:wrap}.topbar-left,.topbar-right{flex-wrap:wrap}.top-chip,.icon-chip{font-size:12px}.activation{max-width:440px}.activation input{min-width:80px}button:disabled{opacity:.5;cursor:default}.workspace{min-width:0}.studio-content{max-width:1250px;margin:auto;padding:20px 40px 50px;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.studio-toolbar{display:flex;align-items:center;gap:18px}.studio-toolbar button,.composer-options button{border:1px solid var(--genup-line-2);border-radius:9px;padding:10px 14px;background:var(--genup-black-3);font-size:12px}.studio-toolbar .primary{background:var(--genup-blue);border-color:var(--genup-blue);font-weight:700}.studio-label{font-size:10px;letter-spacing:.14em;color:var(--muted)}.studio-toolbar button:last-child{margin-left:auto}.studio-welcome{text-align:center;margin:64px auto 40px;width:100%;max-width:880px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted)}.studio-welcome h1{font-family:var(--font-display);font-size:clamp(32px,4vw,54px);font-weight:400;margin:18px 0 10px}.studio-welcome h1 span{color:var(--genup-red-2)}.studio-welcome h2{font-size:20px;margin:0 0 14px}.intro{font-size:13px;color:var(--muted);line-height:1.7}.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.suggestions button{display:grid;grid-template-columns:40px 1fr;column-gap:12px;text-align:left;background:#10141a;border:1px solid transparent;border-radius:14px;padding:20px}.suggestions button:hover{border-color:var(--genup-line-2);background:var(--genup-black-3)}.suggestions i{grid-row:span 2;width:36px;height:36px;background:#20242b;border-radius:10px;display:grid;place-items:center;font-style:normal;color:var(--blue)}.suggestions b{font-size:14px}.suggestions small{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.composer{width:100%;max-width:880px;margin:auto auto 0;background:#17191d;border:1px solid var(--genup-line-2);border-radius:22px;padding:18px}.input-row{display:flex;align-items:center;gap:14px}.input-row textarea{flex:1;min-width:0;resize:vertical;min-height:54px;max-height:200px;background:transparent;border:0;color:var(--text);font:inherit;font-size:14px;line-height:1.7;padding:10px 0}.input-row textarea::placeholder{color:var(--muted)}.add-button,.send-button{width:42px;height:42px;flex:none;border:0;border-radius:50%;font-size:23px;background:#2b2e33}.send-button{background:var(--genup-red);font-size:20px}.composer-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px}.composer-options label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}select{font:inherit;color:var(--text);background:#262a30;border:0;border-radius:20px;padding:7px 10px;max-width:150px}.composer-options button{margin-left:auto;padding:7px 10px}.capability-note{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.6}.attachments{display:flex;gap:8px;flex-wrap:wrap}.file-chip{border:1px solid var(--genup-line-2);border-radius:8px;padding:6px 9px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.file-chip button{background:none;border:0;margin-left:8px}.conversation{max-width:880px;width:100%;margin:0 auto 24px}.message{padding:18px;border-radius:14px;background:#111923;margin:12px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.message.system{background:transparent;color:var(--muted);border-left:2px solid var(--blue)}#draftPanel{max-width:880px;width:100%;margin:25px auto}#draftPanel button{display:block;background:#151920;border:1px solid var(--genup-line-2);border-radius:10px;padding:14px;margin:8px 0;width:100%;text-align:left}.toast{background:var(--genup-black-3);color:var(--text)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.light{--genup-black:#f2f6fa;--genup-black-3:#e4eaf0;--genup-white-2:#18212d;--genup-mut:#526172;--genup-line-2:#c0cad6}.light .sidebar,.light .topbar{background:#e5ebf2}.light .nav-item{color:#263548}.light .composer,.light .suggestions button,.light .message,.light #draftPanel button{background:white}.light select,.light .add-button{background:#e4eaf0}.light .top-chip,.light .icon-chip{background:#d5deea;color:#18212d}.light .profile-card,.light .plan-card{background:#e4eaf0;color:#18212d}
@media(max-width:1200px){:root{--side-w:240px}.topbar{padding:14px 20px}.activation{display:none}.studio-content{padding:20px 24px}.brand-logo{width:175px}}
@media(max-width:700px){:root{--side-w:0px}.app-shell{display:block}.sidebar{display:none}.topbar{padding:12px;min-height:60px}.topbar-left{display:none}.topbar-right{width:100%;justify-content:flex-end}.studio-content{padding:18px 16px 30px}.studio-label{display:none}.studio-welcome{margin-top:40px}.studio-welcome h2{font-size:17px}.suggestions{gap:9px}.suggestions button{padding:14px;grid-template-columns:1fr}.suggestions i{display:none}.suggestions small{font-size:11px}.composer{padding:12px;border-radius:17px}.composer-options{gap:8px}.composer-options label{font-size:10px}.composer-options button{margin-left:0}.input-row{gap:8px}.add-button,.send-button{width:35px;height:35px}.brand-block{height:120px}.studio-toolbar button{font-size:11px}.topbar-right .notify{display:none}}