.studio-content{max-width:none;padding:16px 28px 40px;display:block}.studio-toolbar{gap:60px;min-height:36px}.vth-cc{display:flex;gap:6px;flex:none}.vth-cc button{height:34px;width:34px;padding:8px;background:#171c23;border:0;border-radius:8px;margin:0!important}.vth-cc svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vth-duan{display:flex;gap:8px;position:relative}.studio-toolbar .primary{font-size:14px;padding:9px 18px}.studio-toolbar #projectPicker{margin:0;display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700;max-width:300px}#projectName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#projectMenu{position:absolute;top:46px;left:0;z-index:45;background:#171c23;border:1px solid var(--genup-line-2);padding:8px;border-radius:12px;min-width:280px;max-width:330px;max-height:350px;overflow:auto}#projectMenu button{display:block;width:100%;margin:0;text-align:left;overflow-wrap:anywhere;background:transparent;border:0}#projectMenu button[aria-selected=true]{background:#243146}.studio-welcome{margin:88px auto 72px;max-width:940px}.studio-welcome h1{font-size:52px;margin-top:20px}.studio-welcome h2{font-size:20px}.composer{max-width:920px;margin:0 auto;min-height:158px;padding:18px;position:relative;border-color:var(--genup-line-2);background:#18191b}.composer:focus-within{border-color:var(--genup-blue)}.input-row{min-height:110px;gap:20px}.input-row textarea{min-height:90px;padding:27px 0 20px;font-size:16px;max-height:240px}.add-button{align-self:flex-start;margin-top:0}.send-button{width:38px;height:38px}.studio-status{font-size:10px;text-align:center;color:var(--muted);margin:15px auto;opacity:.75}.source-menu{position:absolute;left:15px;top:62px;z-index:50;min-width:240px;padding:8px;background:#20242b;border:1px solid var(--genup-line-2);border-radius:12px;box-shadow:0 18px 40px #0005}.source-menu button{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;font-size:12px;border-radius:8px}.source-menu button:hover{background:#303844}.source-menu svg{width:17px;height:17px;fill:none;stroke:var(--genup-blue-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.source-menu small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.source-menu button:last-child{border-top:1px solid var(--genup-line-2);border-radius:0;margin-top:6px}.attachments:not(:empty){margin-bottom:12px}.file-chip{display:flex;align-items:center;gap:5px}.file-chip small{color:var(--muted)}.conversation:not(:empty){margin:50px auto 25px}.composer-options{border-top:1px solid var(--genup-line-2);margin-top:12px}.topbar{flex-wrap:nowrap;justify-content:space-between;gap:12px}.topbar-left,.topbar-right{flex-wrap:nowrap;gap:10px}.topbar .activation{width:clamp(200px,26vw,450px);min-width:0}.top-chip{white-space:nowrap;padding:10px 12px}.topbar-right .icon-chip{min-width:36px}.studio-toolbar button:last-child{margin:0}.khep-trai .app-shell{grid-template-columns:0 minmax(0,1fr)}.khep-trai .sidebar{display:none}.vo-bung .sidebar,.vo-bung .topbar,.vo-bung .vth-duan{display:none}.vo-bung .app-shell{grid-template-columns:1fr}.vo-bung .vth-cc{position:fixed;top:16px;left:18px;z-index:60}.vo-bung .studio-toolbar{min-height:40px}.vo-bung .studio-welcome{margin-top:90px}dialog{color:var(--text);background:#171c23;border:1px solid var(--genup-line-2);border-radius:18px;padding:26px;max-width:500px;width:calc(100% - 36px)}dialog::backdrop{background:#0009}dialog h2{font-size:20px;margin:0 0 24px}dialog label{display:block;font-size:13px;margin-bottom:10px}dialog input,dialog textarea{width:100%;font:inherit;color:var(--text);background:#0d1219;border:1px solid var(--genup-line-2);border-radius:9px;padding:12px;resize:vertical}dialog p{font-size:12px;color:var(--muted);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions button{padding:10px 16px;border:0;border-radius:8px;background:#303844}.dialog-actions .primary{background:var(--genup-blue);color:white}.light .source-menu,.light #projectMenu,.light dialog{background:#f2f6fa}.light .source-menu button:hover{background:#d6e0ee}
@media(max-width:1600px){.topbar .activation{display:none}.topbar{min-height:76px}.topbar-left,.topbar-right{gap:8px}}@media(min-width:1800px){:root{--side-w:272px}.studio-welcome{margin-top:88px}.studio-toolbar{gap:62px}.brand-logo{width:175px}.studio-content{padding-inline:28px}}
@media(max-width:700px){.studio-content{padding:16px 18px}.studio-toolbar{gap:14px;flex-wrap:wrap}.vth-duan{gap:6px}.studio-toolbar .primary,.studio-toolbar #projectPicker{font-size:11px;padding:9px 10px}.studio-toolbar #projectPicker{max-width:180px}.studio-welcome{margin:65px auto 44px}.studio-welcome h1{font-size:34px}.studio-welcome h2{font-size:16px}.studio-welcome .intro{font-size:12px}.composer{min-height:150px;padding:14px}.input-row textarea{font-size:14px;padding-top:10px;min-height:95px}.input-row{gap:12px}.source-menu{left:0;max-width:calc(100vw - 50px)}.topbar .language,.topbar-right>[aria-label="Language settings"]{display:none}.mobile-menu .sidebar{display:flex;position:fixed;top:0;left:0;width:260px;height:100dvh;z-index:70}.mobile-menu .vth-cc{position:relative;z-index:80;transform:translateX(244px)}.mobile-menu .vth-cc button:not(:first-child){display:none}}
.topbar .icon-chip svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}