@layer components{.conv-lesson{height:100%;display:flex;flex-direction:column}.conv-lesson__main,.conv-lesson__split{flex:1 1;overflow:hidden;min-height:0}.conv-lesson__split{display:flex}.conv-lesson__editor-pane{flex:1 1;min-width:0;display:flex;flex-direction:column;border-right-style:solid;border-right-width:1px;border-color:var(--border-color)}.conv-lesson__editor{flex:1 1;min-height:0}.conv-lesson__chat-pane{width:420px;flex-shrink:0;display:flex;flex-direction:column}.conv-lesson__footer{flex-shrink:0;border-top-style:solid;border-top-width:1px;border-color:var(--border-color);background-color:var(--background)}.conv-lesson__footer-inner{margin-inline:auto;width:100%;max-width:800px;padding-inline:1rem;padding-block:.75rem;display:flex;align-items:center;gap:.75rem}.conv-lesson__prev{font-size:.875rem;line-height:calc(1.25 / .875);flex:1 1}.conv-lesson__prev-link{color:var(--primary)}@media (hover:hover){.conv-lesson__prev-link:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.conv-lesson__controls{display:flex;gap:.5rem;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border-color);background-color:var(--background);padding:.375rem}.conv-lesson__continue{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;line-height:calc(1.25 / .875);font-weight:500;border-radius:calc(var(--radius) + 2px);background-color:var(--primary);color:var(--primary-foreground);transition:opacity .15s}@media (hover:hover){.conv-lesson__continue:hover{opacity:.9}}}