.layout-preview {
    border: 1px solid var(--ms-color-border-subtle);
    border-radius: var(--ms-radius-md);
    overflow: hidden;
    background: var(--ms-color-bg-subtle);
}

/* HEADER */
.layout-header {
    height: 40px;
    background: var(--ms-color-primary-light);
}

/* BODY WRAPPER */
.layout-body {
    min-height: 150px;
}

/* CONTENT */
.layout-content {
    background: var(--ms-color-neutral-100);
    min-height: 150px;
}

/* SIDEBAR */
.layout-sidebar-left,
.layout-sidebar-right {
    width: 60px;
    background: var(--ms-color-neutral-200);
}

/* FOOTER */
.layout-footer {
    height: 30px;
    background: var(--ms-color-neutral-300);
}