.shell-readable {
    max-width: var(--reading-max-width);
}

.surface-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    box-shadow: 0 10px 28px rgba(14, 48, 94, 0.08);
}

.surface-panel-tight {
    padding: 18px;
}

.surface-panel-roomy {
    padding: 28px;
}

.workspace-layout {
    display: grid;
    gap: 24px;
}

.workspace-layout-wide {
    max-width: 100%;
}

.workspace-layout-readable {
    max-width: var(--reading-max-width);
}