#tbat-word-styles {
    margin: 14px 0;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 7px;
    background: rgba(255,255,255,.035);
}

#tbat-word-styles .tbat-title {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 600;
}

#tbat-word-styles .tbat-help {
    margin: 8px 0 0;
    color: #9299a6;
    font-size: 11px;
    line-height: 1.45;
}

#tbat-word-styles .tbat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

#tbat-word-styles label {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
}

#tbat-word-styles input,
#tbat-word-styles select {
    width: 100%;
    min-height: 38px;
}

#tbat-word-styles input[type="color"] { padding: 3px; }

@media (max-width: 767px) {
    #tbat-word-styles .tbat-grid { grid-template-columns: 1fr; }
}