.builder-head .row {
    display: grid;
    grid-template-columns: 160px 1fr 1fr auto;
    gap: var(--gap, 16px);
    align-items: end;
}

.builder-grid {
    align-items: stretch;
}

.builder-palette {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
}

.palette-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--border,#ddd);
    border-radius: 10px;
    cursor: grab;
    background: var(--surface, #fff);
}

.palette-item .ico {
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.builder-canvas {
    min-height: 520px;
    border: 2px dashed var(--border,#ddd);
    border-radius: 12px;
    padding: 16px;
    outline: none;
}

.builder-canvas.drag {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0,0,0,.03) 10px, rgba(0,0,0,.03) 20px);
}

.builder-canvas .container {
    cursor: default;
}

.builder-inspector .form label {
    display: block;
    margin-bottom: 10px;
}

.builder-inspector .form input[type="text"], .builder-inspector .form textarea {
    width: 100%;
}

.builder-canvas [data-selected] {
    outline: 2px dashed var(--primary, #3b82f6);
    outline-offset: 2px;
}

option {
    background: var(--bg);
    color: var(--text);
    border-radius: 10px;
}

.input {
    background: var(--bg);
    padding: 5px 5px;
    border-radius: 10px;
    height: auto;
    margin-top: px;
}

#actList {
    margin-top: 10px;
}

#condList {
    margin-top: 10px;
}

label {
    display: flex;
    margin-top: 10px;
    gap: 3px;
    scrollbar-color: var(--primary-faded) transparent;
    scrollbar-width: thin;
    flex-direction: column;
}