tymanskaya

 <div style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
                        <p><b>GitHub Gist</b> &mdash; это сервис для быстрого обмена небольшими кусками кода (сниппетами) или заметками без создания полноценного репозитория.</p>

                        {/* Инструкция для WebStorm */}
                        <div style={{ backgroundColor: '#f9f0ff', padding: '15px', borderRadius: '8px', borderLeft: '4px solid #722ed1' }}>
                            <p style={{ fontWeight: 'bold', margin: '0 0 10px 0', color: '#531dab' }}>Быстрое создание через WebStorm (без браузера):</p>
                            <ol style={{ margin: 0, paddingLeft: '20px', display: 'flex', flexDirection: 'column', gap: '8px' }}>
                                <li><b>Выдели</b> нужный кусок кода в редакторе (или кликни по файлу в дереве проекта).</li>
                                <li>Нажми по нему правой кнопкой мыши и выбери <b>Git</b> &rarr; <b>Create Gist...</b></li>
                                <li>В появ