/* Music trimming stays usable on narrow screens and in both themes. */
html body dialog.music-trim {box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:16px;color:#252730;background:#fff;border-color:#d6dbe4}
html body .music-trim form {min-width:0;width:100%;max-width:100%}
html body .music-trim .trim-track {min-width:0}
html body .music-trim .trim-track>div {min-width:0;overflow-wrap:anywhere}
html body .music-trim .trim-track>button {flex:0 0 36px}
html body .music-trim .trim-values {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
html body .music-trim .trim-values label {min-width:0;white-space:normal}
html body .music-trim .trim-values input {box-sizing:border-box;min-width:0;width:100%;height:40px;border:1px solid #8b94a5;border-radius:6px;padding:6px 8px}
html body .music-trim .trim-footer {display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
html body .music-trim .trim-footer>button {width:auto!important;height:auto!important;min-height:40px;max-width:100%;padding:8px 16px!important;border-radius:8px!important;font-size:14px!important;line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:#252730!important;background:#f2f4f8!important;border:1px solid #8b94a5!important}
html body .music-trim .trim-footer>button.accent {background:#d72e5a!important;color:#fff!important;border-color:#d72e5a!important}
html body .music-trim :is(.small-note,.trim-track p) {color:#5c6472;line-height:1.5}
html body .music-trim [role="status"] {color:#a82140;line-height:1.5}
html body .music-trim .trim-info {flex-wrap:wrap;gap:8px}
html body .music-trim [data-reset] {width:auto;height:auto;min-height:36px;padding:4px 8px;border-radius:6px;line-height:1.4}
html[data-theme="dark"] body dialog.music-trim {background:#23262f;color:#f1f3f8;border-color:#626b7b}
html[data-theme="dark"] body .music-trim .trim-track {background:#191c24;color:#f1f3f8;border-color:#626b7b}
html[data-theme="dark"] body .music-trim :is(.small-note,.trim-track p,.trim-values label,.trim-info) {color:#c3ccdb}
html[data-theme="dark"] body .music-trim [role="status"] {color:#ffb8c9}
html[data-theme="dark"] body .music-trim .trim-values input {background:#191c24;color:#f1f3f8;border-color:#8390a6}
html[data-theme="dark"] body .music-trim .trim-footer>button:not(.accent) {background:#333947!important;color:#f1f3f8!important;border-color:#8390a6!important}
html:is([lang="ar"],[lang="he"]) .music-trim {direction:rtl;text-align:start}
html:is([lang="ar"],[lang="he"]) .legal-main {direction:rtl;text-align:start}
.legal-main a[href^="mailto:"] {direction:ltr;unicode-bidi:isolate;display:inline-block}
html body .music-trim :is(.trim-range,.trim-info,.trim-values input) {direction:ltr}
html body dialog.animated-config {box-sizing:border-box;max-height:calc(100dvh - 32px);color:#252730;background:#fff}
html body .animated-config form>header h3 {min-width:0;overflow-wrap:anywhere}
html body .animated-config form>header [data-close] {flex:0 0 32px}
html body .animated-config small {color:#5c6472}
html body .animated-config :is(.animated-tabs,footer,.animated-live>header) {flex-wrap:wrap}
html body .animated-config footer button {height:auto;max-width:100%;white-space:normal;line-height:1.4}
html body .animated-config footer .accent {background:#d72e5a!important;color:#fff!important;border-color:#d72e5a!important}
html[data-theme="dark"] body dialog.animated-config {background:#23262f;color:#f1f3f8;border:1px solid #626b7b}
html[data-theme="dark"] body .animated-config small {color:#c3ccdb}
html[data-theme="dark"] body .animated-config .animated-live {background:#191c24;border-color:#626b7b}
html[data-theme="dark"] body .animated-config .animated-live>header {color:#f1f3f8}
html[data-theme="dark"] body .animated-config .animated-tabs {border-color:#626b7b}
html[data-theme="dark"] body .animated-config .animated-tabs [aria-pressed=true] {border-bottom-color:#ff91ac!important;color:#ffd0dd!important}
html:is([lang="ar"],[lang="he"]) .animated-config {direction:rtl;text-align:start}
/* Keep the approved navigation width when translated labels wrap. */
html:not([lang="vi"]) :is(.sidebar,.site-sidebar) nav {
  min-width:0;
  max-width:100%;
  grid-template-columns:minmax(0,1fr);
}
html:not([lang="vi"]) :is(.sidebar,.site-sidebar) nav :is(a,button) {
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:start;
  height:auto;
  min-height:42px;
}
html:not([lang="vi"]) :is(.sidebar,.site-sidebar) nav :is(img,svg) {flex-shrink:0}
html:not([lang="vi"]) :is(.sidebar,.site-sidebar) nav a[href="/membership"]::after {flex-shrink:0;white-space:nowrap;overflow-wrap:normal}
html:is([lang="ar"],[lang="he"]) :is(.sidebar nav,.site-sidebar nav,.locale-dialog) {direction:rtl}
html:not([lang="vi"]) #categories .category {height:auto;min-height:76px;text-align:start}
html:not([lang="vi"]) #categories .category > span {min-width:0;flex:1}
html:not([lang="vi"]) #categories .category :is(strong,small) {white-space:normal;overflow-wrap:anywhere}
html:not([lang="vi"]) #categories .category > img {flex-shrink:0}
html:not([lang="vi"]) .hm-categories > button {min-width:0;height:auto;align-self:stretch}
html:not([lang="vi"]) .hm-categories > button > span {display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
html:not([lang="vi"]) .hm-banner {height:auto;min-height:100px}
html:not([lang="vi"]) .hm-banner > span {position:relative;inset:auto;width:56%;height:auto;min-height:100px;padding-block:12px}
html:not([lang="vi"]) .hm-banner small {white-space:normal;overflow:visible;text-overflow:clip}
.lv-auth .lv-auth-password {position:relative;display:block}
.lv-auth .lv-auth-password input {padding-inline-end:48px;width:100%;box-sizing:border-box}
.lv-auth .lv-auth-password .lv-auth-eye {position:absolute;inset-inline-end:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;min-height:0;margin:0;padding:0;border:0;background:transparent;color:#515969;box-shadow:none;cursor:pointer}
.lv-auth .lv-auth-eye svg [hidden] {display:none}
.lv-auth .lv-auth-eye:focus-visible {outline:2px solid #ee426b;outline-offset:-3px;border-radius:6px}
.lv-auth :is(.lv-auth-policy,.lv-auth-divider) {color:#626977}
.lv-auth .lv-auth-policy {line-height:1.6;overflow-wrap:anywhere}
html:is([lang="ar"],[lang="he"]) .lv-auth-card {direction:rtl}
html:is([lang="ar"],[lang="he"]) .lv-auth label {text-align:start}
.lv-auth input[type="email"] {direction:ltr;text-align:start}
html[data-theme="dark"] .lv-auth .lv-auth-card {background:#23262f;color:#f1f3f8;border:1px solid #424857}
html[data-theme="dark"] .lv-auth :is(.lv-auth-slogan,.lv-auth-description,.lv-auth-policy,.lv-auth-divider) {color:#c3ccdb}
html[data-theme="dark"] .lv-auth .lv-auth-policy a {color:#ffd0dd}
html[data-theme="dark"] .lv-auth .lv-auth-logo {background:#fff;border-radius:8px}
html[data-theme="dark"] .lv-auth input {background:#191c24!important;color:#f1f3f8!important;border-color:#626b7b!important}
html[data-theme="dark"] .lv-auth input::placeholder {color:#b2bdce;opacity:1}
html[data-theme="dark"] .lv-auth .lv-auth-eye {background:transparent!important;color:#e7e9ef!important;border:0!important}
html[data-theme="dark"] .lv-auth .lv-primary {background:#d72e5a!important;color:#fff!important;border-color:#d72e5a!important}
html:not([data-theme="dark"]) .member-comparison details p {color:#515d70}
html[data-theme="dark"] .member-comparison details p {color:#c3ccdb}
.member-comparison details {scroll-margin-top:110px}
html:is([lang="ar"],[lang="he"]) .lv-membership main {direction:rtl;text-align:start}
html:is([lang="ar"],[lang="he"]) .member-price {direction:ltr;unicode-bidi:isolate}
@media(max-width:600px){
 html body.site-layout :is(.member-nav,.lv-dash-header) nav.site-header-actions {width:auto!important;flex:1 1 0!important;min-width:0!important;gap:4px!important;flex-wrap:nowrap!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) {height:64px!important;min-height:64px;align-items:center;gap:4px!important;padding:8px 6px!important;box-sizing:border-box}
 html body.site-layout :is(.member-nav,.lv-dash-header) :is(.member-logo,.site-clean-brand) {flex:0 0 100px!important;width:100px!important;min-width:100px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-header-account {white-space:nowrap!important;overflow-wrap:normal;line-height:1.35;padding-inline:6px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .locale-controls {flex:0 0 auto;gap:0!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .locale-controls button {min-width:30px!important;padding-inline:3px!important}
}
@media(max-width:420px){
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-menu-toggle {flex-basis:28px!important;min-width:28px!important;width:28px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) :is(.member-logo,.site-clean-brand) {flex-basis:80px!important;width:80px!important;min-width:80px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-mobile-logo {transform:scale(.8);transform-origin:left center}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-header-vip {gap:3px!important;padding-inline:5px!important;font-size:11px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) nav.site-header-actions > button:not(.site-header-account) {flex-basis:28px!important;width:28px!important;padding-inline:4px!important}
}
@media(max-width:360px){
 html body.site-layout :is(.member-nav,.lv-dash-header) {gap:3px!important;padding-inline:5px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) nav.site-header-actions {gap:3px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) :is(.member-logo,.site-clean-brand) {flex-basis:60px!important;width:60px!important;min-width:60px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-mobile-logo {transform:scale(.6)}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-header-account {font-size:11px!important;padding-inline:4px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .locale-controls button {min-width:26px!important;padding-inline:1px!important;font-size:11px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .locale-flag {width:23px!important;height:23px!important}
}
@media(max-width:340px){
 html body.site-layout :is(.member-nav,.lv-dash-header) :is(.member-logo,.site-clean-brand) {flex-basis:50px!important;width:50px!important;min-width:50px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-mobile-logo {transform:scale(.5)}
 html body.site-layout :is(.member-nav,.lv-dash-header) nav.site-header-actions {gap:2px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-header-vip {gap:2px!important;padding-inline:3px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) .site-header-vip svg {width:12px!important;height:12px!important}
 html body.site-layout :is(.member-nav,.lv-dash-header) nav.site-header-actions > button:not(.site-header-account) {flex-basis:26px!important;width:26px!important}
}
/* Mirror reading direction in editor chrome only; invitation canvases keep their own layout. */
.lv-publication-form .lv-row{flex-wrap:wrap}
.lv-publication-form .lv-publication-fields{flex-basis:220px!important}
.lv-publication-form :is(input,select,textarea){max-width:100%;box-sizing:border-box}
.lv-publication-form input[name="slug"]{min-width:130px;direction:ltr}
html:is([lang="ar"],[lang="he"]) .lv-publication-form{direction:rtl;text-align:start}
.lv-publication-form :is(input[name="title"],textarea){unicode-bidi:plaintext}
html:is([lang="ar"],[lang="he"]) .lv-dialog{direction:rtl;text-align:start}
html:is([lang="ar"],[lang="he"]) :is(.sm-dialog,.sharing-page,.tips-dialog){direction:rtl;text-align:start}
html:is([lang="ar"],[lang="he"]) .sm-dialog>.sm-close{right:auto;left:0}
.sm-dialog :is([data-url],input[type="email"],input[type="url"]){direction:ltr;text-align:start}
:is(.sm-dialog,.sharing-page,.tips-dialog) :is(textarea,input[type="text"],[data-user-content]){unicode-bidi:plaintext}
.lv-dialog :is(textarea,input[type="text"],[data-user-content]){unicode-bidi:plaintext}
.lv-shortcuts kbd{direction:ltr;unicode-bidi:isolate}
html:is([lang="ar"],[lang="he"]) .lv-dialog input:is([type="number"],[type="email"],[type="url"],[type="color"]){direction:ltr}
html:is([lang="ar"],[lang="he"]) :is(#property-content,#library-content,#library-title,.media-folder-dialog,.opening-config,.envelope-config,.recipient127,.map-help-dialog,.bg112){direction:rtl;text-align:start}
html:is([lang="ar"],[lang="he"]) :is(.opening-preview,.envelope-config-preview){direction:ltr;text-align:initial}
html:is([lang="ar"],[lang="he"]) :is(.opening-config,.envelope-config,.recipient127) input{unicode-bidi:plaintext}
html:is([lang="ar"],[lang="he"]) :is(.opening-config,.envelope-config,.recipient127) input:is([type="number"],[type="date"],[inputmode="numeric"]){direction:ltr;text-align:start}
html:is([lang="ar"],[lang="he"]) :is(.opening-config,.recipient127) > .qr-close{right:auto;left:12px}
html:is([lang="ar"],[lang="he"]) :is(.opening-config,.recipient127) > h2{padding-inline-end:32px}
html:is([lang="ar"],[lang="he"]) :is(#property-content,#library-content,.media-folder-dialog) :is(input[type="number"],input[type="url"],input[type="email"],input[type="color"]){direction:ltr}
html:is([lang="ar"],[lang="he"]) :is(#property-content,#library-content,.media-folder-dialog) :is(textarea,input[type="text"],[data-user-content]){unicode-bidi:plaintext}
/* The preview language selector must not inherit a half-screen auto width. */
@media(max-width:600px){
 body #preview-actions:has(>select[data-template-language]){width:min(280px,calc(100% - 100px))!important;right:auto!important;margin:8px 0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body #preview-actions>select[data-template-language]{white-space:nowrap!important;min-height:38px;line-height:normal!important}
}
.poster-button[data-i18n-preview]::after{content:attr(data-i18n-preview)}