/* ── post__outer — блок снаружи белого контента ── */
.post__outer { padding-top: 20px; }

/* ── Похожие статьи — стиль как в оригинале ── */
.similar { margin-top: 32px; }
.similar__head { margin-bottom: 16px; }
.similar__title { font-size:18px; font-weight:600; color:#222; margin:0; }
.similar__post { display:block; }
.similar__post:hover .similar__post-img img { opacity:.85; }
.similar__post-img { overflow:hidden; aspect-ratio:1/.748; }
.similar__post-img img { width:100%; height:100%; object-fit:cover; display:block; transition:opacity .3s; }
.similar__post-cat { display:none; }
.similar__post-content { padding:8px 0; }
.similar__post-content p { font-size:14px; font-weight:500; color:var(--blue4); margin:0 0 4px; line-height:1.4; }
.similar__post-date { font-size:12px; color:#8f96a3; }

/* ── Комментарии ── */
.post-comments { margin-top: 32px; }
.post-comments__head { display:flex; align-items:baseline; gap:8px; margin-bottom:16px; }
.post-comments__title { font-size:18px; font-weight:600; color:#222; margin:0; }
.post-comments__count { font-size:14px; color:#8f96a3; }
.post-comments__list { display:flex; flex-direction:column; gap:14px; margin-bottom:20px; }

.post-comment { display:flex; gap:10px; }
.post-comment--reply { margin-left:44px; }
.post-comment__avatar { width:38px; height:38px; min-width:38px; border-radius:50%; background:linear-gradient(135deg,#0059ff,#ff0085); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; overflow:hidden; flex-shrink:0; }
.post-comment__avatar img { width:100%; height:100%; object-fit:cover; }
.post-comment__body { flex:1; min-width:0; }
.post-comment__top { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:4px; }
.post-comment__author { font-size:13px; font-weight:700; color:#222; }
.post-comment__date { font-size:12px; color:#8f96a3; }
.post-comment__del { margin-left:auto; background:transparent; border:none; color:#ccc; cursor:pointer; padding:2px; line-height:1; transition:color .2s; }
.post-comment__del:hover { color:#e05; }
.post-comment__text { font-size:14px; line-height:1.55; color:#333; }
.post-comment__reply { display:inline-flex; align-items:center; gap:4px; background:transparent; border:none; color:#9947eb; font-size:12px; cursor:pointer; padding:4px 0; margin-top:3px; transition:color .2s; }
.post-comment__reply:hover { color:#0059ff; }

/* Форма */
.post-comments__form-user { display:flex; gap:10px; align-items:flex-start; }
.post-comments__form-wrap { flex:1; }
.post-comments__reply-to { font-size:12px; color:#9947eb; margin-bottom:6px; }
.post-comments__textarea { width:100%; border:1px solid #ddd; border-radius:8px; padding:10px 12px; font-size:14px; font-family:Manrope,sans-serif; resize:none; outline:none; background:#fff; transition:border-color .2s; }
.post-comments__textarea:focus { border-color:var(--purple); }
.post-comments__form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:8px; }

/* Гость */
.post-comments__login { padding:4px 0; }
.post-comments__login p { color:#555; margin-bottom:12px; font-size:14px; }

/* ── Категории поста ── */
.post__cats { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.post__cat { display:inline-flex; align-items:center; background:rgba(153,71,235,.1); color:var(--purple); border:1px solid rgba(153,71,235,.3); border-radius:20px; padding:4px 12px; font-size:12px; font-weight:600; transition:all .25s; }
.post__cat:hover { background:var(--purple); color:#fff; }

/* ── Сайдбар — отступ между виджетами ── */
.sidebar__widget + .sidebar__widget { margin-top:24px; }
.sidebar__title { font-weight:700; font-size:14px; color:#8f96a3; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #eee; }

/* ── Сайдбар блога — список категорий ── */
.sidebar__list--cats li { margin-bottom:4px; }
.sidebar__list--cats a { display:flex; align-items:center; justify-content:space-between; padding:9px 14px; border-radius:8px; font-size:14px; color:#444; transition:all .2s; background:transparent; }
.sidebar__list--cats a:hover { background:#f0f0f7; color:var(--purple); }
.sidebar__list--cats a.active { background:rgba(153,71,235,.1); color:var(--purple); font-weight:700; }
.sidebar__list--cats a span { font-size:12px; color:#aaa; background:#f5f5f5; border-radius:10px; padding:1px 7px; min-width:22px; text-align:center; }
.sidebar__list--cats a.active span { background:rgba(153,71,235,.2); color:var(--purple); }

/* ── Фильтр-теги блога ── */
/* ── Короткий баннер — только для хлебных крошек ── */
.inner--short { padding:80px 0 28px; }
.inner--short .inner__bg { height:220px; }
.inner-title { color:#fff; font-size:clamp(26px,3.5vw,40px); font-weight:800; margin:12px 0 0; line-height:1.2; text-shadow:0 2px 12px rgba(0,0,0,.3); }
@media screen and (max-width:767px) { .inner--short { padding:80px 0 20px; } .inner--short .inner__bg { height:180px; } .inner-title { font-size:24px; } }

/* ── Контент страницы под баннером ── */
.page-content { background:#fff; padding:40px 0 60px; }
@media screen and (max-width:767px) { .page-content { padding:24px 0 40px; } }

/* ══ О нас ══ */
.about-hero__label { font-size:13px; font-weight:700; color:var(--purple); text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px; }
.about-hero__title { font-size:clamp(28px,4vw,42px); font-weight:800; color:#1a1a2e; line-height:1.2; margin-bottom:18px; }
.about-hero__text { font-size:16px; color:#555; line-height:1.7; margin-bottom:28px; }
.about-hero__stats { display:flex; gap:32px; flex-wrap:wrap; }
.about-stat__num { font-size:32px; font-weight:800; background:linear-gradient(135deg,#0059ff,#9947eb); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.about-stat__label { font-size:13px; color:#888; margin-top:2px; }
.about-hero__img img { width:100%; height:auto; border-radius:20px; object-fit:cover; }

.about-section__title { font-size:clamp(22px,3vw,32px); font-weight:800; color:#1a1a2e; margin-bottom:8px; }

.about-card { background:#f7f8fc; border-radius:16px; padding:28px 24px; height:100%; transition:box-shadow .3s,transform .3s; }
.about-card:hover { box-shadow:0 8px 32px rgba(0,0,0,.1); transform:translateY(-4px); }
.about-card__icon { margin-bottom:16px; }
.about-card__icon img { width:48px; height:48px; object-fit:contain; }
.about-card__title { font-size:16px; font-weight:700; color:#1a1a2e; margin-bottom:8px; }
.about-card__text { font-size:14px; color:#666; line-height:1.6; margin:0; }

.about-mission__img { width:100%; border-radius:20px; object-fit:cover; }
.about-mission__text { font-size:15px; color:#555; line-height:1.75; margin-bottom:12px; }

/* ══ Контакты ══ */
.contacts-channels { display:flex; flex-direction:column; gap:12px; }
.contacts-channel { display:flex; align-items:center; gap:16px; padding:18px 20px; background:#f7f8fc; border-radius:14px; border:1.5px solid transparent; transition:all .25s; text-decoration:none; color:inherit; }
a.contacts-channel:hover { border-color:var(--purple); background:#fff; box-shadow:0 4px 16px rgba(153,71,235,.12); }
.contacts-channel__icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.contacts-channel__icon--tg { background:#e8f4fd; color:#0088cc; }
.contacts-channel__icon--mail { background:#fef0f0; color:#e05; }
.contacts-channel__icon--time { background:#f0faf0; color:#2a9d2a; }
.contacts-channel__title { font-size:15px; font-weight:700; color:#1a1a2e; }
.contacts-channel__sub { font-size:13px; color:#888; margin-top:2px; }
.contacts-channel__arrow { margin-left:auto; color:#ccc; flex-shrink:0; }

.contacts-faq { background:#f7f8fc; border-radius:16px; padding:24px; }
.contacts-faq__title { font-size:18px; font-weight:700; color:#1a1a2e; margin-bottom:16px; }
.contacts-faq__item { padding:14px 0; border-bottom:1px solid #eee; }
.contacts-faq__item:last-child { border-bottom:none; padding-bottom:0; }
.contacts-faq__q { font-size:14px; font-weight:700; color:#1a1a2e; margin-bottom:6px; }
.contacts-faq__a { font-size:13px; color:#666; line-height:1.55; }

/* ══ Юридические страницы ══ */
.legal-doc__title { font-size:clamp(24px,3vw,36px); font-weight:800; color:#1a1a2e; margin-bottom:8px; }
.legal-doc__meta { font-size:13px; color:#aaa; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #eee; }
.legal-doc__intro { font-size:15px; color:#555; line-height:1.7; background:#f7f8fc; border-left:3px solid var(--purple); padding:16px 20px; border-radius:0 8px 8px 0; margin-bottom:28px; }
.legal-doc__section { margin-bottom:28px; }
.legal-doc__section h2 { font-size:18px; font-weight:700; color:#1a1a2e; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #eee; }
.legal-doc__section p { font-size:14px; color:#444; line-height:1.75; margin-bottom:8px; }
.legal-doc__list { padding-left:20px; }
.legal-doc__list li { font-size:14px; color:#444; line-height:1.75; margin-bottom:6px; }

.legal-nav { background:#f7f8fc; border-radius:14px; padding:20px; }
.sidebar__list--legal a { display:block; padding:10px 12px; border-radius:8px; font-size:14px; color:#444; transition:all .2s; }
.sidebar__list--legal a:hover { background:#ede8f7; color:var(--purple); }
.sidebar__list--legal a.active { background:rgba(153,71,235,.12); color:var(--purple); font-weight:700; }

/* Cookie таблица */
.cookie-table { border-radius:10px; overflow:hidden; border:1px solid #eee; margin:16px 0; }
.cookie-table__row { display:grid; grid-template-columns:160px 1fr 80px; gap:0; }
.cookie-table__row--head { background:#f0f0f7; font-size:12px; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:.05em; }
.cookie-table__row > div { padding:12px 14px; border-bottom:1px solid #eee; font-size:13px; color:#444; border-right:1px solid #eee; }
.cookie-table__row > div:last-child { border-right:none; }
.cookie-table__row:last-child > div { border-bottom:none; }
.cookie-badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700; }
.cookie-badge--required { background:#ffe0e0; color:#c00; }
.cookie-badge--func { background:#e0f0ff; color:#0059ff; }
.cookie-badge--analytics { background:#e8f5e9; color:#2a9d2a; }

/* ══ Контакты — карточки в стиле шаблона ══ */
.contact-card { display:flex; flex-direction:column; align-items:flex-start; background:#fff; border:1.5px solid #ede8f7; border-radius:20px; padding:28px 24px 24px; text-decoration:none; color:inherit; transition:all .3s; height:100%; }
a.contact-card:hover { border-color:var(--purple); box-shadow:0 8px 32px rgba(153,71,235,.15); transform:translateY(-4px); }
.contact-card--static { cursor:default; background:#f7f8fc; }
.contact-card__icon { width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.contact-card__icon--tg { background:linear-gradient(135deg,#0088cc,#00b4d8); color:#fff; }
.contact-card__icon--mail { background:linear-gradient(135deg,#9947eb,#ff0085); color:#fff; }
.contact-card__icon--time { background:linear-gradient(135deg,#0059ff,#9947eb); color:#fff; }
.contact-card__title { font-size:18px; font-weight:700; color:#1a1a2e; margin-bottom:4px; }
.contact-card__sub { font-size:14px; color:#555; margin-bottom:8px; }
.contact-card__note { font-size:12px; color:#aaa; margin-top:auto; padding-top:12px; border-top:1px solid #eee; width:100%; }

/* ══ FAQ карточки ══ */
.faq-item { background:#f7f8fc; border-radius:16px; padding:20px 22px; height:100%; border-left:3px solid var(--purple); }
.faq-item__q { font-size:15px; font-weight:700; color:#1a1a2e; margin-bottom:8px; }
.faq-item__a { font-size:14px; color:#666; line-height:1.6; margin:0; }

/* ── Статус тарифа в сайдбаре ── */
.user__item-text--inactive { color: var(--muted2, #aaa) !important; font-style: italic; }

/* ── Редактирование профиля ── */
.profile-edit__avatar-row { display:flex; align-items:center; gap:14px; }
.profile-edit__avatar { width:52px; height:52px; min-width:52px; border-radius:50%; background:linear-gradient(135deg,#0059ff,#9947eb); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; overflow:hidden; }
.profile-edit__avatar img { width:100%; height:100%; object-fit:cover; }
.profile-edit__avatar-name { font-size:15px; font-weight:700; }
.profile-edit__avatar-email { font-size:13px; opacity:.6; }

.profile-edit__label { display:block; font-size:12px; font-weight:600; opacity:.6; margin-bottom:6px; text-transform:uppercase; letter-spacing:.04em; }
.profile-edit__input { width:100%; border:1.5px solid rgba(128,128,128,.2); border-radius:10px; padding:10px 14px; font-size:14px; font-family:Manrope,sans-serif; background:var(--s2,#f7f8fc); color:inherit; outline:none; transition:border-color .2s; }
.profile-edit__input:focus { border-color:var(--purple,#9947eb); }
.profile-edit__input:disabled { opacity:.5; cursor:not-allowed; }
.profile-edit__actions { display:flex; gap:10px; }

/* ── Карточка тарифа в профиле ── */
.profile-tarif { display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:14px; }
.profile-tarif--active { background:linear-gradient(135deg,rgba(0,89,255,.12),rgba(153,71,235,.12)); border:1.5px solid rgba(153,71,235,.3); }
.profile-tarif--inactive { background:rgba(128,128,128,.08); border:1.5px solid rgba(128,128,128,.15); }
.profile-tarif__icon { width:44px; height:44px; min-width:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; }
.profile-tarif--active .profile-tarif__icon { background:linear-gradient(135deg,#0059ff,#9947eb); color:#fff; }
.profile-tarif--inactive .profile-tarif__icon { background:rgba(128,128,128,.15); color:#aaa; }
.profile-tarif__name { font-size:16px; font-weight:700; }
.profile-tarif__date { font-size:12px; opacity:.6; margin-top:2px; }
.profile-tarif__badge { margin-left:auto; background:rgba(0,180,0,.15); color:#0a0; font-size:12px; font-weight:700; padding:4px 10px; border-radius:20px; white-space:nowrap; }

/* ── Проекты — шапка ── */
.gpt__projects-head { display:flex; align-items:center; gap:12px; padding:12px 16px 8px; }
.gpt__projects-head .search { flex:1; }

/* ── Проект — элемент с кнопками ── */
.gpt__project-item { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-radius:10px; transition:background .2s; cursor:pointer; }
.gpt__project-item:hover { background:var(--s2); }
.gpt__project-item-main { flex:1; min-width:0; }
.gpt__project-actions { display:flex; gap:4px; opacity:0; transition:opacity .2s; flex-shrink:0; }
.gpt__project-item:hover .gpt__project-actions { opacity:1; }
.gpt__project-btn { width:28px; height:28px; border:none; border-radius:7px; background:transparent; color:var(--muted2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; }
.gpt__project-btn:hover { background:var(--s3); color:var(--blue4); }
.gpt__project-btn--del:hover { background:rgba(220,0,0,.1); color:#e00; }

/* ── Пустой список ── */
.gpt__project-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:48px 20px; color:var(--muted2); text-align:center; }
.gpt__project-empty p { margin:0; font-size:14px; }

/* ── gpt-methods: модели GPT ── */
.gpts__model-bar { display:flex; flex-wrap:wrap; gap:6px; padding:8px 16px 0; }
.gpts__model-btn { display:flex; flex-direction:column; align-items:flex-start; padding:6px 12px; border:1.5px solid var(--s3); border-radius:10px; background:var(--s2); cursor:pointer; transition:all .2s; }
.gpts__model-btn.active { border-color:var(--blue4); background:rgba(0,89,255,.08); }
.gpts__model-label { font-size:13px; font-weight:700; color:var(--text1); }
.gpts__model-sub { font-size:11px; color:var(--muted2); margin-top:1px; }

/* ── Кнопка оформить подписку ── */
.use--cta { background:linear-gradient(135deg,#0059ff,#9947eb) !important; }
.use--cta .use__title { color:#fff !important; }

/* ── Превью прикреплённых файлов ── */
.gpts__files-preview { display:flex; flex-wrap:wrap; gap:8px; padding:8px 16px 0; }
.gpts__files-preview:empty { display:none; }
._gpts_attach { position:relative; border-radius:10px; overflow:hidden; border:1.5px solid var(--s3); background:var(--s2); }
._gpts_attach canvas { display:block; width:80px; height:80px; object-fit:cover; border-radius:8px; }
._gpts_attach .gpts__attach-video { width:120px; height:80px; border-radius:8px; display:block; }
._gpts_attach .gpts__attach-audio { max-width:200px; }
._gpts_attach .gpts__attach-file { display:flex; align-items:center; gap:6px; padding:8px 10px; font-size:12px; color:var(--muted2); max-width:140px; }
._gpts_attach .gpts__attach-file span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
._gpts_attach .gpts__attach-loading { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.2); }
._gpts_attach .gpts__attach-loading span { width:18px; height:18px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:spin .7s linear infinite; }
._gpts_attach .gpts__attach-del { position:absolute; top:4px; right:4px; width:20px; height:20px; border:none; border-radius:50%; background:rgba(0,0,0,.5); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; transition:background .2s; }
._gpts_attach .gpts__attach-del:hover { background:rgba(200,0,0,.8); }

/* ── Тулбар харок (показывается только для image/video) ── */
.gpts__toolbar { display:flex; flex-wrap:wrap; gap:6px; }

@keyframes spin { to { transform:rotate(360deg); } }

/* ── Сайдбар: панели ── */
.gpt__sidebar-panel { overflow-y:auto; flex:1; }
.sb-projects__head { display:flex; align-items:center; justify-content:space-between; padding:10px 14px 8px; border-bottom:1px solid var(--s3); }
.sb-projects__title { font-size:13px; font-weight:700; color:var(--muted2); text-transform:uppercase; letter-spacing:.05em; }
.sb-projects__add { width:24px; height:24px; border:none; border-radius:6px; background:transparent; color:var(--muted2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; }
.sb-projects__add:hover { background:var(--s3); color:var(--blue4); }
.sb-projects__back { display:flex; align-items:center; gap:6px; border:none; background:transparent; color:var(--muted2); cursor:pointer; padding:0; font-size:13px; }
.sb-projects__back:hover { color:var(--text1); }
.sb-projects__loading { padding:16px; font-size:13px; opacity:.5; text-align:center; }
.sb-projects__empty { padding:20px 14px; font-size:13px; opacity:.5; text-align:center; line-height:1.6; }
.sb-projects__add-first { margin-top:8px; background:none; border:1.5px dashed var(--s3); border-radius:8px; padding:6px 12px; font-size:12px; color:var(--blue4); cursor:pointer; }

/* ── Элемент проекта ── */
.sb-project-item { display:flex; align-items:center; padding:8px 14px; border-bottom:1px solid var(--s3); transition:background .15s; }
.sb-project-item:hover { background:var(--s2); }
.sb-project-item:hover .sb-project-item__actions { opacity:1; }
.sb-project-item__main { flex:1; min-width:0; cursor:pointer; }
.sb-project-item__name { font-size:13px; font-weight:600; color:var(--text1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sb-project-item__date { font-size:11px; color:var(--muted2); margin-top:2px; }
.sb-project-item__actions { display:flex; gap:4px; opacity:0; transition:opacity .2s; flex-shrink:0; }
.sb-project-item__actions button { width:24px; height:24px; border:none; border-radius:6px; background:transparent; color:var(--muted2); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.sb-project-item__actions button:hover:first-child { color:var(--blue4); background:var(--s3); }
.sb-project-item__actions button:hover:last-child  { color:#e00; background:rgba(220,0,0,.1); }

/* ── Элемент чата ── */
.sb-chat-item { display:flex; align-items:center; padding:8px 14px; border-bottom:1px solid var(--s3); transition:background .15s; }
.sb-chat-item:hover { background:var(--s2); }
.sb-chat-item:hover .sb-chat-item__del { opacity:1; }
.sb-chat-item__main { flex:1; cursor:pointer; }
.sb-chat-item__date { font-size:13px; color:var(--text1); }
.sb-chat-item__tokens { font-size:11px; color:var(--muted2); margin-top:2px; }
.sb-chat-item__del { opacity:0; width:24px; height:24px; border:none; border-radius:6px; background:transparent; color:var(--muted2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; flex-shrink:0; }
.sb-chat-item__del:hover { color:#e00; background:rgba(220,0,0,.1); }

/* ── Заголовок метода (image/video/audio) — как h1 ── */
.gpts__page-title { font-size:28px; font-weight:400; line-height:1.3571; color:var(--black); text-align:center; margin-bottom:38px; }

/* ── Модель справа в тулбаре (image/video) ── */
.gpts__model-right { align-items:center; }
.gpts__model-right-btn { display:flex; align-items:center; gap:6px; padding:6px 12px; border:1.5px solid var(--s3); border-radius:20px; background:var(--s2); font-size:13px; font-weight:600; cursor:pointer; transition:all .2s; white-space:nowrap; }
.gpts__model-right-btn:hover { border-color:var(--blue4); }
.gpts__model-right-menu { min-width:280px; padding:6px; }
.gpts__model-right-item { padding:10px 12px; border-radius:8px; cursor:pointer; transition:background .2s; }
.gpts__model-right-item:hover { background:var(--s2); }
.gpts__model-right-item.active { background:rgba(0,89,255,.08); }
.gpts__model-right-label { font-size:14px; font-weight:600; color:var(--text1); }
.gpts__model-right-sub { font-size:12px; color:var(--muted2); margin-top:2px; }

/* ── Кнопка + Изображение ── */
.gpts__img-add-btn { display:flex !important; align-items:center; gap:5px; font-size:13px; font-weight:500; padding:5px 10px; }

/* ── Ratio grid dropdown ── */
.gpts__ratio-grid { grid-template-columns:repeat(3,1fr); gap:4px; padding:8px; min-width:180px; }
.gpts__ratio-grid.show { display:grid !important; }
.gpts__ratio-grid .dropdown-item { padding:6px 8px; text-align:center; border-radius:6px; font-size:13px; justify-content:center; }
.gpts__models-menu { min-width:220px; }
.gpts__models-menu .dropdown-item { flex-direction:column; align-items:flex-start; gap:0; }

/* ── Спецзона Audio (Suno) ── */
.gpts__audio-ui { background:var(--s1); border-radius:16px; padding:20px; display:flex; flex-direction:column; gap:12px; max-width:640px; margin:0 auto; }
.gpts__audio-modes { display:flex; align-items:center; gap:8px; }
.gpts__audio-mode { padding:8px 18px; border-radius:20px; border:1.5px solid var(--s3); background:transparent; font-size:14px; font-weight:600; cursor:pointer; transition:all .2s; color:var(--text1); }
.gpts__audio-mode.active { background:var(--s3); }
.gpts__audio-version { padding:7px 14px; border-radius:20px; border:1.5px solid var(--s3); background:var(--s2); font-size:14px; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:6px; }
.gpts__audio-extras { display:flex; gap:8px; }
.gpts__audio-extra-btn { display:flex; align-items:center; gap:6px; padding:10px 20px; border-radius:10px; border:1.5px solid var(--s3); background:var(--s2); font-size:14px; font-weight:500; cursor:pointer; transition:all .2s; flex:1; justify-content:center; }
.gpts__audio-extra-btn:hover { border-color:var(--blue4); }
.gpts__audio-section { background:var(--s2); border-radius:12px; padding:14px 16px; }
.gpts__audio-section-title { display:flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:var(--text1); margin-bottom:10px; }
.gpts__audio-magic { margin-left:auto; background:none; border:none; cursor:pointer; color:var(--muted2); padding:2px; }
.gpts__audio-magic:hover { color:var(--purple); }
.gpts__audio-lyrics { width:100%; border:none; background:transparent; resize:none; font-size:14px; color:var(--text1); font-family:Manrope,sans-serif; outline:none; line-height:1.6; }
.gpts__audio-style { width:100%; border:none; background:transparent; font-size:14px; color:var(--text1); font-family:Manrope,sans-serif; outline:none; margin-bottom:10px; }
.gpts__audio-tags { display:flex; flex-wrap:wrap; gap:6px; }
.gpts__audio-tag { padding:5px 12px; border-radius:20px; border:1.5px solid var(--s3); background:var(--s1); font-size:12px; cursor:pointer; transition:all .2s; color:var(--muted2); }
.gpts__audio-tag:hover { border-color:var(--purple); color:var(--purple); }
.gpts__audio-name { display:flex; align-items:center; gap:8px; padding:4px 0; }
.gpts__audio-name-input { flex:1; border:none; background:transparent; font-size:14px; color:var(--text1); font-family:Manrope,sans-serif; outline:none; }
.gpts__audio-submit { display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; border-radius:12px; background:var(--s3); border:none; font-size:15px; font-weight:700; cursor:pointer; transition:all .2s; color:var(--muted2); }
.gpts__audio-submit:hover { background:var(--blue4); color:#fff; }

/* ── Спецзона (контейнер) ── */
.gpts__special-zone { padding:16px; }

/* ── Сайдбар — иконки SVG ── */
.gpt__sidebar-list-icon--svg { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; background:var(--s3); color:var(--text1); flex-shrink:0; }
.gpt__sidebar-list-icon--svg svg { display:block; }

/* Цветные иконки конкретных сервисов */
.gpt__sidebar-list-icon--claude { background:#cc785c; color:#fff; }
.gpt__sidebar-list-icon--gemini { background:linear-gradient(135deg,#4285F4,#9B72CB,#D96570); color:#fff; }
.gpt__sidebar-list-icon--suno   { background:linear-gradient(135deg,#f97316,#ec4899); color:#fff; }

/* Активный пункт сайдбара */
.gpts__sidebar-method.active { background:var(--s3); border-radius:8px; }
.gpts__sidebar-method.active .gpt__sidebar-list-icon--svg { background:transparent; }

/* Сайдбар-список — убираем иконку-img, используем svg-обёртку */
.gpt__sidebar-list-link { display:flex; align-items:center; gap:10px; padding:6px 8px; border-radius:8px; transition:background .15s; text-decoration:none; color:var(--text1); }
.gpt__sidebar-list-link:hover { background:var(--s3); }

/* ── Иконка метода в сайдбаре ── */
.gpt__sbi { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; flex-shrink:0; }
.gpt__sbi svg { display:block; }

/* ── Лоадер сайдбара ── */
.gpts__sidebar-loading { display:flex; gap:5px; padding:16px 12px; align-items:center; }
.gpts__sidebar-loading span { width:6px; height:6px; border-radius:50%; background:var(--s4); animation:gpts-pulse 1s ease-in-out infinite; }
.gpts__sidebar-loading span:nth-child(2) { animation-delay:.2s; }
.gpts__sidebar-loading span:nth-child(3) { animation-delay:.4s; }
@keyframes gpts-pulse { 0%,80%,100%{opacity:.3} 40%{opacity:1} }

/* ── Фильтр-меню GPT (Поиск/Думай дольше) ── */
.gpts__gpt-filters .dropdown-toggler { gap: 5px; }
.gpts__filter-menu { min-width: 200px; padding: 6px; }
.gpts__filter-item { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; color:var(--blue4,#0059ff); font-weight:500; }
.gpts__filter-item:hover { background:var(--s2); }
.gpts__filter-icon { font-size:16px; width:20px; text-align:center; }

/* ── Кнопка + Изображение ── */
.gpts__btn-img-add { gap:6px; font-size:13px; font-weight:500; padding:5px 12px; }

/* ── Пилюля — список моделей ── */
.gpts__pill-item-label { font-size:14px; font-weight:600; color:var(--black); }
.gpts__pill-item-sub { font-size:12px; color:var(--gray); margin-top:2px; }
#gpts_top_dropdown_menu .dropdown-item { flex-direction:column; align-items:flex-start; padding:8px 12px; gap:0; }

/* ── Дропдаун шапки — компактный ── */

/* ── Дропдаун шапки — современный стиль ── */
.chd-nav { display:flex; gap:4px; padding:4px; background:var(--bg-gray); border-radius:10px; margin-bottom:14px; }
.chd-tab { font-family:Manrope,sans-serif; font-size:14px; font-weight:500; padding:6px 14px; border-radius:7px; border:none; background:transparent; color:var(--gray); cursor:pointer; transition:all .2s; white-space:nowrap; }
.chd-tab.active { background:#fff; color:var(--black); box-shadow:0 1px 4px rgba(0,0,0,.08); }
.chd-tab:hover:not(.active) { color:var(--black); }
.chd-body { display:flex; flex-direction:column; gap:2px; }
.chd-pane { display:flex; flex-direction:column; gap:2px; }
.chd-item { display:flex; align-items:flex-start; gap:12px; padding:10px 12px; border-radius:10px; cursor:pointer; transition:background .15s; }
.chd-item:hover { background:var(--bg-gray); }
.chd-item-icon { width:36px; height:36px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:9px; overflow:hidden; background:var(--bg-gray); margin-top:1px; }
.chd-item-icon img { width:28px; height:28px; display:block; }
.chd-icon-fallback { width:28px; height:28px; border-radius:6px; background:var(--border); display:block; }
.chd-item-body { flex:1; min-width:0; }
.chd-item-name { font-size:15px; font-weight:600; color:var(--black); line-height:1.3; margin-bottom:6px; }
.chd-models { display:flex; flex-wrap:wrap; gap:5px; }
.chd-model-tag { font-family:Manrope,sans-serif; font-size:12px; font-weight:500; padding:4px 10px; border-radius:20px; border:1px solid var(--border); background:#fff; color:var(--gray); cursor:pointer; transition:all .15s; white-space:nowrap; }
.chd-model-tag:hover { border-color:var(--purple); color:var(--purple); background:rgba(153,71,235,.05); }

/* ── GPT фильтры — toggleable теги ── */
.gpts__filter-tag { display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:20px; border:1px solid var(--border); background:var(--bg-gray); color:var(--gray); font-family:Manrope,sans-serif; font-size:13px; font-weight:500; cursor:pointer; transition:all .15s; white-space:nowrap; }
.gpts__filter-tag:hover { border-color:var(--black); color:var(--black); }
.gpts__filter-tag.active { background:var(--black); color:#fff; border-color:var(--black); }
.gpts__filter-tag.active svg { stroke:#fff; }
.gpts__filter-x { margin-left:2px; opacity:.7; }

/* ── Цена генерации ── */
.gpts__price { display:inline-flex; align-items:center; gap:4px; font-size:15px; font-weight:700; color:var(--black); white-space:nowrap; }

/* ── Чат сообщения ── */
.gpts__msg { margin-bottom:24px; }
.gpts__msg--user { display:flex; justify-content:flex-end; }
.gpts__msg--user .gpt__message-message { max-width:70%; }
.gpts__msg--ai { max-width:100%; }
.gpts__msg-header { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.gpts__msg-model { font-size:12px; color:var(--gray); font-weight:500; }
.gpts__msg-content { padding:0; }
.gpts__msg--error { display:flex; align-items:center; gap:8px; color:var(--red); font-size:14px; padding:12px; background:rgba(239,67,67,.08); border-radius:10px; }

/* ── Skeleton loader ── */
.gpts__skeleton { padding:8px 0; }
.gpts__skeleton-line { height:14px; background:linear-gradient(90deg,var(--border) 25%,var(--bg-gray) 50%,var(--border) 75%); background-size:200% 100%; border-radius:7px; margin-bottom:10px; animation:gpts-skeleton 1.4s infinite; }
.gpts__skeleton-line--short { width:60%; }
@keyframes gpts-skeleton { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* ── Chat mode ── */
.gpts--chat-mode .gpts__h1-default,
.gpts--chat-mode #gpts_top_dropdown_wrap { opacity:0; pointer-events:none; height:0; overflow:hidden; margin:0; }

/* ── Скролл чата ── */
.gpt__content { display:flex; flex-direction:column; height:100%; }
.gpt__content-body { flex:1; overflow-y:auto; scrollbar-color:var(--scrollbar) transparent; scrollbar-width:thin; padding-bottom:0; }
/* Скрываем content-body только на странице чата когда нет сообщений */
.gpts--chat-page .gpt__content-body:not(.gpts--has-messages) { display:none; }
.gpt__content-box { flex-shrink:0; background:var(--white); z-index:10; }
/* Когда нет сообщений — промпт по центру */
.gpts--chat-page .gpt__content:not(.gpts--has-messages) { justify-content:center; }
.gpts--chat-page .gpt__content:not(.gpts--has-messages) .gpt__content-box { width:100%; }
/* Когда есть сообщения — скрываем заголовок и пилюлю */
.gpts--chat-page .gpt__content.gpts--has-messages .gpts__h1-default,
.gpts--chat-page .gpt__content.gpts--has-messages #gpts_top_dropdown_wrap { display:none !important; }
/* Когда есть сообщения — промпт внизу sticky */
.gpts--chat-page .gpt__content.gpts--has-messages .gpt__content-box { position:sticky; bottom:0; }
.gpt__message { padding:20px 20px 0; max-width:790px; margin:0 auto; width:100%; }

/* ── Кнопка отправки — неактивна при генерации ── */
.gpt__edit-send.gpts--disabled { opacity:0.4; cursor:not-allowed; pointer-events:none; }

/* ── Модель над ответом ── */
.gpts__msg-model { font-size:12px; color:var(--gray); margin-bottom:4px; padding:0 20px; }

/* ── Медиа модалка ── */
.media-modal { display:flex; flex-direction:column; gap:0; }
.media-modal__upload { border:2px dashed var(--border); border-radius:12px; margin:16px; transition:border-color .2s; cursor:pointer; }
.media-modal__upload.drag-over { border-color:var(--purple); background:rgba(153,71,235,.04); }
.media-modal__upload-inner { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:32px 20px; color:var(--gray); }
.media-modal__upload-inner svg { color:var(--gray); }
.media-modal__upload-text { font-size:14px; }
.media-modal__upload-text span { color:var(--purple); text-decoration:underline; cursor:pointer; }
.media-modal__upload-hint { font-size:12px; color:var(--gray); }
.media-modal__filters { display:flex; gap:6px; padding:0 16px 12px; flex-wrap:wrap; }
.media-modal__filter { font-family:Manrope,sans-serif; font-size:12px; font-weight:500; padding:4px 10px; border-radius:20px; border:1px solid var(--border); background:#fff; color:var(--gray); cursor:pointer; transition:all .15s; }
.media-modal__filter.active { background:var(--purple); color:#fff; border-color:var(--purple); }
.media-modal__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:8px; padding:0 16px 16px; min-height:120px; }
.media-modal__empty { grid-column:1/-1; text-align:center; color:var(--gray); font-size:13px; padding:32px 0; }
.media-modal__item { border:1px solid var(--border); border-radius:8px; overflow:hidden; position:relative; cursor:pointer; transition:border-color .15s; }
.media-modal__item:hover { border-color:var(--purple); }
.media-modal__item-thumb { width:100%; aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--bg-gray); overflow:hidden; }
.media-modal__item-thumb img { width:100%; height:100%; object-fit:cover; }
.media-modal__item-thumb svg { color:var(--gray); }
.media-modal__item-name { font-size:10px; color:var(--gray); padding:4px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.media-modal__item-actions { position:absolute; top:4px; right:4px; display:flex; gap:4px; opacity:0; transition:opacity .15s; }
.media-modal__item:hover .media-modal__item-actions { opacity:1; }
.media-modal__item-btn { width:22px; height:22px; border-radius:4px; background:rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center; border:none; cursor:pointer; }
.media-modal__item-del { color:var(--red); }
.media-modal__progress { padding:8px 16px; }
.media-modal__progress-bar { height:4px; background:var(--purple); border-radius:2px; width:0; transition:width .2s; }
.media-modal__progress-text { font-size:12px; color:var(--gray); margin-top:4px; }

/* ── Проекты — рабочая зона ── */
.proj-zone__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.proj-card { background:var(--bg-gray); border-radius:12px; padding:16px; margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.proj-card__name { font-size:15px; font-weight:600; }
.proj-card__prompt { font-size:12px; color:var(--gray); margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:400px; }
.proj-card__actions { display:flex; gap:4px; flex-shrink:0; }
.proj-card__btn { width:30px; height:30px; border-radius:8px; border:1px solid var(--border); background:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .15s; }
.proj-card__btn:hover { border-color:var(--purple); color:var(--purple); }
.proj-card__btn--del:hover { border-color:var(--red); color:var(--red); }

/* ── Медиа модалка ── */
.media-tabs { display:flex; gap:4px; padding:16px 16px 0; }
.media-tab { font-family:Manrope,sans-serif; font-size:13px; font-weight:500; padding:5px 12px; border-radius:20px; border:1px solid var(--border); background:transparent; color:var(--gray); cursor:pointer; transition:all .15s; }
.media-tab.active { background:var(--black); color:#fff; border-color:var(--black); }
.media-drop { margin:12px 16px; border:2px dashed var(--border); border-radius:12px; padding:32px 20px; text-align:center; cursor:pointer; transition:all .2s; display:flex; flex-direction:column; align-items:center; gap:8px; }
.media-drop:hover, .media-drop.active { border-color:var(--purple); background:rgba(153,71,235,.04); }
.media-drop svg { color:var(--gray); }
.media-drop__text { font-size:14px; font-weight:500; color:var(--black); }
.media-drop__hint { font-size:12px; color:var(--gray); }
.media-progress { margin:0 16px 8px; height:4px; background:var(--border); border-radius:2px; overflow:hidden; }
.media-progress__bar { height:100%; background:var(--purple); border-radius:2px; transition:width .3s; width:0; }
.media-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:8px 16px 16px; max-height:360px; overflow-y:auto; scrollbar-width:thin; }
.media-item { position:relative; border-radius:8px; overflow:hidden; border:1px solid var(--border); aspect-ratio:1; background:var(--bg-gray); }
.media-item__preview { width:100%; height:100%; }
.media-item__preview img, .media-item__preview video { width:100%; height:100%; object-fit:cover; display:block; }
.media-audio-icon { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--gray); }
.media-item__name { position:absolute; bottom:0; left:0; right:0; font-size:10px; color:#fff; background:rgba(0,0,0,.5); padding:3px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.media-item__meta { display:none; }
.media-item__del { position:absolute; top:4px; right:4px; width:22px; height:22px; border-radius:50%; background:rgba(0,0,0,.5); color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s; }
.media-item:hover .media-item__del { opacity:1; }
.media-empty, .media-modal__loading { text-align:center; color:var(--gray); font-size:14px; padding:24px; grid-column:1/-1; }

/* ── Страница проектов ── */
.projects-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; }
.projects-loading { color:var(--gray); font-size:14px; }
.projects-empty { text-align:center; padding:60px 20px; color:var(--gray); display:flex; flex-direction:column; align-items:center; gap:16px; grid-column:1/-1; }
.projects-empty svg { color:var(--border); }
.project-card { background:var(--white); border:1px solid var(--border); border-radius:16px; padding:20px; cursor:pointer; transition:all .2s; }
.project-card:hover { border-color:var(--purple); box-shadow:0 4px 20px rgba(153,71,235,.1); }
.project-card__header { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:8px; }
.project-card__name { font-size:16px; font-weight:600; color:var(--black); }
.project-card__actions { display:flex; gap:4px; flex-shrink:0; }
.project-card__btn { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:var(--bg-gray); color:var(--gray); transition:all .15s; }
.project-card__btn:hover { background:var(--border); color:var(--black); }
.project-card__btn--del:hover { background:rgba(239,67,67,.1); color:var(--red); }
.project-card__desc { font-size:13px; color:var(--gray); margin-bottom:12px; line-height:1.5; }
.project-card__meta { display:flex; justify-content:space-between; font-size:12px; color:var(--gray); }

/* ── Модалка проекта ── */
.project-modal-wrap { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:1000; display:flex; align-items:center; justify-content:center; }
.project-modal { background:#fff; border-radius:16px; width:100%; max-width:480px; box-shadow:0 8px 40px rgba(0,0,0,.15); }
.project-modal__header { display:flex; align-items:center; justify-content:space-between; padding:20px 24px 0; }
.project-modal__title { font-size:18px; font-weight:600; }
.project-modal__body { padding:20px 24px; }
.project-modal__footer { padding:0 24px 20px; display:flex; justify-content:flex-end; gap:8px; }

/* ── Страница проекта ── */
.project-view__info { background:var(--bg-gray); border-radius:10px; padding:12px 16px; margin-bottom:16px; }
.project-view__desc { font-size:14px; color:var(--gray); }
.project-view__tabs { display:flex; gap:4px; margin-bottom:16px; }
.project-view__tab { font-family:Manrope,sans-serif; font-size:14px; font-weight:500; padding:6px 16px; border-radius:20px; border:1px solid var(--border); background:transparent; color:var(--gray); cursor:pointer; transition:all .15s; }
.project-view__tab.active { background:var(--black); color:#fff; border-color:var(--black); }
.pv-chats-list, .pv-files-list { display:flex; flex-direction:column; gap:4px; }
.pv-chat-item { display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:10px; border:1px solid var(--border); background:#fff; text-decoration:none; color:var(--black); transition:all .15s; position:relative; }
.pv-chat-item:hover { border-color:var(--purple); }
.pv-chat-item__icon { width:36px; height:36px; border-radius:8px; background:var(--bg-gray); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gray); }
.pv-chat-item__title { font-size:14px; font-weight:500; }
.pv-chat-item__meta { font-size:12px; color:var(--gray); margin-top:2px; }
.pv-chat-item__del { position:absolute; right:12px; width:28px; height:28px; border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--gray); opacity:0; transition:all .15s; }
.pv-chat-item:hover .pv-chat-item__del { opacity:1; }
.pv-chat-item__del:hover { background:rgba(239,67,67,.1); color:var(--red); }
.pv-file-item { display:flex; align-items:center; gap:12px; padding:10px 16px; border-radius:10px; border:1px solid var(--border); background:#fff; }
.pv-file-item__icon { font-size:24px; flex-shrink:0; }
.pv-file-item__name { font-size:14px; font-weight:500; }
.pv-file-item__meta { font-size:12px; color:var(--gray); }
.pv-file-item__del { margin-left:auto; width:28px; height:28px; border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--gray); transition:all .15s; }
.pv-file-item__del:hover { background:rgba(239,67,67,.1); color:var(--red); }

/* ── Страница проектов (Claude style) ── */
.prj-body { padding:48px 48px 24px; max-width:900px; margin:0 auto; width:100%; overflow-y:auto; }
.prj-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.prj-title { font-size:32px; font-weight:700; color:var(--black); }
.prj-new-btn { display:inline-flex; align-items:center; gap:6px; padding:9px 18px; font-size:14px; }
.prj-search-wrap { position:relative; margin-bottom:16px; }
.prj-search-wrap svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--gray); pointer-events:none; }
.prj-search { width:100%; border:1.5px solid var(--border); border-radius:10px; padding:11px 14px 11px 40px; font-family:Manrope,sans-serif; font-size:14px; background:#fff; transition:border-color .2s; }
.prj-search:focus { border-color:var(--blue); outline:none; }
.prj-sort-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.prj-count { font-size:13px; color:var(--gray); }
.prj-sort { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--gray); }
.prj-sort select { border:1px solid var(--border); border-radius:8px; padding:4px 10px; font-family:Manrope,sans-serif; font-size:13px; background:#fff; cursor:pointer; }
.prj-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.prj-card { border:1px solid var(--border); border-radius:12px; padding:20px; cursor:pointer; background:#fff; transition:border-color .2s, box-shadow .2s; position:relative; display:flex; flex-direction:column; min-height:130px; }
.prj-card:hover { border-color:#bbb; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.prj-card__body { flex:1; }
.prj-card__name { font-size:15px; font-weight:600; color:var(--black); margin-bottom:6px; }
.prj-card__desc { font-size:13px; color:var(--gray); line-height:1.5; }
.prj-card__meta { font-size:12px; color:var(--gray); margin-top:14px; }
.prj-card__actions { position:absolute; top:12px; right:12px; display:flex; gap:4px; opacity:0; transition:opacity .15s; }
.prj-card:hover .prj-card__actions { opacity:1; }
.prj-card__btn { width:26px; height:26px; border-radius:6px; display:flex; align-items:center; justify-content:center; background:var(--bg-gray); color:var(--gray); transition:all .15s; }
.prj-card__btn:hover { background:var(--border); color:var(--black); }
.prj-card__btn--del:hover { background:rgba(239,67,67,.12); color:var(--red); }
.prj-empty { grid-column:1/-1; text-align:center; padding:60px 20px; color:var(--gray); display:flex; flex-direction:column; align-items:center; gap:16px; }
.prj-loading { color:var(--gray); font-size:14px; }

/* Модалка проектов */
.prj-modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:2000; display:flex; align-items:center; justify-content:center; }
.prj-modal { background:#fff; border-radius:16px; width:100%; max-width:480px; box-shadow:0 8px 40px rgba(0,0,0,.12); }
.prj-modal__head { padding:28px 28px 0; }
.prj-modal__title { font-size:26px; font-weight:700; color:var(--black); margin:0; line-height:1.2; }
.prj-modal__body { padding:20px 28px; display:flex; flex-direction:column; gap:16px; }
.prj-modal__foot { padding:4px 28px 24px; display:flex; justify-content:flex-end; gap:10px; }
.prj-field { display:flex; flex-direction:column; gap:7px; }
.prj-label { font-size:13px; font-weight:500; color:var(--black); }
.prj-input { border:1.5px solid var(--border); border-radius:10px; padding:11px 14px; font-family:Manrope,sans-serif; font-size:14px; transition:border-color .2s; background:#fff; color:var(--black); }
.prj-input:focus { border-color:var(--blue); outline:none; }
.prj-textarea { min-height:100px; resize:vertical; }

/* ── Страница проекта (Claude style) ── */
.pv-page .gpt__content-body { padding:0; }
.pv-back { display:inline-flex; align-items:center; gap:5px; font-size:13px; color:var(--gray); text-decoration:none; transition:color .15s; }
.pv-back:hover { color:var(--black); }
.pv-layout { display:grid; grid-template-columns:1fr 320px; gap:0; height:calc(100vh - 53px); overflow:hidden; }
.pv-left { padding:40px 48px 24px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--scrollbar) transparent; }
.pv-right { border-left:1px solid var(--border); padding:24px 20px; overflow-y:auto; scrollbar-width:thin; display:flex; flex-direction:column; gap:16px; }
.pv-title { font-size:32px; font-weight:700; margin-bottom:28px; }

/* Промпт зона */
.pv-prompt-box { position:static !important; margin-bottom:24px; padding:0; background:transparent; }
.pv-prompt-box .gpt__edit { max-width:100%; }

/* Чаты */
.pv-chat-row { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--border); text-decoration:none; color:var(--black); position:relative; transition:color .15s; }
.pv-chat-row:first-child { border-top:1px solid var(--border); }
.pv-chat-row:hover .pv-chat-row__title { color:var(--purple); }
.pv-chat-row__title { font-size:14px; font-weight:500; flex:1; }
.pv-chat-row__meta { font-size:12px; color:var(--gray); white-space:nowrap; }
.pv-chat-row__del { width:24px; height:24px; border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--gray); opacity:0; transition:all .15s; flex-shrink:0; }
.pv-chat-row:hover .pv-chat-row__del { opacity:1; }
.pv-chat-row__del:hover { background:rgba(239,67,67,.1); color:var(--red); }
.pv-loading, .pv-empty { font-size:14px; color:var(--gray); padding:12px 0; }

/* Правая панель */
.pv-panel { background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.pv-panel__head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); }
.pv-panel__title { font-size:14px; font-weight:600; }
.pv-panel__btn { width:26px; height:26px; border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--gray); transition:all .15s; }
.pv-panel__btn:hover { background:var(--bg-gray); color:var(--black); }
.pv-panel__body { padding:12px 16px; font-size:13px; color:var(--black); line-height:1.6; min-height:48px; }
.pv-panel__empty { color:var(--gray); font-size:13px; }

/* Файлы в правой панели */
.pv-files-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; padding:12px; }
.pv-file-card { border:1px solid var(--border); border-radius:8px; overflow:hidden; position:relative; background:#fff; }
.pv-file-card__icon { height:60px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:var(--gray); background:var(--bg-gray); letter-spacing:.05em; }
.pv-file-card__body { padding:6px 8px 8px; }
.pv-file-card__name { font-size:11px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pv-file-card__meta { font-size:10px; color:var(--gray); margin-top:2px; }
.pv-file-card__del { position:absolute; top:4px; right:4px; width:18px; height:18px; border-radius:4px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); color:#fff; opacity:0; transition:opacity .15s; }
.pv-file-card:hover .pv-file-card__del { opacity:1; }

/* ── Кнопка копировать — состояние скопировано ── */
.gpt__message-nav-btn.copied svg { color: #059669; }
.gpt__message-nav-btn.copied { background: rgba(5,150,105,.08); border-radius:4px; }

/* ── Тултип для кнопок сообщения ── */
.gpts__tooltip-wrap { position:relative; }
.gpts__tooltip {
  position:absolute; bottom:calc(100% + 6px); left:50%;
  transform:translateX(-50%);
  background:#1a1a1a; color:#fff;
  font-size:12px; font-weight:500; white-space:nowrap;
  padding:5px 10px; border-radius:6px;
  pointer-events:none; opacity:0; visibility:hidden;
  transition:opacity .15s, visibility .15s;
  z-index:100;
}
.gpts__tooltip::after {
  content:''; position:absolute; top:100%; left:50%;
  transform:translateX(-50%);
  border:4px solid transparent;
  border-top-color:#1a1a1a;
}
.gpts__tooltip-wrap:hover .gpts__tooltip { opacity:1; visibility:visible; }
.gpts__tooltip.copied { background:#059669; }
.gpts__tooltip.copied::after { border-top-color:#059669; }
.gpt__message-nav-btn.copied svg { color:#059669; }

/* ── Кнопки лайк/дизлайк/повтор ── */
.gpts__nav-rate button.rated svg { color:var(--purple); }
.gpts__nav-rate[data-rate="-1"] button.rated svg { color:var(--red); }
.gpt__message-nav { display:flex; align-items:center; gap:2px; margin-top:8px; }

/* ── Кнопки действий под сообщением ── */
.gpts__msg-actions { display:flex; align-items:center; gap:2px; margin-top:6px; padding:0 20px; }
.gpts__action-btn {
  position:relative; width:30px; height:30px; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; color:var(--gray); transition:all .15s;
  background:transparent; border:none;
}
.gpts__action-btn:hover { background:var(--bg-gray); color:var(--black); }
.gpts__action-btn svg { display:block; flex-shrink:0; }
/* Иконки копирования */
.gpts__action-btn .icon-check { display:none; color:#059669; }
.gpts__action-btn.copied .icon-default { display:none; }
.gpts__action-btn.copied .icon-check { display:block; }
.gpts__action-btn.copied { color:#059669; }
/* Лайк/дизлайк — оценено */
.gpts__action-btn.rated { color:var(--purple); }
.gpts__action-btn[data-rate="-1"].rated { color:var(--red); }

.gpts__action-btn.rated svg { color:var(--purple); }
.gpts__action-btn.rated-neg svg { color:var(--red); }

/* ── Блоки кода (highlight.js github light) ── */
.gpts__code-block { border-radius:10px; margin:16px 0; border:1px solid var(--border); background:#f6f8fa; }
.gpts__code-header { display:flex; align-items:center; justify-content:space-between; padding:9px 16px; background:#f0f2f4; border-bottom:1px solid var(--border); border-radius:10px 10px 0 0; position:sticky; top:-64px; z-index:10; }
.gpts__code-lang { font-size:12px; font-weight:600; color:#57606a; font-family:ui-monospace,monospace; }
.gpts__code-copy { display:flex; align-items:center; gap:5px; font-size:12px; color:#57606a; background:transparent; border:none; cursor:pointer; padding:4px 10px; border-radius:6px; transition:all .15s; font-family:Manrope,sans-serif; }
.gpts__code-copy:hover { background:rgba(0,0,0,.06); color:#24292f; }
.gpts__code-copy.copied { color:#1a7f37; }
.gpts__code-copy svg { flex-shrink:0; }
.gpts__code-block pre { margin:0; padding:0; background:transparent !important; overflow-x:auto; scrollbar-width:thin; }
.gpts__code-block pre code.hljs { padding:16px 20px !important; font-size:13px !important; line-height:1.7 !important; border-radius:0 !important; background:#f6f8fa !important; font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace !important; white-space:pre !important; display:block !important; tab-size:2; }
.gpts__inline-code { font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; font-size:.875em; background:rgba(175,184,193,.2); color:#24292f; padding:.15em .4em; border-radius:6px; border:1px solid rgba(175,184,193,.3); }

/* ── Изображения в результате ── */
.gpts__result-img { margin:12px 0; }
.gpts__result-img img { max-width:100%; border-radius:10px; cursor:zoom-in; transition:opacity .2s; }
.gpts__result-img img:hover { opacity:.9; }

/* ── Лайтбокс ── */
.gpts__img-overlay { position:fixed; inset:0; background:rgba(0,0,0,.85); z-index:9999; display:flex; align-items:center; justify-content:center; cursor:zoom-out; }
.gpts__img-overlay img { max-width:90vw; max-height:90vh; border-radius:8px; object-fit:contain; }
.gpts__img-overlay-close { position:absolute; top:16px; right:20px; font-size:28px; color:#fff; background:none; border:none; cursor:pointer; line-height:1; }

/* ── Sticky шапка блока кода — через JS если CSS не работает ── */
.gpts__code-header.is-stuck { border-radius:0; box-shadow:0 2px 8px rgba(0,0,0,.08); }

/* ── Fix overflow chain for sticky code headers ── */
.gpt__message-box, .gpt__message-markdown { overflow:visible !important; }

/* ── Кнопка скролл вниз ── */
.gpt__edit-scroll { opacity:0; visibility:hidden; transform:translateX(-50%) translateY(6px); transition:opacity .2s, visibility .2s, transform .2s; pointer-events:none; }
.gpt__edit-scroll.visible { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); pointer-events:auto; }

/* ── Компактная модалка оплаты ── */
.modal-pay .modal-dialog { max-width:500px; width:100%; }
.modal-pay .modal-content { border-radius:16px; border:1px solid var(--border); box-shadow:0 4px 40px rgba(0,0,0,.12); }
.pay--compact { padding:28px 28px 24px; }
.pay--compact .pay__header { margin-bottom:20px; }
.pay__tarif-compact { display:flex; align-items:center; justify-content:space-between; background:var(--bg-gray); border-radius:12px; padding:14px 16px; }
.pay__tarif-compact-left { display:flex; align-items:center; gap:12px; }
.pay__tarif-sub-icon { width:36px; height:36px; background:var(--purple); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pay__tarif-sub-icon svg { color:#fff; }
.pay__tarif-sub-title { font-size:16px; font-weight:700; }
.pay__tarif-compact-period { font-size:12px; color:var(--gray); margin-top:2px; }
.pay__tarif-price { font-size:20px; font-weight:800; }
.pay__tarif-price span { font-size:14px; font-weight:400; color:var(--gray); }
.pay__balance-info { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--gray); background:rgba(99,102,241,.06); padding:10px 14px; border-radius:10px; }
.pay__balance-info strong { color:var(--black); }
.pay--compact .pay__body-item { padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--border); }
.pay--compact .pay__body-item:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; }

/* ── Модалка оплаты — компактный размер ── */
.modal-pay .modal-dialog { max-width:500px; }

/* ── SUNO специальный UI ── */
.suno-ui { padding:0 0 12px; }
.suno-tabs { display:flex; gap:4px; margin-bottom:14px; background:var(--bg-gray); border-radius:10px; padding:3px; width:fit-content; }
.suno-tab { font-family:Manrope,sans-serif; font-size:13px; font-weight:500; padding:5px 16px; border-radius:8px; border:none; background:transparent; cursor:pointer; color:var(--gray); transition:all .2s; }
.suno-tab.active { background:#fff; color:var(--black); box-shadow:0 1px 4px rgba(0,0,0,.08); }
.suno-field { margin-bottom:12px; }
.suno-field__label { font-size:12px; font-weight:600; color:var(--gray); margin-bottom:6px; text-transform:uppercase; letter-spacing:.04em; }
.suno-field__hint { font-weight:400; text-transform:none; letter-spacing:0; }
.suno-field--half { width:calc(50% - 6px); }
.suno-row { display:flex; gap:12px; }
.suno-textarea { width:100%; min-height:80px; border:1px solid var(--border); border-radius:10px; padding:10px 12px; font-family:Manrope,sans-serif; font-size:14px; line-height:1.5; resize:none; background:transparent; transition:border-color .2s; }
.suno-textarea:focus { outline:none; border-color:var(--purple); }
.suno-input { width:100%; height:38px; border:1px solid var(--border); border-radius:10px; padding:0 12px; font-family:Manrope,sans-serif; font-size:14px; background:transparent; transition:border-color .2s; }
.suno-input:focus { outline:none; border-color:var(--purple); }
.suno-styles { border:1px solid var(--border); border-radius:10px; padding:8px 10px; min-height:38px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; transition:border-color .2s; }
.suno-styles:focus-within { border-color:var(--purple); }
.suno-style-input { border:none; outline:none; font-family:Manrope,sans-serif; font-size:14px; background:transparent; min-width:120px; flex:1; }
.suno-tag { display:inline-flex; align-items:center; gap:4px; background:var(--bg-gray); border-radius:20px; padding:3px 10px 3px 12px; font-size:13px; font-weight:500; }
.suno-tag button { border:none; background:none; cursor:pointer; font-size:14px; line-height:1; color:var(--gray); padding:0; }
.suno-btns { display:flex; gap:4px; flex-wrap:wrap; }
.suno-btn { font-family:Manrope,sans-serif; font-size:13px; font-weight:500; padding:6px 12px; border-radius:8px; border:1px solid var(--border); background:transparent; cursor:pointer; color:var(--gray); transition:all .2s; }
.suno-btn.active { background:var(--purple); color:#fff; border-color:var(--purple); }
.suno-hidden-prompt { min-height:0 !important; max-height:0 !important; overflow:hidden !important; padding:0 !important; }

/* ── VEO 3 видео UI ── */
.veo-ui { padding:0 0 10px; max-width:750px; margin:0 auto; }
.veo-field__label { font-size:12px; font-weight:600; color:var(--gray); margin-bottom:8px; text-transform:uppercase; letter-spacing:.04em; }
.veo-chips { display:flex; flex-wrap:wrap; gap:6px; }
.veo-chip { font-family:Manrope,sans-serif; font-size:12px; padding:4px 10px; border-radius:20px; border:1px solid var(--border); background:transparent; cursor:pointer; color:var(--gray); transition:all .15s; }
.veo-chip:hover { background:var(--purple); color:#fff; border-color:var(--purple); }

/* ── SEO блок для гостей ── */
.gpts-seo { max-width:790px; margin:40px auto 0; padding:0 20px 60px; }
.gpts-seo__inner { }
.gpts-seo__badge { display:inline-flex; align-items:center; background:rgba(99,56,209,.08); color:var(--purple); font-size:12px; font-weight:600; padding:4px 12px; border-radius:20px; margin-bottom:20px; letter-spacing:.04em; text-transform:uppercase; }
.gpts-seo__h1 { font-size:28px; font-weight:700; line-height:1.3; margin-bottom:14px; color:var(--black); }
.gpts-seo__lead { font-size:16px; line-height:1.6; color:var(--gray); margin-bottom:32px; }
.gpts-seo__features { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }
@media(max-width:767px){ .gpts-seo__features { grid-template-columns:1fr; } }
.gpts-seo__feature { display:flex; gap:12px; align-items:flex-start; background:var(--bg-gray); border-radius:12px; padding:16px; }
.gpts-seo__feature-icon { font-size:20px; flex-shrink:0; margin-top:2px; }
.gpts-seo__feature-title { font-size:14px; font-weight:700; margin-bottom:4px; }
.gpts-seo__feature-text { font-size:13px; color:var(--gray); line-height:1.5; }
.gpts-seo__text { border-top:1px solid var(--border); padding-top:24px; }
.gpts-seo__text p { font-size:15px; line-height:1.75; color:var(--gray); margin-bottom:16px; }
.gpts-seo__text p:last-child { margin-bottom:0; }
/* Скрываем SEO если есть сообщения */
.gpts--has-messages ~ .gpts-seo,
.gpts--chat-page .gpts--has-messages ~ * .gpts-seo { display:none; }

/* ── Аватар: буква logname ── */
.user__item-icon--user span,
.gpt__menu-letter {
    display:flex; align-items:center; justify-content:center;
    width:100%; height:100%; border-radius:50%;
    background:linear-gradient(135deg,var(--purple),#a855f7);
    color:#fff; font-weight:700; font-size:15px; line-height:1;
}
.gpt__menu-letter { width:34px; height:34px; }
.user__item-icon--user img { width:100%; height:100%; border-radius:50%; object-fit:cover; }

/* ── Пост ── */
.post__content h1 { font-size:32px; font-weight:700; line-height:1.3; margin-bottom:16px; color:#000; }
.post__content h3 { font-size:22px; font-weight:600; margin:32px 0 16px; color:#000; }
.post__content h4 { font-size:18px; font-weight:600; margin:24px 0 12px; color:#000; }
.post__content p { font-size:16px; line-height:1.75; color:#333; margin-bottom:20px; }
.post__content ul, .post__content ol { padding-left:20px; margin-bottom:20px; }
.post__content li { font-size:16px; line-height:1.75; color:#333; margin-bottom:8px; }
.post__content ul li { list-style:disc; }
.post__content ol li { list-style:decimal; }
.post__content blockquote { border-left:3px solid var(--purple); padding:12px 20px; margin:24px 0; background:#f8f5ff; border-radius:0 8px 8px 0; font-size:16px; color:#555; }
.post__content img { border-radius:12px; width:100%; height:auto; margin:24px 0; }
.post__date { font-size:13px; color:#888; margin-bottom:20px; }
.post__author { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.post__author-avatar { width:44px; height:44px; border-radius:50%; object-fit:cover; }

/* ── Сайдбар поста ── */
.sidebar { position:sticky; top:20px; }
.sidebar__widget { background:#f8f5ff; border-radius:16px; padding:24px; margin-bottom:20px; }
.sidebar__list li { margin-bottom:10px; }
.sidebar__list a { font-size:15px; color:#333; transition:color .2s; }
.sidebar__list a:hover { color:var(--purple); }

/* ── Похожие статьи ── */
.similar__post { display:block; }
.similar__post-img { border-radius:10px; overflow:hidden; aspect-ratio:1/.748; margin-bottom:10px; }
.similar__post-img img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.similar__post:hover .similar__post-img img { transform:scale(1.05); }
.similar__post-content p { font-size:14px; color:#333; margin:0; }

/* ── Дополнительные стили поста ── */
.post__cat { display:inline-flex; align-items:center; padding:3px 12px; border-radius:100px; background:#f0ebff; color:var(--purple); font-size:12px; font-weight:600; margin-right:6px; margin-bottom:12px; }
.similar__post-cat { font-size:12px; color:#fff; background:rgba(0,0,0,.5); padding:3px 8px; border-radius:4px; position:absolute; bottom:8px; left:8px; }
.similar__post-img { position:relative; }
.similar__post-date { font-size:12px; color:#888; display:block; margin-top:4px; }
.similar__title { font-size:20px; font-weight:700; margin-bottom:0; color:#000; }
.post__like-btn { display:inline-flex; align-items:center; gap:6px; background:none; border:1px solid #ddd; border-radius:100px; padding:6px 14px; cursor:pointer; font-size:14px; color:#555; transition:all .2s; }
.post__like-btn.active { color:#e11d48; border-color:#e11d48; }
.post__like-btn:hover { border-color:#e11d48; color:#e11d48; }
/* ── Блог: категории и дата (добавлено к оригиналу) ── */
.blogs__cats { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.blogs__cat { display:inline-flex; align-items:center; padding:6px 18px; border-radius:100px; border:1px solid rgba(255,255,255,.3); font-size:14px; font-weight:500; color:#fff; transition:all .2s; }
.blogs__cat:hover, .blogs__cat.active { background:#fff; color:#000; border-color:#fff; }
.blogs__post-date { font-size:12px; color:#888; margin-bottom:6px; }







/* ── Блог: крошки и заголовок выше, посты на месте ── */

/* ── Блог: карточки одинаковые ── */
.blogs .row { align-items:stretch; }
.blogs .col-lg-4, .blogs .col-md-6 { display:flex; }
.blogs__post { display:flex; flex-direction:column; width:100%; }
.blogs__post-img img { width:100%; height:100%; object-fit:cover; display:block; }
.blogs__post-content { flex:1; }

/* ── Пост: сайдбар точно как оригинал (белые блоки, серый текст) ── */
.sidebar__widget { margin-bottom:16px; }
.sidebar__widget-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#aaa; padding:0 22px 8px; display:block; }
.sidebar__list a { background:#fff !important; color:#8f96a3 !important; }
.sidebar__list a:hover { background:var(--blue) !important; color:#fff !important; }

/* ── Пост: похожие статьи ── */
.similar__post-img { aspect-ratio:261/195; overflow:hidden; }
.similar__post-img img { width:100%; height:100%; object-fit:cover; display:block; }

/* ── Лайки ── */
.post__like-btn { display:inline-flex; align-items:center; gap:6px; background:none; border:1px solid #ddd; border-radius:100px; padding:6px 14px; cursor:pointer; font-size:14px; color:#555; transition:all .2s; }
.post__like-btn.active, .post__like-btn:hover { color:#e11d48; border-color:#e11d48; }

/* ── Блог/пост: высота шапки ── */
.main .inner .breadcrumb { margin-top:0; }
.inner__bg { height:351px; }

/* ── Блог: мобильный фильтр категорий ── */
.blogs__cat-select { width:100%; padding:10px 16px; border-radius:100px; border:2px solid rgba(255,255,255,.5); background:rgba(255,255,255,.15); color:#fff; font-family:Manrope,sans-serif; font-size:15px; font-weight:500; appearance:none; cursor:pointer; }
.blogs__cat-select option { color:#000; background:#fff; }

/* ── Модалка профиля ── */
.modal-profile .modal-dialog {
    max-width: 800px;
    width: 98%;
    margin: auto;
    height: auto;
    min-height: 0;
}
.modal-profile .modal-dialog-centered {
    min-height: calc(100% - 2rem);
    display: flex;
    align-items: center;
}
.modal-profile .modal-content {
    max-height: 90vh;
    min-height: 600px;
    overflow-y: auto;
    border-radius: 16px;
}
@media (max-height: 680px) {
    .modal-profile .modal-content { min-height: calc(100vh - 40px); }
}
@media (max-width: 600px) {
    .modal-profile .modal-dialog { width: 98%; margin: 10px auto; }
    .modal-profile .modal-content { min-height: auto; max-height: calc(100vh - 20px); }
}

/* ── Профиль внутри модалки: компактнее ── */
.modal-profile .profile { display:flex; min-height:600px; }
.modal-profile .profile__nav { padding:16px 12px; min-width:180px; }
.modal-profile .profile__content { padding:16px 20px; flex:1; overflow-y:auto; }
.modal-profile .profile__nav-btn { margin-bottom:8px; font-size:13px; }
.modal-profile .profile-edit__avatar-row { margin-bottom:16px !important; }
.modal-profile .profile__info-item { padding:12px 0; }

/* ── Assist табы: SVG иллюстрации ── */
.assist-illustration { display:flex; align-items:center; justify-content:center; width:100%; }
.assist-illustration svg { max-width:100%; height:auto; filter:drop-shadow(0 20px 40px rgba(99,56,209,.2)); }

/* ── Дропдаун выбора нейросети: тёмная тема ── */
[data-theme=dark] .choose__dropdown {
    background:#1e1b4b;
    border-color:rgba(102,71,133,.4);
}
[data-theme=dark] .chd-nav {
    background:rgba(255,255,255,.08);
}
[data-theme=dark] .chd-tab {
    color:rgba(255,255,255,.6);
}
[data-theme=dark] .chd-tab.active {
    background:rgba(255,255,255,.12);
    color:#fff;
    box-shadow:none;
}
[data-theme=dark] .chd-tab:hover:not(.active) {
    color:#fff;
}
[data-theme=dark] .chd-item:hover {
    background:rgba(255,255,255,.06);
}
[data-theme=dark] .chd-item-icon {
    background:rgba(255,255,255,.08);
}
[data-theme=dark] .chd-item-name {
    color:#fff;
}
[data-theme=dark] .chd-model-tag {
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.7);
    border-color:rgba(255,255,255,.15);
}
[data-theme=dark] .chd-model-tag:hover {
    background:var(--purple);
    color:#fff;
    border-color:var(--purple);
}
[data-theme=dark] .chd-icon-fallback {
    background:rgba(255,255,255,.1);
}

/* ── Профиль: тёмная тема ── */
[data-theme=dark] .modal-profile .modal-content {
    background:#1e1b4b;
    color:#fff;
}
[data-theme=dark] .modal-profile .profile__nav {
    background:rgba(255,255,255,.05);
}
[data-theme=dark] .modal-profile .profile__nav-btn {
    color:rgba(255,255,255,.6);
}
[data-theme=dark] .modal-profile .profile__nav-btn.active .profile__nav-icon,
[data-theme=dark] .modal-profile .profile__nav-btn:hover .profile__nav-icon {
    background:var(--blue);
}
[data-theme=dark] .modal-profile .profile__nav-icon {
    background:rgba(255,255,255,.08);
}
[data-theme=dark] .modal-profile .profile__nav-icon svg {
    color:#fff;
}
[data-theme=dark] .modal-profile .profile__info-item {
    border-color:rgba(255,255,255,.1);
}
[data-theme=dark] .modal-profile .profile__info-label {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .modal-profile .profile__info-title {
    color:#fff;
}
[data-theme=dark] .modal-profile .form-control {
    background:rgba(255,255,255,.07);
    border-color:rgba(255,255,255,.15);
    color:#fff;
}
[data-theme=dark] .modal-profile .form-control::placeholder {
    color:rgba(255,255,255,.4);
}
[data-theme=dark] .modal-profile .profile-edit__avatar-name {
    color:#fff;
}
[data-theme=dark] .modal-profile .profile-edit__avatar-email {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .modal-profile h3,
[data-theme=dark] .modal-profile h4 {
    color:#fff;
}
[data-theme=dark] .modal-profile .profile__settings-btn {
    background:rgba(255,255,255,.1);
    color:#fff;
}
[data-theme=dark] .modal-profile .user__item-label {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .modal-profile .user__item-text {
    color:#fff;
}

/* ── Профиль: форма редактирования, тёмная тема ── */
[data-theme=dark] .profile-edit__label {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .profile-edit__input {
    background:rgba(255,255,255,.07) !important;
    border-color:rgba(255,255,255,.15) !important;
    color:#fff !important;
}
[data-theme=dark] .profile-edit__input::placeholder {
    color:rgba(255,255,255,.35) !important;
}
[data-theme=dark] .profile-edit__input:disabled {
    background:rgba(255,255,255,.03) !important;
    color:rgba(255,255,255,.3) !important;
}
[data-theme=dark] .profile-edit__form {
    color:#fff;
}
[data-theme=dark] .profile__content-box {
    color:#fff;
}
[data-theme=dark] .profile__content-box p,
[data-theme=dark] .profile__content-box span {
    color:rgba(255,255,255,.7);
}

/* ── SUNO UI: тёмная тема ── */
[data-theme=dark] .suno-tabs {
    background:rgba(255,255,255,.08);
}
[data-theme=dark] .suno-tab {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .suno-tab.active {
    background:rgba(255,255,255,.15);
    color:#fff;
    box-shadow:none;
}
[data-theme=dark] .suno-field__label {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .suno-textarea,
[data-theme=dark] .suno-input {
    background:rgba(255,255,255,.07);
    border-color:rgba(255,255,255,.15);
    color:#fff;
}
[data-theme=dark] .suno-textarea::placeholder,
[data-theme=dark] .suno-input::placeholder {
    color:rgba(255,255,255,.35);
}
[data-theme=dark] .suno-styles {
    background:rgba(255,255,255,.07);
    border-color:rgba(255,255,255,.15);
}
[data-theme=dark] .suno-style-input {
    color:#fff;
}
[data-theme=dark] .suno-style-input::placeholder {
    color:rgba(255,255,255,.35);
}
[data-theme=dark] .suno-tag {
    background:rgba(255,255,255,.12);
    color:#fff;
}
[data-theme=dark] .suno-btn {
    background:transparent;
    border-color:rgba(255,255,255,.2);
    color:rgba(255,255,255,.6);
}
[data-theme=dark] .suno-btn.active {
    background:var(--purple);
    color:#fff;
    border-color:var(--purple);
}

/* ── Кнопка "Вся история" в сайдбаре ── */
.gpts__history-all-btn { display:flex; align-items:center; gap:6px; width:100%; padding:7px 12px; border-radius:100px; font-family:Manrope,sans-serif; font-size:13px; color:var(--gray); background:none; border:none; cursor:pointer; transition:all .2s; margin-top:6px; }
.gpts__history-all-btn:hover { background:var(--border); color:var(--black); }

/* ── Модалка истории чатов ── */
.gpts-history-modal { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; }
.gpts-history-modal__overlay { position:absolute; inset:0; background:rgba(0,0,0,.5); }
.gpts-history-modal__dialog { position:relative; background:var(--white); border-radius:16px; width:540px; max-width:95vw; max-height:80vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,.2); }
.gpts-history-modal__header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px 0; }
.gpts-history-modal__title { font-size:17px; font-weight:700; }
.gpts-history-modal__close { background:none; border:none; cursor:pointer; color:var(--gray); padding:4px; border-radius:6px; display:flex; }
.gpts-history-modal__close:hover { color:var(--black); }
.gpts-history-modal__search { padding:12px 20px; }
.gpts-history-modal__input { width:100%; border:1px solid var(--border); border-radius:10px; padding:9px 14px; font-family:Manrope,sans-serif; font-size:14px; background:var(--bg-gray); }
.gpts-history-modal__input:focus { outline:none; border-color:var(--purple); }
.gpts-history-modal__body { flex:1; overflow-y:auto; padding:0 20px 20px; }
.gpts-history-modal__group { margin-bottom:16px; }
.gpts-history-modal__group-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--gray); margin-bottom:6px; }
.gpts-history-modal__item { display:block; padding:8px 12px; border-radius:8px; font-size:14px; color:var(--black); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:background .15s; }
.gpts-history-modal__item:hover { background:var(--bg-gray); }

/* ── Тёмная тема модалки истории ── */
[data-theme=dark] .gpts-history-modal__dialog { background:#1e1b4b; }
[data-theme=dark] .gpts-history-modal__title { color:#fff; }
[data-theme=dark] .gpts-history-modal__input { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.15); color:#fff; }
[data-theme=dark] .gpts-history-modal__item { color:#fff; }
[data-theme=dark] .gpts-history-modal__item:hover { background:rgba(255,255,255,.08); }
[data-theme=dark] .gpts-history-modal__group-label { color:rgba(255,255,255,.4); }

/* ── Контекстное меню истории чатов ── */
.gpts-ctx-menu { position:fixed; z-index:99999; background:#fff; border-radius:14px; box-shadow:0 8px 40px rgba(0,0,0,.18); padding:6px; min-width:200px; }
.gpts-ctx-menu button { display:flex; align-items:center; gap:10px; width:100%; padding:9px 12px; border-radius:8px; border:none; background:none; font-family:Manrope,sans-serif; font-size:14px; color:var(--black); cursor:pointer; text-align:left; transition:background .15s; }
.gpts-ctx-menu button:hover { background:var(--bg-gray); }
.gpts-ctx-menu button svg { flex-shrink:0; color:var(--gray); }
.gpts-ctx-menu__sep { height:1px; background:var(--border); margin:4px 6px; }
[data-theme=dark] .gpts-ctx-menu { background:#251e3d; }
[data-theme=dark] .gpts-ctx-menu button { color:#fff; }
[data-theme=dark] .gpts-ctx-menu button:hover { background:rgba(255,255,255,.08); }
[data-theme=dark] .gpts-ctx-menu__sep { background:rgba(255,255,255,.1); }

/* ── Тёмная тема: кнопки действий под сообщением ── */
[data-theme=dark] .gpts__action-btn {
    color:rgba(255,255,255,.4);
}
[data-theme=dark] .gpts__action-btn:hover {
    background:rgba(255,255,255,.1);
    color:#fff;
}
[data-theme=dark] .gpts__action-btn svg {
    color:inherit;
}
[data-theme=dark] .gpts__action-btn.rated {
    color:var(--purple);
}
[data-theme=dark] .gpts__action-btn.rated-neg {
    color:var(--red);
}

/* ── Тёмная тема: содержимое сообщения чата ── */
[data-theme=dark] .gpt__message-box {
    color:#e2e2e2;
}
[data-theme=dark] .gpt__message-box h2,
[data-theme=dark] .gpt__message-box h3,
[data-theme=dark] .gpt__message-box h4 {
    color:#fff;
}
[data-theme=dark] .gpt__message-box p,
[data-theme=dark] .gpt__message-box li {
    color:#d1d5db;
}
[data-theme=dark] .gpt__message-box code {
    background:rgba(255,255,255,.1);
    color:#e2e2e2;
}
[data-theme=dark] .gpt__message-box pre {
    background:#0f0a2e;
    border-color:rgba(255,255,255,.1);
}
[data-theme=dark] .gpt__message-box blockquote {
    border-color:var(--purple);
    color:#aaa;
}
[data-theme=dark] .gpt__message-box a {
    color:#a78bfa;
}
[data-theme=dark] .gpt__message-box hr {
    background:rgba(255,255,255,.1);
}
[data-theme=dark] .gpt__message-box b,
[data-theme=dark] .gpt__message-box strong {
    color:#fff;
}

/* ── Тёмная тема: навигация под сообщением ── */
[data-theme=dark] .gpt__message-nav-item {
    color:rgba(255,255,255,.4);
}
[data-theme=dark] .gpt__message-nav-item:hover svg {
    color:#fff;
}
[data-theme=dark] .gpts__msg-actions {
    border-top-color:rgba(255,255,255,.07);
}

/* ── Тёмная тема: блок кода ── */
[data-theme=dark] .gpts__code-block {
    background:#0d1117;
    border-color:rgba(255,255,255,.1);
}
[data-theme=dark] .gpts__code-header {
    background:#161b22;
    border-bottom-color:rgba(255,255,255,.08);
}
[data-theme=dark] .gpts__code-lang {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .gpts__code-copy {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .gpts__code-copy:hover {
    background:rgba(255,255,255,.08);
    color:#fff;
}
[data-theme=dark] .gpts__code-copy svg {
    color:inherit;
}
[data-theme=dark] .gpts__code-copy.copied {
    color:#3fb950;
}
[data-theme=dark] .gpts__code-block pre code.hljs {
    background:#0d1117 !important;
    color:#c9d1d9 !important;
}
[data-theme=dark] .gpts__code-block .hljs-keyword { color:#ff7b72 !important; }
[data-theme=dark] .gpts__code-block .hljs-string { color:#a5d6ff !important; }
[data-theme=dark] .gpts__code-block .hljs-built_in { color:#79c0ff !important; }
[data-theme=dark] .gpts__code-block .hljs-title,
[data-theme=dark] .gpts__code-block .hljs-title.function_ { color:#d2a8ff !important; }
[data-theme=dark] .gpts__code-block .hljs-number { color:#79c0ff !important; }
[data-theme=dark] .gpts__code-block .hljs-comment { color:#8b949e !important; }
[data-theme=dark] .gpts__code-block .hljs-variable { color:#ffa657 !important; }
[data-theme=dark] .gpts__code-block .hljs-attr { color:#79c0ff !important; }
[data-theme=dark] .gpts__code-block .hljs-name { color:#7ee787 !important; }
[data-theme=dark] .gpts__code-block .hljs-tag { color:#7ee787 !important; }
[data-theme=dark] .gpts__code-header.is-stuck {
    box-shadow:0 2px 8px rgba(0,0,0,.4);
}

/* ── SUNO UI: двухколоночный layout ── */
.suno-ui--cols { display:flex; gap:20px; align-items:flex-start; max-width:750px; margin:0 auto; }
.suno-col-main { flex:1; min-width:0; }
.suno-col-settings { width:200px; flex-shrink:0; background:var(--bg-gray); border-radius:12px; padding:14px; }
.suno-settings-title { font-size:13px; font-weight:700; color:var(--black); margin-bottom:12px; }

/* Список моделей */
.suno-model-list { display:flex; flex-direction:column; gap:4px; }
.suno-model-item { display:flex; flex-direction:column; align-items:flex-start; padding:8px 10px; border-radius:8px; border:1px solid var(--border); background:#fff; cursor:pointer; transition:all .15s; font-family:Manrope,sans-serif; text-align:left; }
.suno-model-item:hover { border-color:var(--purple); }
.suno-model-item.active { border-color:var(--purple); background:rgba(99,56,209,.06); }
.suno-model-item__label { font-size:13px; font-weight:600; color:var(--black); }
.suno-model-item__sub { font-size:11px; color:var(--gray); margin-top:1px; }

/* Примеры стилей */
.suno-hints { display:flex; flex-direction:column; gap:4px; }
.suno-hint-tag { font-family:Manrope,sans-serif; font-size:12px; padding:5px 8px; border-radius:6px; border:none; background:#fff; cursor:pointer; color:var(--gray); transition:all .15s; text-align:left; border:1px solid var(--border); }
.suno-hint-tag:hover { background:var(--purple); color:#fff; border-color:var(--purple); }

/* Мобайл */
@media (max-width:767px) {
  .suno-ui--cols { flex-direction:column; }
  .suno-col-settings { width:100%; }
}

/* Тёмная тема */
[data-theme=dark] .suno-col-settings { background:rgba(255,255,255,.06); }
[data-theme=dark] .suno-settings-title { color:#fff; }
[data-theme=dark] .suno-model-item { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); }
[data-theme=dark] .suno-model-item.active { background:rgba(99,56,209,.2); border-color:var(--purple); }
[data-theme=dark] .suno-model-item__label { color:#fff; }
[data-theme=dark] .suno-hint-tag { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); color:rgba(255,255,255,.6); }
[data-theme=dark] .suno-hint-tag:hover { background:var(--purple); color:#fff; border-color:var(--purple); }

/* ── SUNO: харки над контент блоком ── */
.suno-hints-row {
    display:flex;
    gap:6px;
    overflow-x:auto;
    padding:0 0 10px;
    max-width:750px;
    margin:0 auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.suno-hints-row::-webkit-scrollbar { display:none; }
.suno-hint-chip {
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:500;
    padding:5px 12px;
    border-radius:20px;
    border:1px solid var(--border);
    background:transparent;
    cursor:pointer;
    color:var(--gray);
    white-space:nowrap;
    flex-shrink:0;
    transition:all .15s;
}
.suno-hint-chip:hover {
    background:var(--purple);
    color:#fff;
    border-color:var(--purple);
}
[data-theme=dark] .suno-hint-chip {
    border-color:rgba(255,255,255,.15);
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .suno-hint-chip:hover {
    background:var(--purple);
    color:#fff;
    border-color:var(--purple);
}

/* ── Тёмная тема: новая современная палитра (override) ── */
[data-theme=dark] { --black:#f1f5f9 !important; --border:rgba(255,255,255,.1) !important; --light:rgba(255,255,255,.08) !important; --scrollbar:#1e2435 !important; }
[data-theme=dark] body { background:#0f1117 !important; }
[data-theme=dark] .gpt__content,
[data-theme=dark] .gpt__content-header,
[data-theme=dark] .gpt__content-box { background:#0f1117 !important; }
[data-theme=dark] .gpt__sidebar { background:#090c14 !important; }
[data-theme=dark] .gpt__sidebar-header { background:#090c14 !important; }
[data-theme=dark] .gpt__sidebar-list,
[data-theme=dark] .gpt__sidebar-history,
[data-theme=dark] .gpt__sidebar-nav-btn,
[data-theme=dark] .gpt__content-dropdown .gpt__edit-btn { background:#1a1f2e !important; }
[data-theme=dark] .gpt__edit { background:#1a1f2e !important; border-color:rgba(255,255,255,.1) !important; }
[data-theme=dark] .gpt__edit-btn { background:#0f1117 !important; border-color:rgba(255,255,255,.1) !important; }
[data-theme=dark] .gpt__message-message { background:#1a1f2e !important; }
[data-theme=dark] .dropdown-menu { background:#1a1f2e !important; border-color:rgba(255,255,255,.1) !important; }
[data-theme=dark] .modal-content { background:#1a1f2e !important; }
[data-theme=dark] .choose__dropdown { background:#1a1f2e !important; border-color:rgba(255,255,255,.1) !important; }
[data-theme=dark] .chd-nav { background:rgba(255,255,255,.06) !important; }
[data-theme=dark] .chd-tab.active { background:rgba(255,255,255,.1) !important; }
[data-theme=dark] .gpts-history-modal__dialog { background:#1a1f2e !important; }
[data-theme=dark] .gpts-ctx-menu { background:#1a1f2e !important; }
[data-theme=dark] .suno-col-settings { background:#1a1f2e !important; }
[data-theme=dark] .suno-model-item { background:#262d3d !important; border-color:rgba(255,255,255,.1) !important; }
[data-theme=dark] .modal-profile .modal-content { background:#0f1117 !important; }
[data-theme=dark] .modal-profile .profile__nav { background:#1a1f2e !important; }
[data-theme=dark] .tarif__item { background:#1a1f2e !important; border-color:rgba(255,255,255,.08) !important; }
[data-theme=dark] .memory { background:#090c14 !important; }
[data-theme=dark] .memory__item { background:#1a1f2e !important; }
[data-theme=dark] .gpt__menu-btn { background:#1a1f2e !important; }

/* ── Медиа модалка: тёмная тема ── */
[data-theme=dark] .media-tabs {
    background:#1a1f2e;
    border-bottom-color:rgba(255,255,255,.08);
}
[data-theme=dark] .media-tab {
    color:rgba(255,255,255,.5);
    background:none;
}
[data-theme=dark] .media-tab.active {
    color:#fff;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.15);
}
[data-theme=dark] .media-drop {
    background:#1a1f2e;
    border-color:rgba(255,255,255,.1);
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .media-drop:hover,
[data-theme=dark] .media-drop.active {
    border-color:var(--purple);
    background:rgba(99,56,209,.1);
}
[data-theme=dark] .media-drop__text { color:rgba(255,255,255,.7); }
[data-theme=dark] .media-drop__hint { color:rgba(255,255,255,.35); }
[data-theme=dark] .media-drop svg { color:rgba(255,255,255,.4); }
[data-theme=dark] .media-grid { background:#0f1117; }
[data-theme=dark] .media-empty { color:rgba(255,255,255,.4); }
[data-theme=dark] .media-item { background:#1a1f2e; border-color:rgba(255,255,255,.08); }
[data-theme=dark] .media-item:hover { border-color:var(--purple); }
[data-theme=dark] .media-item__name { color:rgba(255,255,255,.7); }
[data-theme=dark] .media-item__size { color:rgba(255,255,255,.35); }
[data-theme=dark] .media-progress { background:#1a1f2e; }
[data-theme=dark] .modal-header { border-bottom-color:rgba(255,255,255,.08); }
[data-theme=dark] .modal-body { background:#0f1117; }

/* ── Модалка оценки (лайк/дизлайк): тёмная тема ── */
[data-theme=dark] .prj-modal {
    background:#1a1f2e;
    color:#f1f5f9;
}
[data-theme=dark] .prj-modal__title {
    color:#fff;
}
[data-theme=dark] .prj-label {
    color:rgba(255,255,255,.5);
}
[data-theme=dark] .prj-input {
    background:#0f1117 !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#fff !important;
}
[data-theme=dark] .prj-input::placeholder {
    color:rgba(255,255,255,.3) !important;
}
[data-theme=dark] .prj-input option {
    background:#1a1f2e;
    color:#fff;
}
[data-theme=dark] .prj-modal__foot {
    border-top-color:rgba(255,255,255,.08);
}
[data-theme=dark] .prj-modal-overlay {
    background:rgba(0,0,0,.7);
}

/* ── Загрузка аватара в профиле ── */
.profile-edit__avatar-wrap {
    position:relative; cursor:pointer; flex-shrink:0;
    width:64px; height:64px; border-radius:50%;
}
.profile-edit__avatar-wrap:hover .profile-edit__avatar-overlay { opacity:1; }
.profile-edit__avatar-overlay {
    position:absolute; inset:0; border-radius:50%;
    background:rgba(0,0,0,.5); display:flex;
    align-items:center; justify-content:center;
    opacity:0; transition:opacity .2s; color:#fff;
}
.profile-edit__avatar-btn {
    font-family:Manrope,sans-serif; font-size:12px;
    color:var(--purple); background:none; border:none;
    cursor:pointer; padding:0; margin-top:4px; display:block;
}
.profile-edit__avatar-btn:hover { text-decoration:underline; }
[data-theme=dark] .profile-edit__avatar-btn { color:#a78bfa; }