.sesverin-media-page { background: #effaff; }
.sesverin-media-page .site-content { background: radial-gradient(circle at 50% 0,#fff 0,#effcff 48%,#eafaff 100%); }
.sesverin-media-page .site-header .sv-container,.sesverin-media-page .site-footer .sv-container,.sesverin-media-page .community-stats .sv-container { width: min(1512px,calc(100% - 48px)); }
.sesverin-media-page .header-top { min-height: 55px; grid-template-columns: 400px minmax(350px,590px) 1fr; gap: 18px; }
.sesverin-media-page .brand-mark { width: 40px; height: 40px; border-radius: 10px; }
.sesverin-media-page .brand-mark .sv-icon { width: 25px; height: 25px; }
.sesverin-media-page .brand-copy strong { font-size: 28px; }
.sesverin-media-page .brand-copy small { margin-top: 3px; font-size: 10px; }
.sesverin-media-page .header-search { height: 39px; border-radius: 7px; font-size: 11px; }
.sesverin-media-page .header-actions .button { min-height: 38px; padding: 0 19px; border-radius: 6px; font-size: 11px; }
.sesverin-media-page .nav-inner { height: 43px; gap: 7px; }
.sesverin-media-page .nav-inner > a { min-width: auto; height: 35px; padding: 0 9px; border-radius: 6px; font-size: 10px; white-space: nowrap; }
.sesverin-media-page .nav-inner > a .sv-icon { width: 16px; height: 16px; }

.svmedia-page { width: min(1512px,calc(100% - 48px)); margin: 0 auto; color: #071963; font-family: Inter,Arial,sans-serif; }
.svmedia-page * { box-sizing: border-box; }
.svmedia-breadcrumb { height: 43px; display: flex; align-items: center; gap: 8px; color: #4972ba; font-size: 12px; }
.svmedia-breadcrumb a { display: inline-flex; align-items: center; gap: 5px; }
.svmedia-breadcrumb .sv-icon { width: 15px; height: 15px; color: #0874f7; }
.svmedia-breadcrumb i { color: #9aacbf; font-size: 16px; font-style: normal; }
.svmedia-breadcrumb strong { color: #07165c; }
.svmedia-layout { display: grid; grid-template-columns: 235px minmax(0,1fr) 350px; align-items: start; gap: 12px; padding-bottom: 14px; }
.svmedia-menu,.svmedia-hero,.svmedia-tabs,.svmedia-filters,.svmedia-featured,.svmedia-section,.svmedia-side-card { border: 1px solid #dbe7f2; border-radius: 7px; background: #fff; box-shadow: 0 6px 20px rgba(22,66,111,.035); }

.svmedia-menu { overflow: hidden; }
.svmedia-menu > header { min-height: 94px; display: grid; grid-template-columns: 66px minmax(0,1fr); align-items: center; gap: 12px; padding: 11px; border-bottom: 1px solid #e4ebf3; }
.svmedia-menu > header img { width: 66px; height: 66px; border-radius: 50%; object-fit: cover; }
.svmedia-menu > header span { min-width: 0; display: flex; flex-direction: column; }
.svmedia-menu > header strong { overflow: hidden; color: #07165c; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }
.svmedia-menu > header small { margin-top: 5px; color: #0874f7; font-size: 11px; }
.svmedia-menu nav:not(.svmedia-submenu) { padding: 6px 0; }
.svmedia-menu nav a { position: relative; min-height: 43px; display: flex; align-items: center; gap: 12px; padding: 0 14px; color: #09247d; font-size: 12px; }
.svmedia-menu nav a .sv-icon { width: 19px; height: 19px; flex: 0 0 auto; }
.svmedia-menu nav a.danger { color: #ee2948; }
.svmedia-menu nav a.section { margin-top: 3px; border-top: 1px solid #e3eaf2; }
.svmedia-menu nav a.active { color: #0768eb; background: linear-gradient(90deg,#e8f3ff,#f5f9fd); font-weight: 700; }
.svmedia-menu nav a.active::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: #0874f7; content: ''; }
.svmedia-submenu { margin: -3px 0 8px 38px; padding: 5px 0; border-left: 1px solid #dae5f0; }
.svmedia-submenu button { width: 100%; min-height: 34px; display: flex; align-items: center; padding: 0 10px 0 16px; border: 0; color: #09247d; background: transparent; cursor: pointer; font: 11px Inter,Arial,sans-serif; text-align: left; }
.svmedia-submenu button.active { color: #0768eb; background: #eaf3ff; font-weight: 700; }
.svmedia-menu-bottom { border-top: 1px solid #e3eaf2; }

.svmedia-main { min-width: 0; display: grid; gap: 9px; }
.svmedia-hero { min-height: 96px; display: grid; grid-template-columns: 67px minmax(0,1fr) 140px; align-items: center; gap: 13px; padding: 8px 13px; }
.svmedia-hero > span { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: linear-gradient(145deg,#2c91ff,#0763e9); box-shadow: 0 7px 15px rgba(8,104,235,.2); }
.svmedia-hero > span .sv-icon { width: 36px; height: 36px; }
.svmedia-hero h1 { margin: 0; color: #07165c; font-size: 29px; line-height: 1; letter-spacing: -1px; }
.svmedia-hero p { margin: 7px 0 0; color: #6078ca; font-size: 12px; white-space: nowrap; }
.svmedia-hero > button { min-height: 43px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 5px; color: #fff; background: #0874f7; box-shadow: 0 5px 12px rgba(8,116,247,.22); cursor: pointer; font: 700 11px Inter,Arial,sans-serif; }
.svmedia-hero > button .sv-icon { width: 17px; height: 17px; }
.svmedia-tabs { min-height: 53px; display: flex; align-items: center; gap: 4px; overflow-x: auto; padding: 6px 8px; scrollbar-width: none; }
.svmedia-tabs button { min-width: max-content; height: 39px; display: flex; align-items: center; gap: 7px; padding: 0 15px; border: 0; border-radius: 5px; color: #09247d; background: transparent; cursor: pointer; font: 11px Inter,Arial,sans-serif; }
.svmedia-tabs button .sv-icon { width: 18px; height: 18px; }
.svmedia-tabs button.active { color: #fff; background: #0874f7; box-shadow: 0 4px 9px rgba(8,116,247,.18); }
.svmedia-filters { min-height: 55px; display: grid; grid-template-columns: minmax(150px,1.35fr) 1fr .9fr .9fr 38px 38px; align-items: center; gap: 8px; padding: 7px 9px; }
.svmedia-filters label { height: 39px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #d7e3ef; border-radius: 5px; color: #5071b1; background: #f9fcff; }
.svmedia-filters label .sv-icon { width: 16px; height: 16px; }
.svmedia-filters input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; color: #173475; background: transparent; font-size: 10px; }
.svmedia-filters select { width: 100%; height: 39px; padding: 0 10px; border: 1px solid #d7e3ef; border-radius: 5px; outline: 0; color: #173475; background: #fff; font: 10px Inter,Arial,sans-serif; }
.svmedia-filters > button { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 1px solid #d5e2ee; border-radius: 5px; color: #0874f7; background: #fff; cursor: pointer; }
.svmedia-filters > button.active { border-color: #0874f7; color: #fff; background: #0874f7; }
.svmedia-filters > button .sv-icon { width: 17px; height: 17px; }

.svmedia-featured,.svmedia-section { position: relative; overflow: hidden; }
.svmedia-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 9px; }
.svmedia-grid.compact { grid-template-columns: repeat(4,minmax(0,1fr)); }
.svmedia-card { min-width: 0; overflow: hidden; border: 1px solid #dfe8f1; border-radius: 6px; background: #fff; }
.svmedia-card-open { position: relative; width: 100%; height: 124px; display: block; overflow: hidden; padding: 0; border: 0; background: #d9e5f3; cursor: zoom-in; }
.svmedia-card-open img,.svmedia-card-open video { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .2s; }
.svmedia-card:hover .svmedia-card-open img,.svmedia-card:hover .svmedia-card-open video { transform: scale(1.025); }
.svmedia-card-open > i { position: absolute; top: 7px; right: 7px; width: 24px; height: 22px; display: grid; place-items: center; border-radius: 4px; color: #fff; background: rgba(4,17,43,.76); }
.svmedia-card-open > i .sv-icon { width: 14px; height: 14px; }
.svmedia-card > div { min-height: 60px; padding: 6px 8px; }
.svmedia-card h3 { overflow: hidden; margin: 0 0 5px; color: #07165c; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.svmedia-card footer { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 7px; color: #5270b3; font-size: 8px; }
.svmedia-card footer a { min-width: 0; display: flex; align-items: center; gap: 5px; overflow: hidden; color: #17409a; white-space: nowrap; text-overflow: ellipsis; }
.svmedia-card footer img { width: 19px; height: 19px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; }
.svmedia-card footer button,.svmedia-card footer span { display: flex; align-items: center; gap: 3px; padding: 0; border: 0; color: #5270b3; background: transparent; font: 8px Inter,Arial,sans-serif; }
.svmedia-card footer button { cursor: pointer; }
.svmedia-card footer button.active { color: #ed1741; }
.svmedia-card footer .sv-icon { width: 11px; height: 11px; }
.svmedia-card > div > small { display: none; margin-top: 5px; color: #7c8db0; font-size: 7px; }
.svmedia-section > header { min-height: 43px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-bottom: 1px solid #e4ebf3; }
.svmedia-section > header h2 { margin: 0; color: #07165c; font-size: 14px; }
.svmedia-section > header button { display: flex; align-items: center; gap: 4px; border: 0; color: #0874f7; background: transparent; cursor: pointer; font: 9px Inter,Arial,sans-serif; }
.svmedia-section > header .sv-icon { width: 11px; height: 11px; }
.svmedia-section > header select { height: 28px; padding: 0 9px; border: 1px solid #d4e1ed; border-radius: 4px; color: #36539b; background: #fff; font-size: 8px; }
.svmedia-section .svmedia-card-open { height: 105px; }
.svmedia-section .svmedia-grid.list { grid-template-columns: 1fr; }
.svmedia-section .svmedia-grid.list .svmedia-card { display: grid; grid-template-columns: 190px minmax(0,1fr); }
.svmedia-section .svmedia-grid.list .svmedia-card-open { height: 110px; }
.svmedia-section .svmedia-grid.list .svmedia-card > div { padding: 14px; }
.svmedia-section .svmedia-grid.list .svmedia-card h3 { font-size: 13px; }
.svmedia-section .svmedia-grid.list .svmedia-card > div > small { display: flex; align-items: center; gap: 4px; }
.svmedia-section .svmedia-grid.albums { grid-template-columns: repeat(3,minmax(0,1fr)); }
.svmedia-album-card { overflow: hidden; border: 1px solid #dfe8f1; border-radius: 6px; background: #fff; }
.svmedia-album-card { cursor: pointer; }
.svmedia-album-card:focus-visible { outline: 3px solid rgba(8,116,247,.2); outline-offset: 2px; }
.svmedia-album-card > div { height: 150px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; background: #edf3f8; }
.svmedia-album-card > div img { width: 100%; height: 100%; object-fit: cover; }
.svmedia-album-card > div span { display: grid; place-items: center; color: #91a1b8; }
.svmedia-album-card > div .sv-icon { width: 24px; height: 24px; }
.svmedia-album-card h3 { margin: 8px 9px 3px; color: #07165c; font-size: 11px; }
.svmedia-album-card p { margin: 0 9px 9px; color: #6680b5; font-size: 8px; }
.svmedia-loading { position: absolute; z-index: 5; inset: 43px 0 0; display: grid; place-items: center; color: #0874f7; background: rgba(255,255,255,.86); font-size: 11px; font-weight: 700; }
.svmedia-loading[hidden] { display: none; }
.svmedia-loading.error { color: #e52746; }
.svmedia-empty { grid-column: 1/-1; margin: 0; padding: 35px 15px; color: #6980ad; text-align: center; }

.svmedia-side { min-width: 0; display: grid; gap: 10px; }
.svmedia-side-card { overflow: hidden; }
.svmedia-side-card > header { min-height: 47px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border-bottom: 1px solid #e3ebf3; }
.svmedia-side-card > header > .sv-icon { width: 19px; height: 19px; color: #0874f7; }
.svmedia-side-card > header h2 { margin: 0; color: #07165c; font-size: 13px; }
.svmedia-side-card > header button { display: flex; align-items: center; gap: 3px; margin-left: auto; padding: 0; border: 0; color: #0874f7; background: transparent; cursor: pointer; font: 8px Inter,Arial,sans-serif; }
.svmedia-side-card > header button .sv-icon { width: 10px; height: 10px; }
.svmedia-categories ul { margin: 0; padding: 5px 0; list-style: none; }
.svmedia-categories li button { width: 100%; min-height: 39px; display: grid; grid-template-columns: 27px minmax(0,1fr) auto 13px; align-items: center; gap: 8px; padding: 0 12px; border: 0; border-bottom: 1px solid #edf1f5; color: #09247d; background: #fff; cursor: pointer; text-align: left; }
.svmedia-categories li:last-child button { border-bottom: 0; }
.svmedia-categories li button > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 5px; color: #fff; background: #0da4b2; }
.svmedia-categories li button > span .sv-icon { width: 14px; height: 14px; }
.svmedia-categories li button > strong { overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.svmedia-categories li button > small { color: #4f70b7; font-size: 8px; }
.svmedia-categories li button > .sv-icon { width: 12px; height: 12px; color: #0874f7; }
.svmedia-categories .tone-1{background:#ff7d13}.svmedia-categories .tone-2{background:#0bb49e}.svmedia-categories .tone-3{background:#f2294b}.svmedia-categories .tone-4{background:#f49a00}.svmedia-categories .tone-5{background:#18ac2d}.svmedia-categories .tone-6{background:#873fe2}.svmedia-categories .tone-7{background:#f19320}.svmedia-categories .tone-8{background:#1d83e8}.svmedia-categories .tone-9{background:#8798b6}
.svmedia-albums > div { padding: 5px 11px; }
.svmedia-albums > div > button { width: 100%; min-height: 55px; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 5px 0; border: 0; border-bottom: 1px solid #edf1f5; color: #143784; background: #fff; cursor: pointer; text-align: left; }
.svmedia-albums > div > button > img,.svmedia-albums > div > button > span { width: 56px; height: 43px; display: grid; place-items: center; border-radius: 5px; object-fit: cover; background: #edf3f8; }
.svmedia-albums > div > button > span .sv-icon { width: 20px; height: 20px; }
.svmedia-albums p { min-width: 0; display: flex; flex-direction: column; gap: 4px; margin: 0; }
.svmedia-albums p strong { overflow: hidden; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.svmedia-albums p small { color: #637bae; font-size: 8px; }
.svmedia-albums button > b { display: flex; align-items: center; gap: 3px; color: #ed1741; font-size: 8px; }
.svmedia-albums button > b .sv-icon { width: 11px; height: 11px; fill: currentColor; }
.svmedia-activity > div { padding: 5px 10px; }
.svmedia-activity article { min-height: 56px; display: grid; grid-template-columns: 31px minmax(0,1fr) 42px; align-items: center; gap: 7px; border-bottom: 1px solid #edf1f5; }
.svmedia-activity article > img:first-child { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.svmedia-activity article > img:last-child,.svmedia-activity article > span { width: 41px; height: 34px; display: grid; place-items: center; border-radius: 4px; object-fit: cover; background: #edf3f8; }
.svmedia-activity article > span .sv-icon { width: 17px; height: 17px; }
.svmedia-activity article p { margin: 0; color: #4563a3; font-size: 8px; line-height: 1.35; }
.svmedia-activity article p strong { color: #092c84; }
.svmedia-activity article p small { display: block; margin-top: 3px; color: #7387ae; }

.svmedia-upload-dialog,.svmedia-viewer { padding: 0; border: 1px solid #d3e0ec; border-radius: 9px; color: #173475; background: #fff; box-shadow: 0 20px 60px rgba(8,31,70,.3); font-family: Inter,Arial,sans-serif; }
.svmedia-upload-dialog::backdrop,.svmedia-viewer::backdrop { background: rgba(2,13,35,.68); }
.svmedia-upload-dialog { width: min(540px,calc(100% - 24px)); }
.svmedia-upload-dialog > .close { position: absolute; z-index: 2; top: 10px; right: 12px; border: 0; color: #7183a5; background: transparent; cursor: pointer; font-size: 24px; }
.svmedia-upload-dialog > header { min-height: 77px; display: flex; align-items: center; gap: 12px; padding: 13px 19px; border-bottom: 1px solid #e0e8f1; }
.svmedia-upload-dialog > header > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: #0874f7; }
.svmedia-upload-dialog > header .sv-icon { width: 23px; height: 23px; }
.svmedia-upload-dialog h2 { margin: 0; color: #07165c; font-size: 18px; }
.svmedia-upload-dialog header p { margin: 4px 0 0; color: #687fad; font-size: 10px; }
.svmedia-upload-dialog form { display: grid; gap: 12px; padding: 18px; }
.svmedia-upload-dialog form > label:not(.file) { display: grid; gap: 6px; color: #173475; font-size: 10px; font-weight: 700; }
.svmedia-upload-dialog input[type='text'],.svmedia-upload-dialog select { width: 100%; height: 39px; padding: 0 10px; border: 1px solid #cfdeeb; border-radius: 5px; outline: 0; color: #173475; background: #fbfdff; }
.svmedia-upload-dialog .file { position: relative; display: block; cursor: pointer; }
.svmedia-upload-dialog .file input { position: absolute; opacity: 0; pointer-events: none; }
.svmedia-upload-dialog .file > span { min-height: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; border: 1px dashed #83b8ee; border-radius: 7px; color: #0874f7; background: #f3f9ff; }
.svmedia-upload-dialog .file .sv-icon { width: 30px; height: 30px; }
.svmedia-upload-dialog .file strong { font-size: 11px; }
.svmedia-upload-dialog .file small { color: #7288af; font-size: 8px; }
.svmedia-upload-dialog form > p { min-height: 16px; margin: 0; color: #6c80a8; font-size: 9px; }
.svmedia-upload-dialog form > p.success { color: #07975a; }.svmedia-upload-dialog form>p.error{color:#e42a47}
.svmedia-upload-dialog form footer { display: flex; justify-content: flex-end; gap: 8px; }
.svmedia-upload-dialog form footer button { min-width: 90px; height: 38px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d0ddea; border-radius: 5px; color: #526ca2; background: #fff; cursor: pointer; font-weight: 700; }
.svmedia-upload-dialog form footer button[type='submit'] { border-color: #0874f7; color: #fff; background: #0874f7; }
.svmedia-upload-dialog form footer button:disabled { opacity: .55; cursor: wait; }
.svmedia-upload-dialog form footer .sv-icon { width: 15px; height: 15px; }
.svmedia-viewer { width: min(1080px,calc(100% - 30px)); max-height: calc(100vh - 30px); overflow: hidden; background: #07111f; }
.svmedia-viewer > button { position: absolute; z-index: 3; top: 8px; right: 12px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #fff; background: rgba(0,0,0,.6); cursor: pointer; font-size: 24px; }
.svmedia-viewer-shell { height: min(720px,calc(100vh - 32px)); display: grid; grid-template-columns: minmax(0,1fr) 350px; }
.svmedia-viewer-stage { min-height: 300px; display: grid; place-items: center; overflow: hidden; }
.svmedia-viewer-stage img,.svmedia-viewer-stage video { max-width: 100%; max-height: 100%; display: block; object-fit: contain; }
.svmedia-viewer-shell > aside { min-width: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; color: #173475; background: #fff; }
.svmedia-viewer-shell > aside > header { min-height: 80px; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 10px; padding: 13px 46px 13px 14px; border-bottom: 1px solid #e1e8f0; }
.svmedia-viewer-shell > aside > header > img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.svmedia-viewer-shell > aside > header div { min-width: 0; display: grid; gap: 3px; }
.svmedia-viewer-shell h2 { overflow: hidden; margin: 0; color: #07165c; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }
.svmedia-viewer-shell > aside > header a { color: #0874f7; font-size: 10px; font-weight: 700; }
.svmedia-viewer-shell > aside > header small { color: #788aad; font-size: 8px; }
.svmedia-viewer-shell > aside > section { min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr); padding: 13px 14px 0; }
.svmedia-viewer-shell > aside > section h3 { margin: 0 0 10px; color: #07165c; font-size: 12px; }
.svmedia-viewer-shell > aside > section h3 span { color: #0874f7; }
.svmedia-comments { overflow-y: auto; padding-right: 4px; }
.svmedia-comment { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 8px; padding: 10px 0; border-top: 1px solid #edf1f5; }
.svmedia-comment > img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.svmedia-comment header { display: flex; justify-content: space-between; gap: 8px; }
.svmedia-comment strong { color: #0a2a7c; font-size: 9px; }
.svmedia-comment time { color: #8492ac; font-size: 7px; white-space: nowrap; }
.svmedia-comment p { margin: 5px 0 0; color: #405c96; font-size: 9px; line-height: 1.5; overflow-wrap: anywhere; }
.svmedia-comments-empty { margin: 0; padding: 24px 8px; color: #7184aa; font-size: 10px; text-align: center; }
.svmedia-comments-empty.error { color: #e42a47; }
.svmedia-viewer-shell form { display: grid; gap: 7px; padding: 12px 14px 14px; border-top: 1px solid #e1e8f0; }
.svmedia-viewer-shell form[hidden] { display: none; }
.svmedia-viewer-shell form label { color: #173475; font-size: 9px; font-weight: 700; }
.svmedia-viewer-shell textarea { width: 100%; min-height: 70px; resize: vertical; padding: 9px; border: 1px solid #cfdeeb; border-radius: 5px; outline: 0; color: #173475; font: 10px Inter,Arial,sans-serif; }
.svmedia-viewer-shell textarea:focus { border-color: #0874f7; box-shadow: 0 0 0 2px rgba(8,116,247,.1); }
.svmedia-viewer-shell form p { min-height: 12px; margin: 0; color: #7184aa; font-size: 8px; }
.svmedia-viewer-shell form p.success { color: #07975a; }.svmedia-viewer-shell form p.error{color:#e42a47}
.svmedia-viewer-shell form button { height: 36px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 5px; color: #fff; background: #0874f7; cursor: pointer; font: 700 10px Inter,Arial,sans-serif; }
.svmedia-viewer-shell form button:disabled { opacity: .55; cursor: wait; }
.svmedia-viewer-shell form button .sv-icon { width: 14px; height: 14px; }

.sesverin-media-page .stats-inner { min-height: 53px; }
.sesverin-media-page .footer-grid { min-height: 112px; padding-top: 15px; }
.sesverin-media-page .footer-bottom .sv-container { min-height: 34px; }

@media (max-width: 1250px) {
  .svmedia-layout { grid-template-columns: 215px minmax(0,1fr); }
  .svmedia-side { grid-column: 2; grid-template-columns: 1fr 1fr; }
  .svmedia-activity { grid-column: 1/-1; }
  .svmedia-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .svmedia-grid.compact { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .svmedia-hero p { white-space: normal; }
}
@media (max-width: 760px) {
  .sesverin-media-page .site-header .sv-container,.sesverin-media-page .site-footer .sv-container,.sesverin-media-page .community-stats .sv-container { width: calc(100% - 20px); }
  .sesverin-media-page .header-top { min-height: 70px; grid-template-columns: 1fr auto; }
  .sesverin-media-page .header-search { grid-column: 1/-1; grid-row: 2; margin-bottom: 13px; }
  .sesverin-media-page .site-nav { display: none; }.sesverin-media-page .site-nav.is-open{display:block}
  .sesverin-media-page .mobile-menu-toggle { display: grid; }.sesverin-media-page .header-actions .icon-button,.sesverin-media-page .header-actions .button-outline{display:none}
  .svmedia-page { width: calc(100% - 14px); }
  .svmedia-layout { display: block; }
  .svmedia-menu { margin-bottom: 9px; }
  .svmedia-menu > header { display: none; }
  .svmedia-menu > nav:not(.svmedia-submenu) { display: flex; overflow-x: auto; padding: 5px; }
  .svmedia-menu > nav:not(.svmedia-submenu) a { min-width: max-content; min-height: 38px; }
  .svmedia-menu .svmedia-submenu,.svmedia-menu-bottom { display: none!important; }
  .svmedia-hero { grid-template-columns: 52px minmax(0,1fr); padding: 10px; }
  .svmedia-hero > span { width: 49px; height: 49px; }.svmedia-hero>span .sv-icon{width:28px;height:28px}
  .svmedia-hero h1 { font-size: 23px; }.svmedia-hero p{font-size:9px;line-height:1.45}
  .svmedia-hero > button { grid-column: 1/-1; }
  .svmedia-filters { grid-template-columns: 1fr 1fr; }
  .svmedia-filters label { grid-column: 1/-1; }
  .svmedia-filters > button { display: none; }
  .svmedia-grid,.svmedia-grid.compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .svmedia-card-open,.svmedia-section .svmedia-card-open { height: 150px; }
  .svmedia-side { display: grid; grid-template-columns: 1fr; margin-top: 9px; }
  .svmedia-activity { grid-column: auto; }
  .svmedia-viewer { overflow-y: auto; }
  .svmedia-viewer-shell { height: auto; min-height: calc(100vh - 32px); grid-template-columns: 1fr; grid-template-rows: minmax(240px,42vh) minmax(390px,1fr); }
  .svmedia-viewer-stage { min-height: 240px; }
}
@media (max-width: 460px) {
  .svmedia-breadcrumb a:nth-of-type(2),.svmedia-breadcrumb i:nth-of-type(2) { display: none; }
  .svmedia-tabs button { padding-inline: 12px; }
  .svmedia-grid,.svmedia-grid.compact { grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; }
  .svmedia-card-open,.svmedia-section .svmedia-card-open { height: 112px; }
  .svmedia-card footer { gap: 4px; }
  .svmedia-card footer a { font-size: 7px; }
  .svmedia-section .svmedia-grid.list .svmedia-card { grid-template-columns: 120px minmax(0,1fr); }
  .svmedia-section .svmedia-grid.albums { grid-template-columns: 1fr; }
}