.cgl-shell{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr;min-height:100vh;min-height:100dvh;background:var(--bg)}.cgl-sidebar{display:flex;flex-direction:column;gap:6px;padding:24px 16px;background:rgba(0,0,0,.025);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;height:100dvh}.cgl-brand{font-size:18px;font-weight:700;color:var(--text);padding:4px 12px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}.cgl-sidebar-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:transparent;border:0;color:var(--text-secondary);font-size:14px;cursor:pointer;text-align:left;transition:background .15s,color .15s;text-decoration:none}.cgl-sidebar-action:hover{background:var(--accent-soft);color:var(--accent)}.cgl-sidebar-action>span:first-child{font-size:16px;color:var(--accent)}.cgl-sidebar-spacer{flex:1}.cgl-sidebar-user{padding-top:12px;border-top:1px solid var(--line)}.cgl-main{display:flex;flex-direction:column;gap:28px;padding:56px max(24px,6vw) 120px;max-width:880px;margin:0 auto;width:100%}.cgl-header h1{font-size:36px;font-weight:700;margin:0 0 8px;color:var(--text);letter-spacing:-.5px}.cgl-header p{margin:0;color:var(--text-secondary);font-size:15px}.cgl-composer,.cgl-mode,.cgl-stage{width:100%}.cgl-composer{position:sticky;bottom:16px;padding:16px;background:var(--panel-strong);backdrop-filter:var(--glass);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.cgl-generating .cgl-header{opacity:.7}@media (max-width:880px){.cgl-shell{grid-template-columns:1fr}.cgl-sidebar{position:relative;height:auto;flex-direction:row;overflow-x:auto;padding:12px 16px}.cgl-sidebar-spacer{display:none}.cgl-sidebar-user{border-top:0;padding-top:0}.cgl-main{padding:24px 16px 96px}.cgl-header h1{font-size:26px}}