#root.layout-split{display:flex;flex-direction:column;height:100dvh;overflow:hidden}#root.layout-split>header{flex-shrink:0}#root.layout-split>main{flex:1;min-height:0;gap:0}#root.layout-split>main>aside{overflow-y:auto}#root.layout-split>main>aside.sidebar{flex-grow:0;flex-shrink:0}#root.layout-split>main>aside~*{overflow-y:auto;flex:1}.cs-gradient-bg{background:linear-gradient(238deg,#ebf3ff,#ffe6f8)}.cs-gradient-text{background:linear-gradient(196deg,#3883ff 6%,#fb03b9 94%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-gradient-btn{background:linear-gradient(254deg,#3883ff 6%,#fb03b9 94%);color:#fff;border:none;cursor:pointer;transition:opacity .2s ease}.cs-gradient-btn:hover{opacity:.9}.cs-chat-bubble{border-radius:0 var(--radius-field) var(--radius-field) var(--radius-field)}.cs-chat-bubble-user{border-radius:var(--radius-field) var(--radius-field) 0 var(--radius-field)}.cs-color-swatch{width:48px;height:48px;border-radius:var(--radius-corner);border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.cs-color-swatch:hover{transform:scale(1.1)}.cs-color-swatch.active{border-color:var(--color-key);box-shadow:0 0 0 2px var(--color-key)}.cs-font-card{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cs-font-card:hover{border-color:var(--color-key)}.cs-font-card.active{border-color:var(--color-key);box-shadow:0 0 0 2px var(--color-key)}