.slots-custom-block-editor {
padding: 20px;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
margin: 10px 0;
}
.slots-custom-block-editor h3 {
margin-top: 0;
margin-bottom: 15px;
color: #1e1e1e;
font-size: 16px;
font-weight: 600;
}
.slots-custom-block-editor .components-base-control {
margin-bottom: 15px;
}
.slots-custom-block-editor .components-base-control__label {
display: block;
margin-bottom: 5px;
font-weight: 500;
color: #1e1e1e;
}
.slots-custom-block-editor .components-text-control__input {
width: 100%;
padding: 8px 12px;
border: 1px solid #8c8f94;
border-radius: 4px;
font-size: 14px;
}
.slots-custom-block-editor .components-text-control__input:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
outline: none;
}
.slots-preview {
margin-top: 15px;
padding: 10px;
background: #f0f0f1;
border-radius: 4px;
border-left: 4px solid #2271b1;
}
.slots-preview p {
margin: 5px 0;
font-size: 14px;
} .slots-custom-block {
padding: 15px;
border: 1px solid #ddd;
border-radius: 4px;
background: #f9f9f9;
margin: 10px 0;
font-size: 14px;
}
.slots-custom-block-placeholder {
padding: 15px;
border: 2px dashed #ccc;
border-radius: 4px;
background: #f9f9f9;
text-align: center;
color: #666;
font-style: italic;
margin: 10px 0;
}