.property {
    margin: 4px;
}

    .property label,
    .property legend {
        color: #222;
    }

    .property span {
        color: #333;
    }

/* セクション */
.property-section {
    margin-bottom: 8px;
}

    .property-section:last-child {
        margin-bottom: 0;
    }

    .property-section label {
        display: block;
        margin-bottom: 8px;
    }

    .property-section input[type="text"],
    .property-section input[type="number"] {
        width: 100%;
        padding: 8px 12px;
        border-radius: 4px;
        box-sizing: border-box;
    }

    /* ボタングループ */
    .property-section .button-group {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
    }

        .property-section .button-group button {
            width: 36px;
            height: 36px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 4px;
            cursor: pointer;
        }

    /* フィールドセット */
    .property-section fieldset {
        border: none;
        padding: 0;
        margin: 0 0 16px 0;
    }

        .property-section fieldset legend {
            margin-bottom: 8px;
            padding: 0;
        }

        .property-section fieldset label {
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            cursor: pointer;
        }

            .property-section fieldset label:last-child {
                margin-bottom: 0;
            }

        .property-section fieldset input[type="radio"] {
            margin-right: 8px;
            cursor: pointer;
        }

    /* シングルライン */
    .property-section .single-line {
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .property-section .single-line span {
            white-space: nowrap;
        }

/* フッター */
.property-footer {
    margin: 16px 0;
}

    .property-footer button {
        padding: 8px 16px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }