:root {
  --bg: #030507;
  --panel: #0a0e13;
  --panel-2: #111820;
  --line: #1d2630;
  --text: #f6f7fb;
  --muted: #a6adba;
  --blue: #1769ff;
  --blue-2: #0e46c7;
  --green: #58d06f;
  --red: #ff3b30;
  --admin-bg: #07111d;
  --admin-panel: #0c1724;
  --radius: 4px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: var(--text); background: radial-gradient(circle at top, #0c1218 0, var(--bg) 44rem); letter-spacing: 0; font-size: 14px; }
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
code { color: #9cc2ff; }
.thumbnail-link { display: block; border-radius: 4px; color: inherit; }
.thumbnail-link img { transition: opacity .16s ease, transform .16s ease; }
.thumbnail-link:hover img, .thumbnail-link:focus-visible img { opacity: .82; transform: scale(1.015); }

.site-header { display: grid; grid-template-columns: minmax(390px, 1fr) auto auto; align-items: center; gap: 24px; padding: 10px 22px; min-height: 104px; border-bottom: 1px solid #121820; background: rgba(0,0,0,.72); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); }
.brand { display: flex; align-items: center; gap: 20px; text-transform: uppercase; }
.brand img { width: 84px; height: 84px; object-fit: contain; }
.brand strong { display: block; font-size: 27px; line-height: 1; letter-spacing: .2px; }
.brand em { display: block; margin-top: 8px; font-style: normal; font-size: 13px; color: var(--text); }
.main-nav { display: flex; align-items: center; gap: 31px; text-transform: uppercase; font-size: 14px; }
.main-nav a:hover, .main-nav a:focus { color: #58a0ff; }
.mr-link { display: inline-flex !important; align-items: center; gap: 8px; }
.mr-link img { width: 24px; height: 24px; object-fit: contain; border-radius: 50%; }
.header-links { display: flex; align-items: center; gap: 16px; font-size: 14px; }
.admin-login { border: 1px solid var(--blue); color: #58a0ff; padding: 12px 14px; border-radius: 4px; text-transform: uppercase; font-size: 12px; }
.cart::before { content: "🛒 "; }
.nav-toggle { display: none; }

.shortcut-row { margin: 12px 22px 10px; display: grid; grid-template-columns: 150px repeat(3, 1fr); gap: 10px; align-items: stretch; }
.shortcut-row span, .shortcut-row a { border: 1px solid var(--line); background: rgba(255,255,255,.018); min-height: 56px; display: grid; place-items: center; text-transform: uppercase; }

.dashboard-grid { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 0 22px 0; }
.dashboard-columns { display: grid; grid-template-columns: 1.18fr .98fr 1.1fr; gap: 10px; align-items: start; }
.dash-column { display: grid; gap: 10px; align-items: start; }
.quick-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.about-panel { min-height: 88px; padding: 12px 22px; display: grid; grid-template-columns: 1fr 310px 1fr; grid-template-areas: "title . ." "text action ."; align-items: center; gap: 6px 26px; }
.about-panel h2 { grid-area: title; margin: 0; font-size: 18px; }
.about-panel p { grid-area: text; margin: 0; color: var(--text); }
.panel, .quick-card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(15,20,26,.92), rgba(5,7,10,.94)); border-radius: var(--radius); padding: 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.panel-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.panel-head h1, .panel-head h2 { margin: 0; font-size: 18px; text-transform: uppercase; }
.panel-head span, .muted, .panel-controls, .site-footer { color: var(--muted); }
.brand-panel-head { align-items: center; }
.brand-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.brand-mark { width: 46px; height: 46px; object-fit: contain; border-radius: 50%; border: 1px solid rgba(117,179,38,.42); background: #020402; }
.brand-mark.large { width: 74px; height: 74px; }
.mr-catalog-head { padding-bottom: 12px; border-bottom: 1px solid rgba(117,179,38,.22); }
.tabs { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); margin-bottom: 12px; }
.tabs span { text-align: center; padding: 11px; text-transform: uppercase; font-size: 12px; border-right: 1px solid var(--line); }
.tabs span:last-child { border-right: 0; }
.tabs .active { background: linear-gradient(180deg, var(--blue), var(--blue-2)); }
.panel-controls { display: flex; justify-content: space-between; margin-bottom: 12px; }
select, input, textarea { width: 100%; margin-top: 6px; background: #080c11; color: var(--text); border: 1px solid var(--line); border-radius: 3px; padding: 9px; }
textarea { min-height: 96px; resize: vertical; }

.media-row, .mini-row, .news-row, .track-row { display: grid; align-items: center; gap: 14px; border-top: 1px solid rgba(255,255,255,.07); padding: 10px 10px; }
.media-row { grid-template-columns: 106px 1fr 82px; }
.media-row img { width: 106px; height: 73px; object-fit: cover; }
.media-row h3, .catalog-card h2, .catalog-card h3 { margin: 0 0 8px; }
.media-row small { color: #58a0ff; border: 1px solid var(--blue); padding: 3px 5px; border-radius: 3px; text-transform: uppercase; font-size: 11px; }
.mini-row { grid-template-columns: 76px 1fr 80px 82px; min-height: 58px; padding-top: 8px; padding-bottom: 8px; }
.mini-row img { width: 76px; height: 46px; object-fit: cover; }
.photo-mini-row { grid-template-columns: 76px 1fr 80px 82px; min-height: 76px; }
.photo-mini-row img { height: 64px; object-fit: contain; background: #030507; border: 1px solid rgba(255,255,255,.06); }
.compact-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.compact-table th, .compact-table td { border-top: 1px solid rgba(255,255,255,.08); padding: 11px 10px; text-align: left; }
.home-seed-list { display: grid; gap: 8px; }
.home-seed-row { display: grid; grid-template-columns: 74px 1fr auto; gap: 12px; align-items: center; border-top: 1px solid rgba(255,255,255,.08); padding: 8px 0; min-height: 72px; }
.home-seed-row img { width: 74px; height: 54px; object-fit: cover; border-radius: 3px; border: 1px solid rgba(255,255,255,.08); background: #030507; }
.home-seed-row h3 { margin: 0 0 5px; font-size: 14px; }
.home-seed-row p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.35; }
.home-seed-row > span { white-space: nowrap; font-weight: 700; font-size: 12px; }
.status-dot { display: inline-block; width: 8px; height: 8px; background: var(--green); border-radius: 50%; margin-right: 8px; }
.wide-button, .ghost-button, .primary-button, .danger-button, .quick-card a { display: inline-flex; justify-content: center; align-items: center; min-height: 36px; border: 1px solid var(--line); border-radius: 3px; padding: 9px 13px; text-transform: uppercase; font-size: 12px; }
.wide-button, .wide { width: 100%; margin-top: 10px; }
.primary-button { background: linear-gradient(180deg, var(--blue), var(--blue-2)); border-color: var(--blue); color: white; }
.danger-button { border-color: var(--red); color: var(--red); }
.muted-button { color: var(--muted); }
.cd-content { display: grid; grid-template-columns: 164px 1fr; gap: 20px; align-items: center; }
.cd-content img { width: 164px; height: 136px; object-fit: cover; }
.cd-content strong, .price { font-size: 28px; }
.quick-card { min-height: 127px; padding: 16px 14px; }
.quick-card h3 { margin: 0 0 8px; text-transform: uppercase; font-size: 16px; }
.quick-card p { margin: 0 0 18px; color: var(--muted); }
.about-link { grid-area: action; max-width: 280px; margin: 0; }
.site-footer { text-align: center; padding: 12px 16px; border-top: 1px solid var(--line); font-size: 13px; }

.page-grid, .detail-layout, .album-layout { padding: 30px 42px; }
.detail-page { padding: 30px 42px; display: grid; gap: 18px; }
.detail-page .detail-layout { padding: 0; }
.span-full { grid-column: 1 / -1; }
.catalog-grid, .summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 420px)); gap: 16px; align-items: start; }
.catalog-card, .gallery-card, .summary-card { border: 1px solid var(--line); background: rgba(0,0,0,.23); border-radius: var(--radius); padding: 14px; }
.catalog-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 4px; }
.catalog-section { margin-top: 22px; }
.catalog-section:first-of-type { margin-top: 0; }
.catalog-section > h2 { margin: 0 0 12px; font-size: 16px; text-transform: uppercase; color: #58a0ff; }
.cbd-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 320px)); }
.cbd-card img { aspect-ratio: 4 / 5; object-fit: contain; background: #030507; padding: 10px; border: 1px solid rgba(255,255,255,.06); }
.gallery-card img { width: 100%; aspect-ratio: 4 / 5; object-fit: contain; background: #030507; border-radius: 4px; }
.card-copy { color: var(--muted); line-height: 1.45; min-height: 60px; }
.detail-copy { margin-top: 18px; display: grid; gap: 12px; line-height: 1.6; }
.detail-copy h2 { margin: 10px 0 0; font-size: 15px; text-transform: uppercase; color: #58a0ff; }
.detail-copy p { margin: 0; color: var(--text); }
.catalog-card iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; margin-top: 12px; }
.video-card { display: grid; gap: 10px; }
.video-open { position: relative; width: 100%; padding: 0; margin: 0; border: 1px solid rgba(255,255,255,.08); background: #05070a; color: var(--text); border-radius: 4px; overflow: hidden; cursor: pointer; text-align: left; }
.video-open img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0; transition: transform .18s ease, opacity .18s ease; }
.video-open:hover img, .video-open:focus-visible img { transform: scale(1.03); opacity: .78; }
.play-badge { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: #ff0033; color: white; font-size: 24px; line-height: 1; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.watch-label { position: absolute; left: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.72); color: white; padding: 7px 9px; border-radius: 3px; text-transform: uppercase; font-size: 11px; }
.video-modal { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 34px; background: rgba(0,0,0,.88); backdrop-filter: blur(8px); }
.video-modal-panel { position: relative; width: min(1180px, 96vw); background: #05080d; border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 24px 80px rgba(0,0,0,.68); }
.video-modal-frame { width: 100%; aspect-ratio: 16 / 9; background: #000; }
.video-modal-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-modal-close { position: absolute; right: -1px; top: -48px; width: 42px; height: 42px; border: 1px solid var(--line); background: #0b1118; color: white; font-size: 30px; line-height: 1; cursor: pointer; }
.video-modal-copy { padding: 16px 18px 18px; border-top: 1px solid var(--line); }
.video-modal-copy h2 { margin: 0 0 6px; font-size: 20px; }
.video-modal-copy p { margin: 0; color: var(--muted); }
.detail-layout { display: grid; grid-template-columns: minmax(260px, 520px) 1fr; gap: 28px; align-items: start; }
.detail-image { width: 100%; border-radius: var(--radius); border: 1px solid var(--line); }
.detail-brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #77c841; text-transform: uppercase; font-weight: 700; font-size: 13px; }
.detail-brand img { width: 44px; height: 44px; object-fit: contain; border-radius: 50%; border: 1px solid rgba(117,179,38,.42); }
.tagline { color: var(--muted); }
.related-products { margin-top: 0; }
.related-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 280px)); }
.related-card { display: grid; align-content: start; }
.related-card img { aspect-ratio: 16 / 10; }
.related-card.cbd-card img { aspect-ratio: 4 / 5; }
.news-row { grid-template-columns: 160px 1fr 90px; }
.news-row img { width: 160px; height: 100px; object-fit: cover; }

.album-layout { display: grid; grid-template-columns: minmax(320px, 620px) 1fr; gap: 28px; padding-bottom: 150px; }
.breadcrumbs { grid-column: 1 / -1; color: var(--muted); display: flex; gap: 10px; }
.back-button { position: absolute; right: 42px; top: 128px; }
.album-cover-large { width: 100%; border-radius: var(--radius); border: 1px solid var(--line); }
.album-hero h1 { font-size: 32px; margin-bottom: 8px; }
.album-actions { display: flex; gap: 14px; }
.track-panel h2 { text-transform: uppercase; }
.track-row { grid-template-columns: 42px 36px 1fr 70px 40px; min-height: 68px; }
.track-row.active { min-height: 94px; background: rgba(255,255,255,.015); }
.track-row.active strong::after { content: ""; display: block; width: min(420px, 80%); height: 4px; margin-top: 14px; border-radius: 999px; background: linear-gradient(90deg, var(--blue) 32%, #8a9099 32%); }
.round-play, .player-main { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); background: var(--blue); color: white; }
.dots { background: transparent; color: white; border: 0; }
.album-foot { display: flex; justify-content: space-between; padding-top: 20px; color: var(--muted); }
.player-bar { position: fixed; left: 0; right: 0; bottom: 0; min-height: 110px; display: grid; grid-template-columns: 78px 1fr 44px 54px 44px 44px 210px; gap: 18px; align-items: center; padding: 16px 40px; background: rgba(5,7,10,.96); border-top: 1px solid var(--line); z-index: 50; }
.player-bar img { width: 78px; height: 78px; object-fit: cover; border-radius: 4px; }
.player-bar span { display: block; color: var(--muted); margin-top: 6px; }
.volume { display: flex; gap: 10px; align-items: center; }

.login-panel { min-height: calc(100vh - 180px); display: grid; place-items: center; padding: 40px; }
.login-panel form { width: min(420px, 100%); border: 1px solid var(--line); background: var(--panel); padding: 28px; border-radius: var(--radius); }
.password-wrap { display: grid; grid-template-columns: 1fr 70px; gap: 8px; }
.password-wrap button { margin-top: 6px; border: 1px solid var(--line); background: #101722; color: white; border-radius: 4px; }
.flash { margin: 12px 26px; padding: 12px; border: 1px solid var(--line); background: #111923; }
.flash.success { border-color: var(--green); }
.flash.error { border-color: var(--red); }

.admin-body { background: var(--admin-bg); }
.admin-top { height: 82px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 12px 26px; border-bottom: 1px solid var(--line); background: #050b13; }
.admin-brand { display: flex; align-items: center; gap: 20px; text-transform: uppercase; font-size: 26px; }
.admin-brand img { width: 62px; height: 62px; object-fit: contain; }
.admin-brand span { color: #58a0ff; }
.admin-top > div { display: flex; gap: 14px; align-items: center; }
.admin-shell { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 82px); }
.admin-sidebar { border-right: 1px solid var(--line); padding: 28px 0; background: #07101a; }
.admin-sidebar a, .admin-sidebar strong { display: block; padding: 13px 26px; }
.admin-sidebar .mr-link { display: flex !important; }
.admin-sidebar .mr-link img { width: 22px; height: 22px; }
.admin-sidebar strong { color: #58a0ff; text-transform: uppercase; font-size: 13px; margin-top: 18px; }
.admin-sidebar a:hover { background: rgba(23,105,255,.16); }
.admin-main { padding: 28px; }
.admin-title h1 { margin: 0 0 8px; }
.mr-admin-title { display: flex; align-items: center; gap: 14px; border: 1px solid rgba(117,179,38,.28); background: linear-gradient(145deg, rgba(17,28,15,.72), rgba(7,17,29,.82)); padding: 14px 18px; border-radius: var(--radius); }
.mr-admin-title img { width: 62px; height: 62px; object-fit: contain; border-radius: 50%; border: 1px solid rgba(117,179,38,.42); }
.mr-admin-title p { margin: 0; color: var(--muted); }
.admin-breadcrumb { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.admin-breadcrumb p { margin: 0; color: var(--muted); }
.admin-breadcrumb span { margin: 0 10px; }
.summary-grid { margin: 20px 0; }
.summary-card, .admin-card { border: 1px solid var(--line); background: var(--admin-panel); border-radius: var(--radius); padding: 18px; }
.summary-card strong { display: block; font-size: 34px; margin-top: 10px; }
.summary-card em { display: block; color: var(--muted); font-style: normal; margin-top: 4px; }
.add-details summary { cursor: pointer; font-size: 20px; font-weight: 700; }
.add-details .form-grid { margin-top: 18px; }
.quick-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.quick-actions h2 { flex-basis: 100%; }
.quick-actions a { border: 1px solid var(--line); padding: 12px 16px; }
.admin-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.admin-card-head h2 { margin: 0; }
.track-add-details { margin-top: 18px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.span-2 { grid-column: 1 / -1; }
.admin-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.admin-table th, .admin-table td { border-top: 1px solid rgba(255,255,255,.08); padding: 11px; text-align: left; vertical-align: middle; }
.thumb { width: 68px; height: 52px; object-fit: cover; border-radius: 4px; }
.seed-thumb { object-fit: contain; background: #030507; border: 1px solid rgba(255,255,255,.06); }
.pill { display: inline-block; border: 1px solid var(--line); padding: 4px 8px; border-radius: 999px; font-size: 12px; color: var(--muted); }
.pill.visible, .pill.published { color: var(--green); border-color: var(--green); }
.pill.hidden, .pill.draft { color: var(--muted); }
.pill.synced, .pill.youtube { color: #58a0ff; border-color: #58a0ff; }
.video-title-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid var(--line); padding: 14px 18px; background: var(--admin-panel); margin-bottom: 10px; }
.video-title-row h1 { margin: 0; font-size: 20px; }
.video-title-row p { margin: 4px 0 0; color: var(--muted); }
.video-summary { grid-template-columns: repeat(4, minmax(160px, 1fr)); }
.video-admin-table strong, .video-admin-table small { display: block; }
.video-admin-table small { color: var(--muted); margin-top: 6px; line-height: 1.4; }
.video-thumb { width: 96px; height: 58px; }
.switch-form { margin: 0; }
.toggle-switch { display: inline-flex; align-items: center; cursor: pointer; }
.toggle-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.toggle-switch span { width: 48px; height: 26px; border-radius: 999px; border: 1px solid var(--line); background: #050b13; position: relative; transition: background .16s ease, border-color .16s ease; }
.toggle-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--muted); transition: transform .16s ease, background .16s ease; }
.toggle-switch input:checked + span { background: rgba(88,208,111,.16); border-color: var(--green); }
.toggle-switch input:checked + span::after { transform: translateX(22px); background: var(--green); }
.album-admin-detail { display: grid; grid-template-columns: 280px 1fr; gap: 24px; }
.album-admin-detail > img { width: 280px; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--line); }
.album-admin-overview { display: grid; grid-template-columns: 300px minmax(320px, 1fr) 300px; gap: 28px; align-items: start; padding: 20px; }
.album-cover-tools img { width: 280px; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--line); margin-bottom: 10px; }
.album-cover-tools .ghost-button { width: 280px; }
.album-meta-block h1 { margin: 12px 0 22px; font-size: 24px; }
.album-meta-block dl { display: grid; grid-template-columns: 110px 1fr; gap: 16px 18px; margin: 0; }
.album-meta-block dt { color: var(--muted); }
.album-meta-block dd { margin: 0; font-weight: 700; }
.album-actions-panel { border: 1px solid var(--line); padding: 22px; background: rgba(0,0,0,.16); }
.album-actions-panel h2 { margin: 0 0 18px; font-size: 16px; text-transform: uppercase; }
.album-actions-panel .ghost-button, .album-actions-panel .danger-button { width: 100%; margin-bottom: 12px; }
.album-actions-panel details { margin-bottom: 12px; }
.album-actions-panel details[open] summary { margin-bottom: 14px; }
.album-actions-panel .form-grid { grid-template-columns: 1fr; max-height: 420px; overflow: auto; padding-right: 4px; }
.photo-title-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid var(--line); padding: 14px 18px; background: var(--admin-panel); margin-bottom: 10px; }
.photo-title-row h1 { margin: 0; font-size: 20px; }
.photo-title-row p { margin: 0 0 0 16px; color: var(--muted); display: inline-block; }
.photo-admin-grid { display: grid; grid-template-columns: 360px 1fr; gap: 12px; align-items: start; }
.photo-list-panel { padding: 14px; }
.photo-list-item { display: grid; grid-template-columns: 94px 1fr 72px; gap: 14px; align-items: center; border: 1px solid transparent; border-bottom-color: rgba(255,255,255,.07); padding: 9px; min-height: 88px; }
.photo-list-item.active { border-color: var(--blue); background: rgba(23,105,255,.08); }
.photo-list-item img { width: 94px; height: 60px; object-fit: cover; }
.photo-list-item strong, .photo-list-item em, .photo-list-item small { display: block; }
.photo-list-item em, .photo-list-item small { color: var(--muted); font-style: normal; margin-top: 4px; }
.visible-dot, .hidden-dot { font-size: 12px; color: var(--green); font-weight: 400; }
.visible-dot::before { content: ""; display: inline-block; width: 7px; height: 7px; background: var(--green); border-radius: 50%; margin-right: 5px; }
.hidden-dot { color: var(--muted); }
.photo-edit-panel { display: grid; grid-template-columns: minmax(300px, 540px) 1fr; gap: 18px; align-items: start; }
.photo-edit-panel h2 { grid-column: 1 / -1; margin: 0; font-size: 18px; text-transform: uppercase; }
.photo-preview-large { width: 100%; max-height: 520px; object-fit: cover; border: 1px solid var(--line); border-radius: 3px; }
.photo-edit-panel .form-grid { grid-template-columns: 1fr; }
audio { max-width: 220px; height: 34px; }

.lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.86); z-index: 100; display: grid; place-items: center; padding: 30px; }
.lightbox img { max-height: 85vh; max-width: 90vw; }
.lightbox button { position: absolute; right: 28px; top: 20px; font-size: 40px; background: transparent; border: 0; color: white; }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }
  .header-links { grid-column: 1 / -1; justify-content: flex-end; }
  .dashboard-grid, .album-layout, .detail-layout { grid-template-columns: 1fr; }
  .dashboard-grid { grid-template-areas: "music" "seeds" "cd" "photos" "videos" "quick-photo" "quick-video" "quick-news" "about"; }
  .back-button { position: static; }
  .player-bar { grid-template-columns: 60px 1fr 44px 44px; }
  .player-bar button[data-player-prev], .player-bar button[data-player-next], .player-bar button[data-player-repeat], .volume { display: none; }
}

@media (min-width: 1101px) and (max-width: 1450px) {
  .site-header { grid-template-columns: minmax(320px, 1fr) auto auto; gap: 16px; padding: 8px 22px; min-height: 92px; }
  .brand img { width: 72px; height: 72px; }
  .brand strong { font-size: 25px; }
  .brand em { font-size: 12px; }
  .main-nav { gap: 22px; font-size: 13px; }
  .header-links { gap: 12px; font-size: 13px; }
  .admin-login { padding: 10px 12px; }
}

@media (max-width: 760px) {
  .site-header { padding: 14px; }
  .brand strong { font-size: 22px; }
  .brand img { width: 58px; height: 58px; }
  .nav-toggle { display: inline-flex; justify-content: center; padding: 10px; background: transparent; border: 1px solid var(--line); color: white; }
  .main-nav { display: none; grid-column: 1 / -1; flex-direction: column; align-items: flex-start; }
  .main-nav.open { display: flex; }
  .header-links { flex-wrap: wrap; justify-content: flex-start; }
  .shortcut-row { grid-template-columns: 1fr; margin: 12px; }
  .dashboard-grid, .page-grid, .detail-page, .detail-layout, .album-layout { padding: 12px; }
  .media-row, .mini-row, .news-row { grid-template-columns: 1fr; }
  .track-row { grid-template-columns: 42px 28px 1fr 52px; gap: 10px; }
  .track-row .dots { display: none; }
  .cd-content, .admin-shell, .album-admin-detail, .form-grid { grid-template-columns: 1fr; }
  .admin-top { height: auto; flex-direction: column; align-items: flex-start; }
  .admin-top > div { flex-wrap: wrap; }
  .admin-sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
  .admin-table { display: block; overflow-x: auto; }
  .photo-admin-grid, .photo-edit-panel { grid-template-columns: 1fr; }
  .video-modal { padding: 16px; }
  .video-modal-close { top: -46px; right: 0; }
  .play-badge { width: 56px; height: 40px; font-size: 20px; }
}