/* Main Container */
.ncsb-wrap {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccd0d4;
}

/* Layout */
.ncsb-flex {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

/* Toolbox */
#ncsb-toolbox {
    width: 200px;
}

#ncsb-toolbox h3 {
    margin-bottom: 10px;
}

/* Canvas */
.ncsb-box {
    flex: 1;
    border: 2px dashed #ccd0d4;
    min-height: 400px;
    padding: 10px;
    background: #fafafa;
}

/* Draggable Items */
.ncsb-item {
    padding: 10px;
    border: 1px solid #ccd0d4;
    margin-bottom: 8px;
    cursor: move;
    background: #fff;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.ncsb-item:hover {
    background: #f0f6fc;
    border-color: #0073aa;
}

/* Sidebar */
.ncsb-sidebar {
    width: 300px;
    background: #fff;
    border: 1px solid #ccd0d4;
    padding: 15px;
}

.ncsb-sidebar h3 {
    margin-top: 0;
}

/* Inputs */
.ncsb-sidebar input {
    margin-bottom: 10px;
}

/* Buttons */
.ncsb-sidebar button {
    margin-top: 10px;
}

/* Hidden */
.hidden {
    display: none;
}