:root {
  color-scheme: dark;
  --bg: #111416;
  --surface: #1b1e20;
  --raised: #252a2c;
  --line: #3b4544;
  --ink: #e8e9e3;
  --muted: #a0aeac;
  --accent: #a9ddb7;
  --accent-ink: #152c1d;
  --warm: #eaa58c;
  --gold: #d9c593;
  --mono: 'IBM Plex Mono', 'Liberation Mono', monospace;
  --sans: 'DM Sans', sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--bg); }
body { margin: 0; color: var(--ink); font: 14px/1.5 var(--sans); min-height: 100dvh; background-image: linear-gradient(#b1cbb106 1px, transparent 1px); background-size: 100% 28px; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
button, select, a { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: default; opacity: .4; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button svg, a svg { flex: 0 0 auto; width: 18px; height: 18px; }
input, select, textarea { min-width: 0; min-height: 40px; color: var(--ink); background: #121914; border: 1px solid var(--line); border-radius: 4px; padding: 8px 10px; width: 100%; }
input::placeholder { color: #829386; }
input:focus, select:focus, button:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
input[type=checkbox], input[type=radio] { width: 17px; min-height: 17px; height: 17px; accent-color: var(--accent); flex-shrink: 0; }
input[type=range] { padding: 0; accent-color: var(--accent); border: 0; min-height: 36px; }
h1, h2, h3, p, figure { margin: 0; }
h2 { font-size: 16px; font-weight: 600; }
h3 { font-size: 14px; margin: 18px 0 10px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.muted, .empty-state { color: var(--muted); }
.empty-state { padding: 32px 8px; text-align: center; font-size: 13px; }
#wallpaper, #wallpaperShade { position: fixed; inset: 0; pointer-events: none; }
#wallpaper { z-index: 0; background-position: center; }
#wallpaperShade { z-index: 1; background: #080d09; opacity: 0; }
.shell { position: relative; z-index: 2; max-width: 1760px; margin: auto; padding: 0 24px 28px; }
.topbar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; min-height: 76px; border-bottom: 1px solid var(--line); background: #111416d9; }
.brand { display: flex; align-items: center; gap: 12px; color: var(--ink); min-width: 0; }
.brand:hover { text-decoration: none; }
.brand > svg { width: 28px; height: 28px; color: var(--accent); }
.brand h1 { font-size: 24px; font-weight: 500; min-width: 0; line-height: 1.2; }
.version { font: 11px var(--mono); color: var(--muted); align-self: end; padding-bottom: 6px; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; }
.nav-button, .account-button, .text-button, .command-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 12px; border: 1px solid transparent; background: transparent; color: var(--muted); border-radius: 4px; line-height: 1.2; }
.nav-button:hover, .text-button:hover { background: #aac7ac0e; color: var(--ink); text-decoration: none; }
.nav-button.active { color: var(--accent); background: #a9ddb70d; border-color: #a9ddb730; }
.account-button { border-color: var(--line); color: var(--ink); max-width: 190px; }
.account-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.command-button { border-color: var(--line); color: var(--ink); background: var(--raised); font-weight: 500; }
.command-button:hover { border-color: var(--accent); }
.command-button.primary { color: var(--accent-ink); background: var(--accent); border-color: var(--accent); }
.danger { color: var(--warm); }
.icon-button, .markdown-toolbar button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 0; background: transparent; border: 1px solid transparent; border-radius: 4px; color: var(--muted); }
.icon-button:hover, .markdown-toolbar button:hover { border-color: var(--line); color: var(--ink); background: var(--raised); text-decoration: none; }
.icon-button.accent { color: var(--accent); }
.icon-row { display: inline-flex; align-items: center; gap: 2px; }
.connection-status { font: 11px var(--mono); color: var(--muted); min-height: 29px; padding: 6px 0; }
.page-banner { width: 100%; height: 160px; margin-bottom: 18px; background-position: center; background-repeat: no-repeat; border-bottom: 1px solid var(--line); }
.workspace { display: grid; grid-template-columns: 210px minmax(0, 1fr) minmax(360px, .6fr); align-items: start; gap: 24px; }
.journal-nav, .editor-pane, .gallery-pane { min-width: 0; }
.journal-nav { padding-right: 20px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; min-height: 660px; background: #101512a8; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; }
.section-heading h2 { min-width: 0; }
.count { color: var(--muted); font: 11px var(--mono); margin-left: 5px; }
.entry-heading { margin-top: 12px; }
.search-field { display: flex; align-items: center; min-width: 0; position: relative; }
.search-field svg { position: absolute; left: 10px; width: 16px; height: 16px; color: var(--muted); pointer-events: none; }
.search-field input { padding-left: 33px; }
.entry-list { display: flex; flex-direction: column; gap: 2px; max-height: 440px; overflow: auto; }
.entry-item { text-align: left; padding: 11px 10px; color: var(--ink); background: transparent; border: 1px solid transparent; border-radius: 4px; width: 100%; min-width: 0; }
.entry-item strong { display: block; font-weight: 500; overflow-wrap: anywhere; }
.entry-item small { display: flex; justify-content: space-between; gap: 8px; font: 10px var(--mono); color: var(--muted); margin-top: 6px; }
.entry-item.active { background: #a9ddb70c; border-color: #a9ddb735; }
.entry-item:hover { background: var(--raised); }
.nav-bottom { display: flex; flex-direction: column; align-items: stretch; margin-top: auto; padding-top: 25px; border-top: 1px solid var(--line); }
.nav-bottom .text-button { justify-content: flex-start; padding-left: 5px; }
.editor-pane { display: flex; flex-direction: column; background: #141b16e8; border-top: 2px solid var(--accent); }
.editor-heading { display: flex; align-items: center; gap: 12px; padding: 14px 12px 10px; }
.entry-title { border: 0; background: transparent; padding: 0; font-size: 22px; font-weight: 500; min-height: 36px; }
.status-tag { flex-shrink: 0; font: 10px var(--mono); text-transform: uppercase; padding: 4px 6px; border: 1px solid var(--line); color: var(--gold); }
.status-tag.published { color: var(--accent); }
.entry-meta { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(0, 1fr); gap: 8px; padding: 0 12px 12px; }
.entry-meta input, .entry-meta select { min-height: 34px; font-size: 12px; }
.editor-actions { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 12px; border-top: 1px solid var(--line); }
.segmented { display: inline-flex; align-items: stretch; flex-wrap: wrap; gap: 2px; background: #101613; border: 1px solid var(--line); border-radius: 4px; padding: 3px; width: fit-content; max-width: 100%; }
.segmented button, .segmented > label { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; border: 0; border-radius: 2px; padding: 5px 10px; color: var(--muted); background: transparent; font-size: 12px; cursor: pointer; }
.segmented button svg { width: 15px; height: 15px; }
.segmented button.active, .segmented > label:has(input:checked) { background: #2b3a2e; color: var(--accent); }
.segmented > label input { width: 13px; height: 13px; min-height: 13px; }
.save-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.save-actions .command-button { min-height: 37px; font-size: 12px; padding: 6px 10px; }
.markdown-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 5px 8px; border-block: 1px solid var(--line); background: #1a241d; }
.markdown-toolbar button { width: 33px; height: 33px; color: #bdcbbd; }
.markdown-toolbar select { width: 82px; min-height: 30px; padding: 4px 5px; font-size: 11px; background: transparent; }
.toolbar-divider { height: 19px; width: 1px; margin: 0 4px; background: var(--line); }
.editor-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 430px; height: max(430px, calc(100dvh - 310px)); }
.editor-stage[data-mode=write], .editor-stage[data-mode=preview] { grid-template-columns: minmax(0, 1fr); }
.editor-stage[data-mode=write] .preview-pane, .editor-stage[data-mode=preview] .source-pane { display: none; }
.source-pane { min-width: 0; height: 100%; overflow: hidden; }
.preview-pane { min-width: 0; padding: 22px; overflow: auto; border-left: 1px solid var(--line); background: #0f1612aa; }
.editor-stage[data-mode=preview] .preview-pane { border: 0; }
.editor-splitter, .editor-height-handle { display: grid; place-items: center; background: var(--surface); touch-action: none; user-select: none; }
.editor-splitter { cursor: col-resize; }
.editor-height-handle { height: 14px; cursor: row-resize; border-top: 1px solid var(--line); }
.editor-splitter::after { content: ''; width: 3px; height: 36px; border-radius: 2px; background: var(--muted); }
.editor-height-handle::after { content: ''; width: 42px; height: 3px; border-radius: 2px; background: var(--muted); }
.editor-splitter:hover, .editor-height-handle:hover { background: var(--raised); }
.editor-splitter:focus-visible, .editor-height-handle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.editor-stage:not([data-mode=split]) .editor-splitter { display: none; }
.prose { font: 13px/1.85 var(--mono); overflow-wrap: anywhere; color: #dce5d8; }
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { font-family: var(--mono); line-height: 1.4; color: #ecf0e4; margin: 1.2em 0 .6em; font-weight: 600; }
.prose h1 { font-size: 24px; }.prose h2 { font-size: 20px; }.prose h3 { font-size: 17px; }
.prose > :first-child { margin-top: 0; }
.prose p { margin: 0 0 1.2em; }
.prose ul, .prose ol { padding-left: 25px; margin: 12px 0 18px; }
.prose li { padding-left: 3px; }
.prose blockquote { margin: 18px 0; border-left: 2px solid var(--accent); padding: 4px 16px; color: var(--muted); background: #a9ddb708; }
.prose pre { max-width: 100%; overflow: auto; background: #0b100d; padding: 14px; border: 1px solid var(--line); border-radius: 4px; font: 12px/1.75 var(--mono); }
.prose code { font-family: var(--mono); background: #cbd5ba0a; padding: 2px 4px; color: var(--gold); }
.prose pre code { background: transparent; padding: 0; color: #c5d9c2; white-space: pre; overflow-wrap: normal; }
.prose img { display: block; max-width: 100%; height: auto; max-height: 540px; object-fit: contain; margin: 14px 0; }
.external-video-embed { width: min(100%, 960px); aspect-ratio: 16 / 9; margin: 18px auto; overflow: hidden; background: #080d09; border-radius: 4px; }
.external-video-embed iframe { display: block; width: 100%; height: 100%; border: 0; }
.prose table { display: block; overflow: auto; border-collapse: collapse; max-width: 100%; font-size: 12px; margin: 18px 0; }
.prose th, .prose td { border: 1px solid var(--line); padding: 8px 12px; }
.prose th { color: var(--accent); background: #a9ddb708; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin: 25px 0; }
.prose input[type=checkbox] { vertical-align: middle; margin-right: 6px; }
.editor-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-height: 49px; border-top: 1px solid var(--line); padding: 5px 10px; color: var(--muted); font: 10px var(--mono); }
#saveStatus { margin-right: auto; overflow-wrap: anywhere; }
.checkbox-label { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--muted); }
.entry-privacy { min-height: 36px; padding: 0 12px 10px; }.entry-privacy svg { width: 14px; height: 14px; }
.journal-nav > .section-heading:first-child { flex-wrap: wrap; gap: 8px; }.journal-nav > .section-heading:first-child h2 { flex-shrink: 0; }.journal-nav > .section-heading:first-child .icon-row { margin-left: auto; }
.gallery-privacy-actions, .gallery-privacy { display: flex; align-items: center; gap: 8px; }.gallery-privacy-actions { margin-bottom: 12px; }.gallery-privacy-actions:not(:has(> :not([hidden]))) { display: none; }
.gallery-privacy { margin-top: 8px; }.gallery-privacy svg { width: 13px; height: 13px; }.gallery-privacy-actions .status-tag { flex-shrink: 1; overflow-wrap: anywhere; }
.privacy-session-name { font-size: 16px; overflow-wrap: anywhere; }.privacy-albums { display: grid; gap: 8px; }.privacy-albums .checkbox-label { min-height: 36px; align-items: flex-start; }.privacy-albums .checkbox-label span { min-width: 0; overflow-wrap: anywhere; }.privacy-albums input { flex-shrink: 0; }
.editor-footer .icon-button { width: 29px; height: 30px; }
.gallery-pane { display: flex; flex-direction: column; gap: 10px; padding-left: 20px; border-left: 1px solid var(--line); background: #101512ab; }
.gallery-filters { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px; }
.gallery-upload-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.gallery-upload-actions .command-button { flex: 1; min-width: 0; min-height: 44px; padding: 8px; font-size: 12px; white-space: nowrap; }
.public-upload-actions { max-width: 340px; margin-bottom: 18px; }
.gallery-filters select { min-height: 34px; font-size: 12px; padding-inline: 7px; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: 12px; align-content: start; }
.gallery-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 40px; font: 11px var(--mono); }
.gallery-breadcrumbs a { overflow-wrap: anywhere; }.gallery-breadcrumbs a + a::before { content: '/'; margin-right: 8px; color: var(--muted); }.gallery-breadcrumbs [aria-current=page] { color: var(--ink); }
.galleries-view .topic-link { display: block; max-width: 100%; overflow-wrap: anywhere; }
.galleries-view .feed-heading h2 { overflow-wrap: anywhere; }.galleries-view .feed-heading > div { min-width: 0; flex: 1 1 240px; }.galleries-view .feed-heading .gallery-upload-actions { margin-right: 0; }
.gallery-page-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-block: 12px; margin-bottom: 18px; border-block: 1px solid var(--line); }
.gallery-page-controls .search-field { flex: 1 1 240px; }.gallery-page-controls > select { width: 145px; }.gallery-page-controls .segmented { flex-shrink: 0; }
.session-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 20px; }
.session-gallery { display: flex; flex-direction: column; min-width: 0; color: var(--ink); border-bottom: 1px solid var(--line); padding-bottom: 14px; }
.session-gallery:hover { text-decoration: none; color: var(--accent); }.session-gallery strong { margin: 12px 0 5px; font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }.session-gallery small { color: var(--muted); font: 11px var(--mono); }
.session-gallery-cover { display: grid; place-items: center; width: 100%; aspect-ratio: 16/10; overflow: hidden; background: var(--surface); color: var(--muted); border-radius: 4px; }
.session-gallery-cover img { width: 100%; height: 100%; object-fit: cover; }.session-gallery-cover svg { width: 32px; height: 32px; }
.session-media-grid .asset-tools { grid-template-columns: repeat(5, minmax(0, 1fr)); }.session-media-grid .asset-tools .icon-button { min-height: 40px; }
.community-gallery-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }.community-gallery-heading .public-upload-actions { margin: 0; flex: 1 1 240px; }
@media (max-width: 760px) {
  .main-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }.main-nav .nav-button { flex-direction: column; min-width: 0; min-height: 54px; padding: 6px 2px; gap: 4px; font-size: 12px; }
  .galleries-view .feed-heading > div { flex-basis: 100%; }.galleries-view .feed-heading > .text-button { padding-inline: 4px; font-size: 12px; }.galleries-view .feed-heading .gallery-upload-actions { flex: 1 1 100%; }
  .gallery-page-controls { gap: 8px; }.gallery-page-controls .search-field { flex-basis: 100%; }.gallery-page-controls > select { width: calc(50% - 4px); font-size: 14px; }.gallery-page-controls .segmented { margin-left: auto; }
  .session-gallery-grid { gap: 18px; }.gallery-breadcrumbs { font-size: 10px; }.session-media-grid .asset-tools .icon-button { min-height: 44px; }
}
.asset { min-width: 0; background: #18221b; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; }
.asset-frame { display: grid; place-items: center; aspect-ratio: 4/3; width: 100%; overflow: hidden; border: 0; padding: 0; background: #0a110c; color: var(--muted); }
.asset-frame img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.asset-frame:hover img { transform: scale(1.03); }
.asset-frame > svg { width: 28px; height: 28px; }
.asset figcaption { padding: 8px 8px 0; overflow-wrap: anywhere; line-height: 1.4; font-size: 12px; }
.asset small { display: block; padding: 3px 8px 7px; color: var(--muted); font: 9px var(--mono); }
.asset-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.asset-tools .icon-button { height: 36px; width: 100%; }
.gallery-pane .asset-tools .icon-button:first-child { color: var(--accent); }
.music-mini { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.music-summary { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 0; color: var(--ink); background: transparent; border: 0; }
.music-summary img { width: 48px; height: 48px; object-fit: cover; flex-shrink: 0; }
.music-summary > span { min-width: 0; flex: 1; }
.music-summary strong, .music-summary small { display: block; overflow-wrap: anywhere; }
.music-summary strong { font-size: 13px; font-weight: 500; }.music-summary small { color: var(--muted); font-size: 11px; }
.music-mini-actions { display: flex; justify-content: space-between; margin-top: 9px; gap: 4px; }
.music-mini-actions .text-button { padding: 6px 4px; font-size: 11px; gap: 5px; }
.dashboard-view { min-width: 0; }
.dashboard-view .feed-heading > div { min-width: 0; flex: 1; }
.dashboard-view .feed-heading h2 { font-size: 22px; }
.dashboard-view .feed-heading .muted { margin-top: 4px; font-size: 12px; }
.dashboard-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding: 20px 0; border-block: 1px solid var(--line); margin-bottom: 24px; }
.dashboard-stat { min-width: 0; display: grid; gap: 4px; padding: 0 12px; text-align: left; background: transparent; border: 0; border-left: 2px solid var(--line); color: var(--muted); }
.dashboard-stat strong { font: 26px var(--mono); color: var(--ink); overflow-wrap: anywhere; }
.dashboard-stat span { font-size: 12px; overflow-wrap: anywhere; }
.dashboard-stat:hover { border-color: var(--accent); }
.dashboard-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 28px; }
.dashboard-nav { display: flex; flex-direction: column; align-self: start; gap: 4px; padding-right: 16px; border-right: 1px solid var(--line); }
.dashboard-nav button { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px; background: transparent; border: 1px solid transparent; border-radius: 4px; color: var(--muted); text-align: left; }
.dashboard-nav button span { min-width: 0; overflow-wrap: anywhere; }
.dashboard-nav button.active { color: var(--accent); background: #a9ddb70c; border-color: #a9ddb730; }
.dashboard-main { min-width: 0; }
.management-status { min-height: 24px; font-size: 12px; overflow-wrap: anywhere; }
.dashboard-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.dashboard-overview > div { min-width: 0; }
.dashboard-overview h3 { margin-top: 0; }
.dashboard-controls { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 12px; margin-bottom: 18px; }
.management-list { display: flex; flex-direction: column; min-width: 0; }
.management-item { min-width: 0; padding: 16px 0; border-bottom: 1px solid var(--line); }
.management-heading { display: flex; align-items: start; gap: 10px; min-width: 0; }
.management-heading > div { flex: 1; min-width: 0; }
.management-heading strong, .management-heading a, .management-heading small { display: block; overflow-wrap: anywhere; }
.management-heading strong { font-weight: 500; }
.management-heading small { color: var(--muted); font-size: 11px; margin-top: 4px; }
.management-item p { margin-top: 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.management-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.management-actions .icon-button, .dashboard-view .icon-button { width: 44px; height: 44px; }
.management-actions .command-button { min-height: 44px; font-size: 12px; }
.trash-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 0 0 16px; border-bottom: 1px solid var(--line); margin-bottom: 8px; }.trash-actions p { flex: 1 1 260px; min-width: 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }.trash-actions .command-button { min-height: 44px; }
.management-thumbnail { width: 56px; height: 56px; object-fit: cover; flex: 0 0 56px; border-radius: 4px; }
.management-item .status-tag { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 10px; }
.status-tag.pending { color: var(--gold); }.status-tag.rejected, .status-tag.archived { color: var(--warm); }
.management-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 14px; }
.management-form-grid label, .dashboard-settings form > label { display: flex; flex-direction: column; gap: 7px; font-size: 12px; }
.dashboard-link-form { padding-bottom: 20px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.dashboard-link-form h3 { margin: 0 0 14px; }
.dashboard-settings { max-width: 660px; }
.dashboard-analytics { min-width: 0; }
.dashboard-analytics .section-heading { flex-wrap: wrap; }.dashboard-analytics .section-heading h3 { margin: 0; }.analytics-caption { font-size: 11px; margin-top: 5px; }
.analytics-actions { display: flex; align-items: center; gap: 8px; }.analytics-actions select, #analyticsScope { width: auto; max-width: 100%; }
.analytics-chart { display: grid; grid-template-columns: repeat(var(--points, 30), minmax(0, 1fr)); gap: 3px; align-items: end; height: 190px; padding-top: 16px; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to top, transparent 0, transparent 46px, #a0aeac12 47px, transparent 48px); }
.analytics-chart-column { min-width: 0; display: flex; align-items: end; height: 100%; }.analytics-bar { display: block; width: 100%; min-height: 2px; background: var(--accent); opacity: .8; border-radius: 2px 2px 0 0; }.analytics-chart.gallery .analytics-bar { background: var(--gold); }.analytics-chart-column:hover .analytics-bar { opacity: 1; }
.analytics-chart-range { display: flex; justify-content: space-between; gap: 10px; font: 10px var(--mono); color: var(--muted); margin: 8px 0 20px; }
.analytics-daily-table { margin-bottom: 24px; }.analytics-daily-table summary { cursor: pointer; color: var(--accent); font-size: 12px; min-height: 40px; padding-block: 10px; }.analytics-table-scroll { width: 100%; overflow-x: auto; }.analytics-daily-table table { width: 100%; border-collapse: collapse; font-size: 12px; }.analytics-daily-table th, .analytics-daily-table td { padding: 10px; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--line); }.analytics-daily-table th:first-child, .analytics-daily-table td:first-child { text-align: left; }
.analytics-breakdown { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr); gap: 28px; }.analytics-breakdown > section { min-width: 0; }.analytics-breakdown h3 { margin-top: 0; }
.analytics-category-row, .analytics-page-row { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); min-width: 0; }.analytics-category-row > span:first-child, .analytics-page-row > a { min-width: 0; overflow-wrap: anywhere; }.analytics-category-row > strong, .analytics-page-row > strong { flex-shrink: 0; font: 12px var(--mono); }
@media (max-width: 760px) { .analytics-breakdown { grid-template-columns: minmax(0, 1fr); }.analytics-chart { gap: 2px; }.dashboard-analytics .section-heading { gap: 14px; } }
.dashboard-settings form { display: grid; gap: 18px; }
.dashboard-settings h3 { margin-top: 0; }
.dashboard-settings form > .checkbox-label { flex-direction: row; align-items: center; }
.account-danger-zone { border-top: 1px solid #eaa58c55; margin-top: 32px; padding-top: 20px; }
.account-danger-zone h3 { color: var(--warm); margin-top: 0; }
.account-danger-zone p { color: var(--muted); font-size: 12px; }
.account-danger-zone .dialog-actions, .dashboard-link-form .dialog-actions { margin-top: 16px; flex-wrap: wrap; }
.comment header .status-tag { flex-shrink: 1; }
.comment header { flex-wrap: wrap; }
.author-links { overflow-wrap: anywhere; }
#messageTitle, #deleteAccountIdentity { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .main-nav { gap: 2px; }.main-nav .nav-button { padding-inline: 7px; } }
@media (max-width: 760px) {
  .main-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .dashboard-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .dashboard-layout { display: block; }
  .dashboard-nav { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 12px; margin-bottom: 16px; }
  .dashboard-nav button { flex: 0 0 auto; padding-inline: 12px; }
  .dashboard-overview, .management-form-grid { grid-template-columns: minmax(0, 1fr); }
  .dashboard-controls { grid-template-columns: minmax(0, 1fr); }
  .management-heading { flex-wrap: wrap; }.management-heading > div { min-width: 120px; }
  .dashboard-view .feed-heading > div { flex-basis: 100%; }
}
@media (max-width: 480px) {
  .main-nav .nav-button { min-height: 44px; }.main-nav .nav-button span { display: none; }
}
.now-playing { margin: 24px 0; border-block: 1px solid #a9ddb735; padding: 16px 0; font-family: var(--mono); }
.now-playing > a { display: flex; align-items: center; gap: 14px; color: var(--ink); text-decoration: none; }
.now-playing img { width: 84px; height: 70px; object-fit: cover; margin: 0; flex-shrink: 0; }
.now-playing a > span { display: grid; gap: 3px; min-width: 0; }
.now-playing small { color: var(--accent); font-size: 10px; text-transform: uppercase; }.now-playing strong { font-size: 13px; line-height: 1.5; }.now-playing span span, .now-playing time { color: var(--muted); font-size: 10px; }
.feed-heading { display: flex; align-items: center; gap: 16px; margin: 12px 0 22px; flex-wrap: wrap; }
.feed-heading > h2 { font-size: 24px; font-weight: 500; margin-right: auto; }.feed-heading .search-field { width: min(300px, 100%); }
.public-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 44px; }
.published-entries { max-width: 1000px; }
.published-entry { padding: 0 0 30px; border-bottom: 1px solid var(--line); margin-bottom: 30px; background: #101512cf; }
.published-entry header { margin-bottom: 20px; }
.published-entry h2 { font: 600 24px/1.5 var(--mono); overflow-wrap: anywhere; }.published-entry h2 a { color: var(--ink); }
.post-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; font: 11px var(--mono); color: var(--muted); margin-top: 10px; }.post-tags { color: var(--gold); }
.pagination { display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--muted); font: 11px var(--mono); }
dialog { color: var(--ink); background: #19221c; border: 1px solid #4a5d50; border-radius: 6px; padding: 0; width: min(520px, calc(100% - 28px)); max-height: calc(100dvh - 32px); box-shadow: 0 20px 100px #0008; }
dialog::backdrop { background: #050b08c7; }
.wide-dialog { width: min(760px, calc(100% - 28px)); }.music-dialog { width: min(1100px, calc(100% - 28px)); }
.dialog-body { padding: 22px; display: flex; flex-direction: column; gap: 15px; min-width: 0; }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.dialog-heading h2 { font-size: 20px; overflow-wrap: anywhere; }
.dialog-body > label, .dialog-body form > label, .inline-form > label, .slider-grid > label, .music-link-form > label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: var(--muted); font-size: 12px; }
.dialog-body label.checkbox-label { flex-direction: row; }
.dialog-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.dialog-actions.wrap { flex-wrap: wrap; }
.form-error { color: var(--warm); font-size: 12px; min-height: 0; overflow-wrap: anywhere; }.form-error:empty { display: none; }
.auth-tabs { width: 100%; }.auth-tabs button { flex: 1; }
.inline-form { display: flex; align-items: end; gap: 10px; }.inline-form > label { flex: 1; }
.password-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-top: 1px solid var(--line); margin-top: 8px; padding-top: 14px; }.password-form h3 { grid-column: 1/-1; margin: 0; }.password-form button { grid-column: 1/-1; justify-self: start; }
.login-list { display: flex; flex-direction: column; gap: 8px; }.login-row { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 9px; }.login-row > span { min-width: 0; flex: 1; overflow-wrap: anywhere; font-size: 12px; }.login-row small { display: block; color: var(--muted); font: 10px var(--mono); margin-top: 4px; }
.file-picker input { padding: 14px 10px; border-style: dashed; }.file-picker input::file-selector-button { margin-right: 10px; padding: 8px 10px; color: var(--accent); background: var(--raised); border: 1px solid var(--line); border-radius: 3px; }
progress { width: 100%; height: 8px; accent-color: var(--accent); }
.upload-queue { list-style: none; margin: 0; padding: 0; max-height: 240px; overflow-y: auto; }.upload-queue li { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line); }.upload-file-info { min-width: 0; display: grid; gap: 4px; }.upload-file-info strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }.upload-file-status, .upload-status { font: 11px var(--mono); color: var(--muted); overflow-wrap: anywhere; }.upload-queue li[data-status="failed"] .upload-file-status { color: var(--warm); }.upload-queue li[data-status="uploaded"] .upload-file-status { color: var(--accent); }
.media-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); max-height: 480px; overflow: auto; }
.media-type-filter { width: 180px; margin: 0 0 20px; }
.media-badge { position: absolute; left: 6px; bottom: 6px; padding: 3px 6px; background: #0b1411de; color: var(--ink); font: 10px var(--mono); border: 1px solid var(--line); border-radius: 3px; }
.asset-frame { position: relative; }
.public-video { display: block; width: 100%; max-height: 68dvh; aspect-ratio: 16/9; background: #080b0b; }
.public-audio { display: block; width: 100%; min-height: 54px; margin: 30px 0; }
.file-preview { display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 220px; background: #121818; padding: 30px; font: 16px var(--mono); overflow-wrap: anywhere; }.file-preview svg { width: 40px; height: 40px; flex-shrink: 0; }
.media-embed { margin: 22px 0; max-width: 100%; }.media-embed video { display: block; width: 100%; max-height: 540px; aspect-ratio: 16/9; background: #080b0b; }.media-embed audio { display: block; width: 100%; min-height: 50px; }.media-embed figcaption { margin-top: 8px; font: 11px var(--mono); overflow-wrap: anywhere; }
#lightboxMedia .public-photo, #lightboxMedia .public-video { max-height: 56dvh; height: auto; min-height: 150px; }
@media (max-width: 760px) { .media-type-filter { width: 100%; font-size: 16px; }.file-preview { min-height: 160px; font-size: 13px; }.public-video, .media-embed video { max-height: 54dvh; }.public-audio { min-height: 54px; } }
.lightbox-image { width: 100%; max-height: 56dvh; object-fit: contain; background: #0c120e; }
.slider-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }output { color: var(--accent); font-family: var(--mono); font-size: 11px; }
#inheritAppearance { margin-right: auto; }
.music-link-form, .music-settings-form { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }.music-link-form > label { flex: 1; min-width: 140px; }.music-settings-form { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 15px; }.music-settings-form > label:first-child { min-width: 150px; }.music-settings-form > label.checkbox-label { min-height: 40px; }
#musicFrame { display: block; width: 100%; height: 560px; border: 1px solid var(--line); background: var(--bg); }
.toast { position: fixed; z-index: 20; right: 20px; bottom: max(20px, env(safe-area-inset-bottom)); max-width: min(460px, calc(100% - 28px)); background: #263b2d; color: #e7eee0; border: 1px solid #738f78; border-radius: 4px; padding: 12px 16px; font-size: 13px; overflow-wrap: anywhere; animation: toast-in .15s ease-out; }.toast.error { background: #432c26; border-color: #aa6c53; }
.cm-panels input { width: auto; min-width: 60px; max-width: 100%; }.cm-panels button { min-height: 32px; }.cm-search { display: flex; flex-wrap: wrap; gap: 6px; padding: 9px !important; }.cm-search label { display: inline-flex; align-items: center; gap: 3px; }.cm-search input[type=checkbox] { width: 15px; }.cm-search br { display: none; }.cm-search > input { flex: 1; width: 100px; }
.explore-stats { color: var(--muted); font: 11px/1.6 var(--mono); margin-top: 6px; }
.feed-heading > div { margin-right: auto; }.feed-heading h2 { font: 500 28px/1.4 var(--sans); }
.public-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-block: 12px; border-block: 1px solid var(--line); }.public-controls > select { width: 145px; font-size: 12px; }.public-controls > .segmented:first-child { margin-right: auto; }
.topic-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; min-height: 38px; margin: 10px 0 22px; }.topic-link { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); padding: 5px 0; border: 0; border-bottom: 1px solid transparent; background: transparent; font: 11px var(--mono); }.topic-link:hover, .topic-link.active { color: var(--accent); border-bottom-color: var(--accent); }.topic-link svg { width: 13px; height: 13px; }.topic-link small { color: var(--gold); }
.post-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; }.reaction-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 70px; height: 38px; padding: 5px 10px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); background: transparent; font: 12px var(--mono); }.reaction-button[aria-pressed=true] { color: var(--accent); border-color: #a9ddb766; background: #a9ddb710; }.reaction-button:hover { border-color: var(--accent); }.reaction-button span { min-width: 3ch; }
.entry-excerpt { max-height: 330px; overflow: hidden; }.read-entry { margin-left: auto; font-size: 12px; color: var(--accent); }.post-tags { display: flex; flex-wrap: wrap; gap: 9px; }.post-tags button { color: var(--gold); font: inherit; border: 0; background: transparent; padding: 0; }.post-tags button:hover { text-decoration: underline; }
.community-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; padding-top: 5px; }.community-gallery .asset { background: #1b2021; border-color: #394442; }.community-gallery .asset figcaption { padding: 13px 13px 0; font: 500 15px/1.5 var(--sans); }.asset-author { display: block; padding: 5px 13px 0; color: var(--accent); font-size: 11px; }.asset-description { color: #bac3bd; font: 12px/1.7 var(--mono); margin: 8px 13px; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.community-gallery .asset > small { padding: 7px 13px; }.community-gallery .post-actions { padding: 0 13px 13px; margin-top: 8px; }.community-gallery[data-layout=list] { grid-template-columns: minmax(0, 1fr); }.community-gallery[data-layout=list] .asset { display: grid; grid-template-columns: 240px minmax(0, 1fr); }.community-gallery[data-layout=list] .asset-frame { grid-row: 1/6; height: 100%; min-height: 190px; }.community-gallery[data-layout=list] .asset > :not(.asset-frame) { grid-column: 2; }
.writers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }.writer { min-width: 0; padding: 20px 0; border-block: 1px solid var(--line); }.writer h3 { font-size: 16px; margin: 0 0 5px; }.writer .author-bio { margin: 12px 0; font-size: 12px; }.writer-stats { font: 11px var(--mono); color: var(--gold); }.sidebar-writers { display: grid; gap: 14px; }.sidebar-writer { display: flex; align-items: center; gap: 11px; }.sidebar-writer span:last-child { display: grid; gap: 2px; min-width: 0; }.sidebar-writer strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }.sidebar-writer small { color: var(--muted); font: 10px var(--mono); }
.author-profile { border-bottom: 1px solid var(--line); margin: 14px 0 20px; padding-bottom: 22px; }.author-identity { display: flex; align-items: center; gap: 14px; }.author-initial { display: grid; place-items: center; width: 52px; height: 52px; flex-shrink: 0; background: #aecdc319; border: 1px solid #aecdc34a; border-radius: 4px; color: var(--accent); font: 600 20px var(--mono); }.sidebar-writer .author-initial { width: 34px; height: 34px; font-size: 13px; }.author-identity h3 { margin: 0; font: 500 20px var(--sans); }.author-bio { font: 13px/1.8 var(--mono); color: #c2cec6; white-space: pre-wrap; overflow-wrap: anywhere; margin: 16px 0; max-width: 85ch; }.author-links { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; color: var(--muted); font-size: 12px; }.author-links > * { display: inline-flex; align-items: center; gap: 6px; }.author-links svg { width: 15px; height: 15px; }
.photo-view { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; }.public-photo { display: block; width: 100%; height: min(68dvh, 660px); object-fit: contain; background: #0d1112; }.photo-caption { font: 13px/1.9 var(--mono); margin-top: 24px; white-space: pre-wrap; overflow-wrap: anywhere; }.photo-details { border-left: 1px solid var(--line); padding-left: 22px; min-width: 0; }.photo-details dl { margin: 25px 0; font: 11px/1.8 var(--mono); }.photo-details dt { color: var(--muted); margin-top: 14px; }.photo-details dd { margin: 0; overflow-wrap: anywhere; }.photo-entry-links { display: grid; gap: 10px; font: 12px var(--mono); margin-bottom: 20px; }
.profile-form, .comment-form { display: flex; flex-direction: column; gap: 13px; }.profile-form .slider-grid > label { display: grid; gap: 7px; }.dialog-body .profile-form label.checkbox-label { display: flex; flex-direction: row; }.profile-form textarea, .comment-form textarea, #assetDescription { font-family: var(--mono); line-height: 1.7; }.comment-list { display: grid; gap: 18px; }.comment { padding-bottom: 15px; border-bottom: 1px solid var(--line); }.comment header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin-bottom: 8px; }.comment header time { font: 10px var(--mono); }.comment header .icon-row { margin-left: auto; }.comment p { font: 12px/1.85 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }.comment-form { border-top: 1px solid var(--line); padding-top: 18px; }.comment-form > label { display: grid; gap: 7px; font-size: 12px; color: var(--muted); }.visibility-mark { margin-left: auto; color: var(--gold); }.asset > .visibility-mark { display: block; padding: 0 8px 7px; font: 9px var(--mono); }
@media (max-width: 760px) { .feed-heading h2 { font-size: 24px; }.public-controls { gap: 8px; }.public-controls > select { font-size: 14px; min-height: 44px; width: calc(50% - 4px); }.public-controls > .segmented:first-child { width: 100%; }.public-controls > .segmented:first-child button { flex: 1; }.topic-link { min-height: 38px; }.community-gallery { grid-template-columns: minmax(0, 1fr); gap: 18px; }.community-gallery[data-layout=list] .asset { grid-template-columns: 110px minmax(0, 1fr); }.community-gallery[data-layout=list] .asset-frame { min-height: 170px; }.community-gallery[data-layout=list] .asset-description { -webkit-line-clamp: 2; }.photo-view { grid-template-columns: minmax(0, 1fr); gap: 25px; }.photo-details { border-left: 0; padding: 20px 0 0; border-top: 1px solid var(--line); }.public-photo { height: min(58dvh, 480px); }.photo-details dl { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px; }.photo-details dt { margin-top: 0; }.photo-details dd { margin-bottom: 12px; }.photo-caption, .author-bio { font-size: 12px; }.reaction-button { height: 44px; }.asset-tools .icon-button { width: 100%; height: 44px; }.writer { padding: 16px 0; }.explore-stats { max-width: 250px; }.comment-form textarea { font-size: 16px; }.author-links { gap: 10px; }.entry-excerpt { max-height: 270px; }.author-profile { padding-bottom: 18px; } }
@keyframes toast-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1200px) {
  .shell { padding-inline: 16px; }.workspace { grid-template-columns: 180px minmax(0, 1fr) minmax(300px, .55fr); gap: 16px; }.journal-nav { padding-right: 12px; }.gallery-pane { padding-left: 12px; }.topbar { gap: 14px; }.main-nav { gap: 3px; }.nav-button { padding-inline: 8px; }.preview-pane { padding: 16px; }.public-layout { grid-template-columns: minmax(0, 1fr) 250px; gap: 25px; }
}
@media (max-width: 1000px) {
  .workspace { grid-template-columns: minmax(0, 1fr) minmax(300px, .6fr); }.journal-nav { grid-column: 1/-1; min-height: 0; border-right: 0; padding: 0 0 14px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 16px; }.entry-heading { margin-top: 0; grid-column: 2; grid-row: 1; }.journal-nav > .section-heading:first-child { grid-row: 1; }.journal-nav > #sessionSelect { grid-row: 2; grid-column: 1; }.journal-nav > .search-field { grid-row: 2; grid-column: 2; }.journal-nav > #entryFilter { grid-row: 3; grid-column: 1; }.entry-list { grid-column: 1/-1; max-height: 140px; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }.nav-bottom { grid-row: 3; grid-column: 2; flex-direction: row; padding: 0; margin: 0; border: 0; gap: 6px; }.nav-bottom .text-button { font-size: 11px; }.main-nav .home-link { display: none; }.editor-stage { height: 500px; }.editor-actions { gap: 8px; }.save-actions .command-button { padding: 6px 8px; }
}
@media (max-width: 760px) {
  .shell { padding: 0 12px 24px; }.topbar { grid-template-columns: 1fr auto; gap: 8px; padding: 12px 0 8px; }.brand h1 { font-size: 22px; }.brand > svg { width: 25px; height: 25px; }.main-nav { grid-column: 1/-1; grid-row: 2; justify-content: space-between; }.nav-button { min-height: 42px; }.account-button { max-width: 155px; }.workspace, .public-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }.gallery-pane { border-left: 0; padding: 16px 0 0; border-top: 1px solid var(--line); }.gallery-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }.icon-button, .markdown-toolbar button { width: 44px; height: 44px; }.section-heading { min-height: 46px; }.journal-nav { gap: 8px; }.entry-list { max-height: 124px; }.entry-item { padding: 8px; }.entry-title { font-size: 20px; }.editor-actions { padding: 9px 8px; }.segmented button { min-height: 39px; padding-inline: 8px; }.save-actions .command-button { min-height: 44px; }.editor-stage { height: 470px; min-height: 470px; }.editor-stage[data-mode=split] { grid-template-columns: minmax(0, 1fr); grid-template-rows: 350px 350px; height: 700px; }.editor-stage[data-mode=split] .preview-pane { border-left: 0; border-top: 1px solid var(--line); }.markdown-toolbar { padding: 5px; gap: 1px; }.markdown-toolbar select { min-height: 40px; }.toolbar-divider { display: none; }.editor-footer { font-size: 10px; gap: 8px; }.editor-footer .icon-button { width: 40px; height: 40px; }.editor-footer .icon-row { margin-left: auto; }.gallery-filters select, .entry-meta input, .entry-meta select, input, select { font-size: 16px; min-height: 44px; }.gallery-filters select { font-size: 14px; }.entry-meta { grid-template-columns: minmax(0, 1fr); }.entry-meta input, .entry-meta select { font-size: 14px; }.feed-heading { gap: 10px; margin-bottom: 20px; }.feed-heading > h2 { font-size: 21px; }.feed-heading .search-field { width: 100%; order: 3; }.published-entry h2 { font-size: 20px; }.prose { font-size: 12px; }.prose h1 { font-size: 21px; }.prose h2 { font-size: 18px; }.now-playing img { width: 64px; height: 60px; }.dialog-body { padding: 16px; }.dialog-heading h2 { font-size: 18px; }.password-form { grid-template-columns: minmax(0, 1fr); }.dialog-actions { gap: 8px; }.command-button { min-height: 44px; }.music-dialog { width: calc(100% - 16px); }#musicFrame { height: 610px; }.music-link-form > label { flex-basis: 100%; }.music-settings-form { align-items: stretch; flex-direction: column; }.music-settings-form label { min-height: 30px; }.music-mini-actions { justify-content: flex-start; gap: 20px; }.music-mini-actions .text-button { font-size: 12px; }.asset-tools .icon-button { width: 40px; height: 40px; }.cm-panels input, .cm-panels button { font-size: 16px; }.page-banner { max-height: 180px; }
}
@media (max-width: 390px) {
  .shell { padding-inline: 8px; }.brand { gap: 8px; }.version { display: none; }.nav-button { font-size: 12px; padding-inline: 6px; }.account-button { max-width: 130px; }.nav-bottom .text-button { gap: 4px; padding-inline: 0; }.nav-bottom .text-button svg { width: 14px; height: 14px; }.editor-actions { flex-direction: column; align-items: stretch; }.editor-actions > .segmented { align-self: flex-start; }.save-actions { justify-content: flex-end; }.gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.slider-grid { gap: 8px; }
}
@media (max-width: 760px) { .nav-bottom { flex-wrap: wrap; } }
@media (min-width: 761px) {
  .editor-stage { min-height: 320px; height: var(--editor-height, max(430px, calc(100dvh - 310px))); }
  .editor-stage[data-mode=split] { grid-template-columns: minmax(0, var(--editor-split, 50%)) 12px minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .editor-stage { min-height: 320px; height: var(--editor-height, 470px); }
  .editor-stage[data-mode=split] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, var(--editor-split, 50%)) 24px minmax(0, 1fr); height: var(--editor-height, 700px); }
  .editor-splitter { cursor: row-resize; }
  .editor-splitter::after { width: 42px; height: 3px; }
  .editor-height-handle { height: 28px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }