/* Shared layout corrections without clipping user content. */
.maintenance-intro { margin-bottom: 20px; text-align: center; overflow-wrap: anywhere; }
.maintenance-intro h1 { margin: 0 0 8px; font-size: 24px; line-height: 1.25; letter-spacing: 0; }
.maintenance-intro p { margin: 0; color: var(--muted, #aeb8c8); font-size: 14px; line-height: 1.5; }
.compose-form.is-file-dragover { outline: 2px dashed #86d6bc; outline-offset: 5px; }
.compose-form.is-file-dragover .compose-textarea { background: #86d6bc12; }
.sketch-artist-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 16px; }
.sketch-artist-folder { display: grid; grid-template-rows: auto 1fr; min-width: 0; border: 1px solid #3a4350; border-radius: 8px; overflow: hidden; background: #ffffff04; color: inherit; text-decoration: none; }
.sketch-artist-folder:hover { color: inherit; border-color: #86d6bc; }
.sketch-artist-folder:focus-visible { outline: 2px solid #86d6bc; outline-offset: 3px; }
.sketch-artist-cover { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 3 / 2; min-width: 0; background: #0e131b; }
.sketch-artist-cover img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.sketch-folder-icon { display: inline-block; width: 24px; height: 24px; flex: 0 0 24px; color: #a0dec9; background: currentColor; mask: url('/icons/navigation/folder.svg') center / contain no-repeat; }
.sketch-artist-cover > .sketch-folder-icon { position: absolute; bottom: 10px; right: 10px; }
.sketch-artist-label { display: grid; gap: 4px; min-width: 0; padding: 12px; overflow-wrap: anywhere; }
.sketch-artist-label small, .sketch-artist-label > span { font-size: 12px; color: #aeb8c8; }
.sketch-artist-content { padding-block: 20px; }
.sketches-main .sketch-overview-section { margin-block: 20px 28px; min-width: 0; }
.sketches-main .sketch-overview-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.sketches-main .sketch-overview-heading h2 { margin: 0; letter-spacing: 0; overflow-wrap: anywhere; }
.sketches-main .sketch-overview-heading > a { width: auto; justify-self: end; }
.sketches-main .sketch-overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sketches-main .sketch-overview-grid .sketch-card-body { padding: 10px; }
.sketches-main .sketch-overview-grid .sketch-card-actions { padding: 0 10px 10px; gap: 4px; }
.sketches-main .sketch-overview-grid .sketch-card-body :is(h3, .music-album-description) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sketches-main .sketch-overview-grid .sketch-card-body h3 { font-size: 16px; }
.sketch-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; padding-block: 20px; }
.sketch-artists-panel .section-head-inline { gap: 12px; }
.sketch-hero .section-head { min-width: 0; max-width: 100%; }
.sketch-hero :is(h1, p) { overflow-wrap: anywhere; }
.site-status-message { min-width: 0; overflow-wrap: anywhere; }
.community-feedback-trigger, .community-feedback-close { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 8px; border: 1px solid #86d6bc60; border-radius: 6px; background: #ffffff08; color: #d6f8ed; }
.community-feedback-trigger { margin-left: auto; }
.community-feedback-trigger span, .community-feedback-close::before { content: ''; display: block; width: 20px; height: 20px; background: currentColor; mask: url('/icons/navigation/message-square.svg') center / contain no-repeat; }
.community-feedback-close::before { mask-image: url('/icons/navigation/x.svg'); }
.community-feedback-trigger:hover, .community-feedback-close:hover { background: #ffffff18; }
.community-feedback-trigger:focus-visible, .community-feedback-dialog :is(button, input, textarea, select):focus-visible { outline: 2px solid #86d6bc; outline-offset: 2px; }
.community-feedback-dialog { width: min(480px, calc(100% - 24px)); max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); margin: auto; padding: 20px; border: 1px solid #3a4350; border-radius: 8px; background: #141a23; color: #edf0f4; overflow: auto; }
.community-feedback-dialog::backdrop { background: #000a; }
.community-feedback-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.community-feedback-head h2 { min-width: 0; margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.community-feedback-dialog :is(input, select, textarea) { width: 100%; min-width: 0; font-size: 16px; }
.community-feedback-dialog textarea { resize: vertical; }
.community-feedback-dialog [data-feedback-message] { overflow-wrap: anywhere; }
.community-feedback-dialog [data-state='success'] { color: #b6efda; border-color: #86d6bc60; background: #86d6bc12; }
.admin-report-detail-note p { white-space: pre-wrap; overflow-wrap: anywhere; }
.community-feedback-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
body:has(.community-feedback-dialog[open]) { overflow: hidden; }
.music-album-title-link { color: inherit; text-decoration: none; }
.music-album-title-link:hover { color: inherit; text-decoration: underline; }
.music-album-title-link:focus-visible, .music-album-description .mention-link:focus-visible { outline: 2px solid #86d6bc; outline-offset: 2px; }
.music-album-description { overflow-wrap: anywhere; white-space: pre-wrap; }
.own-profile-link { color: inherit; text-decoration: none; }
.own-profile-link:hover { color: inherit; outline: 1px solid #86d6bc80; outline-offset: 2px; }
.own-profile-link:focus-visible { outline: 2px solid #86d6bc; outline-offset: 3px; }
.topbar-actions .nav-user-chip { flex: 0 0 40px; width: 40px; height: 40px; min-height: 40px; padding: 0; align-items: center; justify-content: center; }
.nav-profile-avatar { display: grid; place-items: center; width: 100%; height: 100%; min-width: 0; overflow: hidden; border-radius: inherit; font-weight: 700; }
@media (min-width: 761px) {
  .topbar { flex-wrap: wrap; }
  .topbar .topnav.main-links { display: flex; }
  .topbar-actions .nav-user-chip { display: inline-flex; min-width: 40px; max-width: 40px; }
}
@media (min-width: 761px) and (max-width: 1280px) {
  .topbar .brand-wrap { width: auto; }
  .topbar .topnav.main-links { order: 3; flex: 1 0 100%; width: 100%; max-width: none; justify-content: flex-start; }
}
.music-album-detail-copy { grid-template-columns: minmax(0, 1fr); }
.music-album-detail-actions { flex-wrap: wrap; }
.music-album-detail-copy :is(h2, p, .music-album-eyebrow) { overflow-wrap: anywhere; }
.modern-row-card > .row-main { align-self: stretch; max-width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
.row-main :is(strong, span, small, p), .panel-item :is(strong, span, small) { min-width: 0; overflow-wrap: anywhere; }
.feed-main .section-head-inline { flex-wrap: wrap; }
.feed-main .section-head-inline > div:first-child { min-width: 0; max-width: 100%; }
.mini-messenger-head > div:first-child { display: grid; gap: 2px; min-width: 0; }
.mini-messenger-head small { display: block; font-size: 12px; color: #a4aebb; }
.sketch-command-icon { display: block; width: 20px; height: 20px; background: currentColor; mask: center / contain no-repeat; }
.sketch-command-undo { mask-image: url('/icons/navigation/undo-2.svg'); }
.sketch-command-redo { mask-image: url('/icons/navigation/redo-2.svg'); }
.sketch-command-clear { mask-image: url('/icons/navigation/trash.svg'); }
.sketch-command-edit { mask-image: url('/icons/navigation/pencil.svg'); }
.sketch-command-rectangle { mask-image: url('/icons/navigation/rectangle-horizontal.svg'); }
.sketch-command-ellipse { mask-image: url('/icons/navigation/circle.svg'); }
.sketch-command-eyedropper { mask-image: url('/icons/navigation/pipette.svg'); }
.sketch-owner-actions { display: flex; flex: 0 0 auto; gap: 6px; margin-left: auto; order: 1; }
.sketch-manage-action { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sketch-border); border-radius: 6px; color: #e5e7eb; background: #ffffff08; }
.sketch-manage-action:hover { background: #ffffff18; }
.sketch-manage-delete { color: #fda4af; }
.sketch-manage-action:focus-visible { outline: 2px solid #86d6bc; outline-offset: 2px; }
.sketch-edit-preview { display: grid; place-items: center; width: 100%; min-width: 0; margin-bottom: 16px; }
.sketch-edit-preview img { display: block; width: auto; max-width: 100%; max-height: 50dvh; object-fit: contain; }
.sketch-delete-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.sketch-delete-form .button-danger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: normal; }
.sketch-canvas-stage { display: grid; min-width: 0; min-height: 0; place-items: center; }
.sketch-canvas-stage .sketch-canvas { min-height: 0; max-height: none; height: auto; aspect-ratio: var(--sketch-ratio, 1.777777778); }
.sketch-canvas-wrap.is-fullscreen .sketch-toolbar { max-height: 45dvh; }
.sketch-canvas-wrap.is-fullscreen .sketch-fullscreen-close { order: -1; }
.sketch-canvas-wrap.is-fullscreen .sketch-canvas-stage .sketch-canvas { width: auto; height: auto; min-height: 0; max-width: 100%; max-height: 100%; }
@supports (width: 1cqw) {
  .sketch-canvas-wrap.is-fullscreen .sketch-canvas-stage { container-type: size; }
  .sketch-canvas-wrap.is-fullscreen .sketch-canvas-stage .sketch-canvas { width: min(100cqw, calc(100cqh * var(--sketch-ratio, 1.777777778))); }
}
body.sketch-fullscreen-open :is(.music-fab-shell, .chat-fab-shell, .mobile-bottom-nav) { display: none !important; }
.mobile-navigation { width: min(420px, calc(100% - 24px)); max-height: calc(100dvh - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding: 18px; margin: auto auto calc(84px + env(safe-area-inset-bottom)); border: 1px solid #3a4350; border-radius: 8px; background: #141a23; color: #edf0f4; overflow: auto; }
.mobile-navigation::backdrop { background: #000a; }
.mobile-navigation[open] { display: grid; gap: 14px; }
.mobile-navigation-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.mobile-navigation-head h2 { margin: 0; font-size: 18px; letter-spacing: 0; }
.mobile-navigation-close { display: grid; place-items: center; width: 36px; height: 36px; padding: 8px; border: 1px solid #3a4350; border-radius: 6px; color: inherit; background: #252d38; }
.mobile-navigation-close::before { content: ''; width: 18px; height: 18px; background: currentColor; mask: url('/icons/navigation/x.svg') center / contain no-repeat; }
.mobile-navigation-links { display: grid; gap: 4px; }
.mobile-navigation-links a, .mobile-navigation-logout { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; color: inherit; font: inherit; text-decoration: none; text-align: left; border: 0; border-radius: 6px; background: transparent; overflow-wrap: anywhere; }
.mobile-navigation-links a:hover, .mobile-navigation-links a.active { background: #ffffff0d; }
.mobile-navigation form { margin: 0; border-top: 1px solid #3a4350; padding-top: 8px; }
.mobile-navigation-logout { width: 100%; }
.mobile-navigation :is(a, button):focus-visible { outline: 2px solid #86d6bc; outline-offset: 2px; }
body.mobile-navigation-open { overflow: hidden; }
@media (max-width: 760px) {
  .sketches-main .sketch-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .sketches-main .sketch-overview-grid > :nth-child(n+3) { display: none; }
  .sketches-main .sketch-overview-grid .sketch-card-actions { padding: 0 6px 8px; }
  .sketches-main .sketch-overview-grid .sketch-card-actions :is(button, .like-button) { min-height: 40px; padding-inline: 5px; font-size: 12px; }
  .sketches-main .sketch-overview-grid .sketch-card-body h3 { font-size: 14px; }
  .sketches-main .music-subtab-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .sketches-main .music-subtab-nav > a { width: 100%; min-width: 0; min-height: 40px; padding: 8px; white-space: normal; overflow-wrap: anywhere; }
  .sketch-artist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .sketch-artist-label { padding: 10px; }
  .feed-main .section-head-inline > div:first-child { flex: 1 1 220px; }
  .sketch-tool-group > :is(.sketch-icon-tool, .sketch-tool-menu) { flex: 0 0 44px; width: 44px; }
  .sketch-tool-row { gap: 8px; }
  .sketch-toolbar { padding: 10px; gap: 10px; }
  .sketch-tool { min-width: 0; }
  .sketch-swatch { flex-basis: 38px; width: 38px; height: 44px; }
  .sketch-settings > summary { min-height: 40px; padding-block: 10px; }
  .sketch-settings-content > :is(.sketch-palette, .sketch-size-control, .sketch-background-control) { flex-basis: 100%; }
  .sketch-background-control { flex-wrap: wrap; }
  .sketch-background-control select { flex-basis: 100%; }
  .sketch-tool input[type='range'] { min-width: 0; width: 100%; }
  .music-album-detail-hero { grid-template-columns: minmax(0, 1fr); }
  .mobile-bottom-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); bottom: calc(8px + env(safe-area-inset-bottom)); left: max(8px, env(safe-area-inset-left)); right: max(8px, env(safe-area-inset-right)); gap: 2px; padding: 5px; }
  .mobile-bottom-nav:has(a:nth-of-type(3):last-of-type) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mobile-bottom-nav > :is(a, button) { display: flex; justify-content: center; align-items: center; min-width: 0; min-height: 44px; padding: 8px 2px; border: 0; border-radius: 6px; background: transparent; color: #dbe8ff; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0; text-decoration: none; }
  .mobile-bottom-nav > :is(a, button).active, .mobile-bottom-nav > :is(a, button):focus-visible { background: #6ea8fe29; color: #fff; }
  .mobile-bottom-nav > button::before { content: ''; flex: 0 0 16px; height: 16px; margin-right: 3px; background: currentColor; mask: url('/icons/navigation/menu.svg') center / contain no-repeat; }
  .main-content input:is([type='text'], [type='password'], [type='search'], [type='email'], [type='url'], [type='number'], [type='datetime-local']), .main-content textarea, .main-content select { font-size: 16px; }
  .main-content [contenteditable='true'], .mini-search, .mini-chat-compose .input { font-size: 16px; }
  .page-shell { padding-bottom: calc(108px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .cornerbook-body *, .cornerbook-body *::before, .cornerbook-body *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}