.stage-workspace
{
    display: grid;
    grid-template-columns: minmax(280px, var(--stage-draft-size, 50%)) 8px minmax(320px, var(--stage-chat-size, 50%));
    min-height: 0;
    overflow: hidden;
    background: var(--panel);
}

.stage-workspace.horizontal
{
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(220px, var(--stage-draft-size, 50%)) 8px minmax(260px, var(--stage-chat-size, 50%));
}

.stage-writing-panel
{
    display: grid;
    grid-template-rows: minmax(220px, var(--stage-writing-primary-size, 58%)) 8px minmax(180px, var(--stage-writing-synopsis-size, 42%));
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--panel);
}

.stage-writing-panel.synopsis-hidden
{
    grid-template-rows: minmax(0, 1fr);
}

.stage-workspace.horizontal .stage-writing-panel
{
    grid-template-columns: minmax(280px, var(--stage-writing-primary-size, 58%)) 8px minmax(260px, var(--stage-writing-synopsis-size, 42%));
    grid-template-rows: minmax(0, 1fr);
}

.stage-workspace.horizontal .stage-writing-panel.synopsis-hidden
{
    grid-template-columns: minmax(0, 1fr);
}

.stage-writing-panel.synopsis-hidden .stage-writing-resizer,
.stage-writing-panel.synopsis-hidden .stage-sub-panel
{
    display: none;
}

.stage-workspace.horizontal .stage-writing-panel,
.stage-workspace.horizontal .stage-conversation-panel
{
    min-height: 0;
}

.stage-writing-panel,
.stage-conversation-panel
{
    display: grid;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--panel);
}

.stage-writing-resizer,
.stage-workspace-resizer
{
    position: relative;
    background: #edf3f6;
}

.stage-workspace-resizer
{
    cursor: col-resize;
}

.stage-writing-resizer
{
    cursor: row-resize;
}

.stage-workspace.horizontal .stage-workspace-resizer
{
    cursor: row-resize;
}

.stage-workspace.horizontal .stage-writing-resizer
{
    cursor: col-resize;
}

.stage-writing-resizer::before,
.stage-workspace-resizer::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 42px;
    border-radius: 999px;
    background: #b6c6d1;
    transform: translate(-50%, -50%);
}

.stage-writing-resizer::before,
.stage-workspace.horizontal .stage-workspace-resizer::before
{
    width: 42px;
    height: 2px;
}

.stage-workspace.horizontal .stage-writing-resizer::before
{
    width: 2px;
    height: 42px;
}

.stage-writing-resizer:hover,
.stage-writing-resizer:focus,
.stage-writing-panel.resizing .stage-writing-resizer,
.stage-workspace-resizer:hover,
.stage-workspace-resizer:focus,
.stage-workspace.resizing .stage-workspace-resizer
{
    background: #dcefeb;
    outline: none;
}

.stage-writing-resizer:hover::before,
.stage-writing-resizer:focus::before,
.stage-writing-panel.resizing .stage-writing-resizer::before,
.stage-workspace-resizer:hover::before,
.stage-workspace-resizer:focus::before,
.stage-workspace.resizing .stage-workspace-resizer::before
{
    background: #7fbdb4;
}

.stage-writing-panel.resizing,
.stage-workspace.resizing
{
    user-select: none;
}

.stage-conversation-panel
{
    grid-template-rows: minmax(0, 1fr) auto;
}