/* Pulsatrax / October 2026. One presentation system across community and tools.
   Loaded after page styles. The repeated body ID intentionally outranks old ID-heavy !important rules.
   Functional layout, auth and creative engines remain owned
   by their components; explicit overrides tame the historical presentation layers. */
/* Neutral defaults also cover the older, less frequently visited components. */
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)):not(.studio-app-body) :where(a,div,span,p,em,small,strong,b,i,label,h1,h2,h3,h4,li,th,td,summary,output,kbd,legend,form,fieldset):where(:not(body.home-page main.home-feed *)) { color: inherit !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)):not(.studio-app-body) :where(*):where(:not(body.home-page main.home-feed *)) { border-color: #444 !important; box-shadow: none !important; text-shadow: none !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)):not(.studio-app-body) :where(div,section,article,aside,nav,details,summary,label,header,footer,form,fieldset,a,span,em,small,strong,b,i):where(:not([style*="url("]):not([class*="cover"]):not([class*="thumb"]):not([class*="avatar"]):not([class*="preview"]):not([class*="canvas"]):not([class*="waveform"]):not([class*="spectrum"])):where(:not(body.home-page main.home-feed *)) { background: none !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)):not(.studio-app-body) :where(.avatar-fallback,.trend-thumb,.live-dot,.module-glyph,.badge):where(:not(body.home-page main.home-feed *)) { background: #313131 !important; color: #deded9 !important; border-color: #666 !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)):not(.studio-app-body) :where(.error,.danger-btn,[role=alert]):where(:not(body.home-page main.home-feed *)) { color: #ffafa2 !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)):not(.studio-app-body) :where(.success):where(:not(body.home-page main.home-feed *)) { color: #b8deb9 !important; }

:root:where(:not(body.home-page main.home-feed *)) {
    --ptx-ds-bg: #121212;
    --ptx-ds-panel: #111111;
    --ptx-ds-raised: #181818;
    --ptx-ds-line: #2d2d2d;
    --ptx-ds-text: #f3f3f3;
    --ptx-ds-muted: #b9b9b9;
    --ptx-ds-accent: #9c9c9c;
    --ptx-ds-cyan: #c8c8c8;
    --ptx-ds-font: Arial, Helvetica, ui-sans-serif, system-ui, sans-serif;
}
html:root :is(body#top#top.ptx-design, body.auth-body.ptx-design:not(#top)):where(:not(body.home-page main.home-feed *)) {
    font-family: var(--ptx-ds-font) !important;
    color: var(--ptx-ds-text);
    color-scheme: dark;
    /* Compatibility tokens: legacy "ink" denotes text, not the page background. */
    --ptx-ink: #f3f3f3 !important;
    --ptx-muted: #b9b9b9 !important;
    --ptx-line: #2d2d2d !important;
    --ptx-line-strong: #505050 !important;
    --ptx-panel: #111111 !important;
    --ptx-panel-soft: #202020 !important;
    --ptx-panel-raised: #181818 !important;
    --ptx-accent: #9c9c9c !important;
    --ptx-accent-hover: #b2b2b2 !important;
    --ptx-accent-ink: #0d0d0d !important;
    --ptx-ui-font: var(--ptx-ds-font) !important;
    -webkit-font-smoothing: antialiased;
}
html:root body#top#top.ptx-design:not(.studio-app-body):where(:not(body.home-page main.home-feed *)),
html:root body.auth-body.ptx-design:not(#top):where(:not(body.home-page main.home-feed *)) {
    background: var(--ptx-ds-bg) !important;
    color: var(--ptx-ds-text) !important;
    --ptx-ui-text: #f3f3f3;
    --ptx-ui-muted: #b9b9b9;
    --ptx-ui-border: #2d2d2d;
    --site-primary-accent: #9c9c9c;
    --site-secondary-accent: #c8c8c8;
}
html:root body#top#top.ptx-design:not(.studio-app-body):where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design:not(.studio-app-body):where(:not(body.home-page main.home-feed *))::after,
html:root body.auth-body.ptx-design:not(#top):where(:not(body.home-page main.home-feed *))::before,
html:root body.auth-body.ptx-design:not(#top):where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .site-milkdrop-snapshot:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design .site-milkdrop-backdrop-shade:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design .visualizer-page-backdrop:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design .visualizer-page-backdrop-shade:where(:not(body.home-page main.home-feed *)),
html:root body.auth-body.ptx-design .site-milkdrop-snapshot:where(:not(body.home-page main.home-feed *)),
html:root body.auth-body.ptx-design .site-milkdrop-backdrop-shade:where(:not(body.home-page main.home-feed *)) { opacity: 0 !important; }
html:root body.ptx-design :is(button,input,select,textarea):where(:not(body.home-page main.home-feed *)) { font-family: inherit !important; }
html:root body.ptx-design :is(h1,h2,h3,h4):where(:not(body.home-page main.home-feed *)) { font-family: var(--ptx-ds-font) !important; text-shadow: none !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(h1,h2,h3,h4):where(:not(body.home-page main.home-feed *)) { color: var(--ptx-ds-text) !important; text-transform: none !important; }
html:root body.ptx-design :is(a,button,input,select,textarea,summary):focus-visible:where(:not(body.home-page main.home-feed *)) { outline: 2px solid var(--ptx-ds-accent) !important; outline-offset: 3px !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.muted,.helper-text,.form-help,.text-muted):where(:not(body.home-page main.home-feed *)) { color: var(--ptx-ds-muted) !important; }
html:root body#top#top.ptx-design :is(.layout,.feed,.rightbar):where(:not(body.home-page main.home-feed *)) { min-width: 0; }

/* The shell: a quiet navigation rail, a generous work area, optional context. */
@media (min-width: 1101px) {
    html:root body#top#top.ptx-design:not(.studio-app-body) > .layout:where(:not(body.home-page main.home-feed *)) {
        display: grid !important;
        grid-template-columns: 200px minmax(0,1fr) !important;
        align-items: start !important;
        gap: 32px !important;
        max-width: 1680px !important;
        margin: 0 auto !important;
        padding: 28px !important;
    }
    html:root body#top#top.ptx-design:not(.studio-app-body) > .layout:has(> .rightbar):where(:not(body.home-page main.home-feed *)) { grid-template-columns: 200px minmax(0,1fr) 234px !important; }
    html:root body#top#top.ptx-design:not(.studio-app-body) .layout > .feed:where(:not(body.home-page main.home-feed *)) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
    html:root body#top#top.ptx-design .layout > .sidebar:where(:not(body.home-page main.home-feed *)) {
        position: sticky !important; top: 28px !important;
        width: auto !important; height: auto !important;
        max-height: calc(100dvh - 56px) !important;
        overflow: auto !important; scrollbar-width: thin;
        padding: 0 12px 12px 0 !important;
        border: 0 !important; border-radius: 0 !important;
        background: transparent !important; box-shadow: none !important;
    }
    html:root body#top#top.ptx-design .layout > .rightbar:where(:not(body.home-page main.home-feed *)) { width: 100% !important; position: static !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
}
html:root body#top#top.ptx-design .sidebar .logo:where(:not(body.home-page main.home-feed *)) {
    display: flex !important; align-items: center !important; justify-content: flex-start !important;
    gap: 12px !important; min-height: 64px !important; height: 64px !important;
    padding: 0 !important; margin: 0 0 24px !important; border: 0 !important;
    background: none !important; box-shadow: none !important;
    text-decoration: none !important;
}
html:root body#top#top.ptx-design .sidebar .logo > :not(.ptx-wordmark):where(:not(body.home-page main.home-feed *)) { flex: 0 0 42px !important; width: 42px !important; height: 42px !important; min-height: 0 !important; max-height: 42px !important; overflow: hidden !important; border: 0 !important; border-radius: 10px !important; padding: 0 !important; background: transparent !important; }
html:root body#top#top.ptx-design .sidebar .logo img:where(:not(body.home-page main.home-feed *)) { width: 42px !important; height: 42px !important; max-width: 42px !important; object-fit: contain !important; transform: none !important; position: static !important; filter: none !important; }
html:root body#top#top.ptx-design .ptx-wordmark:where(:not(body.home-page main.home-feed *)) { font-size: 22px !important; line-height: 1.1 !important; font-weight: 730 !important; letter-spacing: -.7px !important; color: var(--ptx-ds-text) !important; }
html:root body#top#top.ptx-design .ptx-wordmark small:where(:not(body.home-page main.home-feed *)) { display: block; margin-top: 7px; color: var(--ptx-ds-muted); font-size: 10px; font-weight: 450; letter-spacing: .02em; }
html:root body#top#top.ptx-design .sidebar .menu:where(:not(body.home-page main.home-feed *)) { display: grid !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; }
html:root body#top#top.ptx-design .ptx-nav-group:where(:not(body.home-page main.home-feed *)) { display: grid; gap: 3px; }
html:root body#top#top.ptx-design :is(.ptx-nav-heading,.ptx-nav-disclosure > summary):where(:not(body.home-page main.home-feed *)) {
    padding: 0 10px 7px !important; font-size: 10px !important; font-weight: 650 !important;
    color: #9d9d9d !important; letter-spacing: .13em !important; text-transform: uppercase !important;
    background: none !important; border: 0 !important; border-radius: 0 !important; min-height: 0 !important;
}
html:root body#top#top.ptx-design .ptx-nav-disclosure > summary:where(:not(body.home-page main.home-feed *)) { cursor: pointer; list-style: none; display: flex; justify-content: space-between; }
html:root body#top#top.ptx-design .ptx-nav-disclosure > summary:where(:not(body.home-page main.home-feed *))::-webkit-details-marker { display: none; }
html:root body#top#top.ptx-design .ptx-nav-disclosure > summary:where(:not(body.home-page main.home-feed *))::after { content: '+'; color: var(--ptx-ds-accent); font-size: 15px; line-height: 12px; }
html:root body#top#top.ptx-design .ptx-nav-disclosure[open] > summary:where(:not(body.home-page main.home-feed *))::after { content: '−'; }
html:root body#top#top.ptx-design .ptx-nav-items:where(:not(body.home-page main.home-feed *)) { display: grid; gap: 3px; }
html:root body#top#top.ptx-design .sidebar .menu-link:where(:not(body.home-page main.home-feed *)) {
    display: flex !important; align-items: center !important; justify-content: flex-start !important;
    gap: 11px !important; padding: 9px 10px !important; min-height: 36px !important;
    color: #c2c2c2 !important; border: 1px solid transparent !important; border-radius: 2px !important;
    background: transparent !important; box-shadow: none !important; text-align: left !important;
    font-size: 13px !important; line-height: 1.25 !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important;
}
html:root body#top#top.ptx-design .sidebar .menu-link:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .sidebar .menu-link:where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .sidebar .menu-link:hover:where(:not(body.home-page main.home-feed *)) { background: #202020 !important; color: white !important; }
html:root body#top#top.ptx-design .sidebar .menu-link.active:where(:not(body.home-page main.home-feed *)) { background: #1c1c1c !important; color: var(--ptx-ds-accent) !important; border-color: #4d4d4d !important; font-weight: 650 !important; }
html:root body#top#top.ptx-design .ptx-nav-icon:where(:not(body.home-page main.home-feed *)) { width: 17px; height: 17px; flex: 0 0 17px; opacity: .9; }
html:root body#top#top.ptx-design .menu-link-label:where(:not(body.home-page main.home-feed *)) { min-width: 0; }
html:root body#top#top.ptx-design .sidebar .notif-badge:where(:not(body.home-page main.home-feed *)) { margin-left: auto; min-width: 19px; padding: 2px 5px; color: #131313 !important; background: var(--ptx-ds-accent) !important; }
html:root body#top#top.ptx-design .sidebar-footer:where(:not(body.home-page main.home-feed *)) { margin-top: 22px !important; padding-top: 17px !important; border: 0 !important; border-top: 1px solid #2d2d2d !important; background: none !important; }
html:root body#top#top.ptx-design .sidebar-legal-grid:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; gap: 6px 12px !important; }
html:root body#top#top.ptx-design .sidebar-legal-link:where(:not(body.home-page main.home-feed *)) { display: inline !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #a5a5a5 !important; font-size: 10px !important; line-height: 1.7 !important; font-weight: 450 !important; text-transform: none !important; }
html:root body#top#top.ptx-design .sidebar-logout-link:where(:not(body.home-page main.home-feed *)) { border: 0 !important; margin-top: 12px !important; background: none !important; font-size: 12px !important; color: var(--ptx-ds-muted) !important; }

/* Content hierarchy: surfaces contain work, not decorative nested frames. */
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.post-card,.widget,.legal-card,.profile-card,.forum-card,.event-card,.creator-card,.music-card,.challenge-card,.settings-card,.admin-section):where(:not(body.home-page main.home-feed *)) {
    background: var(--ptx-ds-panel) !important; border: 1px solid #2f2f2f !important;
    border-radius: 2px !important; box-shadow: none !important;
    color: var(--ptx-ds-text) !important; background-image: none !important;
}
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.hero-card,.app-page-hero,.site-page-hero,.legal-hero,.page-intro,.admin-hero):where(:not(body.home-page main.home-feed *)) {
    min-height: 0 !important; height: auto !important; max-height: none !important;
    padding: 26px 28px !important; margin-bottom: 22px !important;
    border: 0 !important; border-bottom: 1px solid var(--ptx-ds-line) !important;
    border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important;
    overflow: visible !important;
}
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.hero-card,.app-page-hero,.site-page-hero,.legal-hero,.admin-hero):where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.hero-card,.app-page-hero,.site-page-hero,.legal-hero,.admin-hero):where(:not(body.home-page main.home-feed *))::after,
html:root body#top#top.ptx-design .premium-widget:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .premium-widget:where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.page-intro h1,.legal-hero h1,.app-page-hero h1,.site-page-hero h1,.admin-hero h1):where(:not(body.home-page main.home-feed *)) {
    font-size: clamp(1.65rem,2.8vw,2.35rem) !important; line-height: 1.18 !important;
    font-weight: 680 !important; letter-spacing: -.035em !important; margin: 8px 0 12px !important; max-width: 28ch !important;
}
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.page-intro p,.legal-hero p,.app-page-hero p,.site-page-hero p,.admin-hero p):where(:not(body.home-page main.home-feed *)) { font-size: 14px !important; line-height: 1.65 !important; color: var(--ptx-ds-muted) !important; max-width: 72ch !important; }
html:root body#top#top.ptx-design :is(.page-intro-kicker,.legal-kicker,.admin-section-kicker,.widget-title-row > span):where(:not(body.home-page main.home-feed *)) { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: var(--ptx-ds-accent) !important; font-size: 10px !important; letter-spacing: .12em !important; font-weight: 650 !important; text-transform: uppercase !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.post-card h2,.widget h3,.legal-card h2,.admin-section h3,.creator-highlights-head h2):where(:not(body.home-page main.home-feed *)) { font-weight: 650 !important; letter-spacing: -.02em !important; line-height: 1.3 !important; text-transform: none !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.post-card h2,.legal-card h2,.admin-section h3):where(:not(body.home-page main.home-feed *)) { font-size: 21px !important; }
html:root body#top#top.ptx-design .layout > .rightbar > .widget:where(:not(body.home-page main.home-feed *)) {
    border: 0 !important; border-bottom: 1px solid #2f2f2f !important; background: transparent !important;
    border-radius: 0 !important; padding: 23px 0 !important; margin: 0 !important; box-shadow: none !important;
}
html:root body#top#top.ptx-design .rightbar .widget h3:where(:not(body.home-page main.home-feed *)) { margin: 8px 0 18px !important; font-size: 17px !important; line-height: 1.3 !important; }
html:root body#top#top.ptx-design .rightbar :is(.trend-item,.creator-card-upgraded,.top-creator-item,.public-creator-mini-card,.featured-creator-card):where(:not(body.home-page main.home-feed *)) { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 10px 0 !important; }
html:root body#top#top.ptx-design .rightbar :is(.trend-item,.creator-card-upgraded):where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .rightbar :is(.trend-item,.creator-card-upgraded):where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .rightbar .genre-trend-item:where(:not(body.home-page main.home-feed *)) { grid-template-columns: 24px minmax(0,1fr) !important; gap: 10px !important; }
html:root body#top#top.ptx-design .rightbar .genre-rank:where(:not(body.home-page main.home-feed *)) { width: 22px !important; height: 22px !important; padding: 0 !important; background: #292929 !important; color: #bfbfbf !important; font-size: 10px !important; }
html:root body#top#top.ptx-design .rightbar .genre-trend-content:where(:not(body.home-page main.home-feed *)) { grid-template-columns: 1fr !important; gap: 4px !important; }
html:root body#top#top.ptx-design .rightbar .genre-trend-content strong:where(:not(body.home-page main.home-feed *)) { color: #e3e3e3 !important; font-size: 13px !important; font-weight: 550 !important; }
html:root body#top#top.ptx-design .rightbar .genre-trend-content p:where(:not(body.home-page main.home-feed *)) { color: #a6a6a6 !important; font-size: 11px !important; font-weight: 450 !important; }
html:root body#top#top.ptx-design .rightbar .reputation-badge:where(:not(body.home-page main.home-feed *)) { background: #1b1b1b !important; color: #cbcbcb !important; border-color: #434343 !important; font-size: 8px !important; }

/* Forms and actions share one vocabulary; destructive actions keep their meaning. */
html:root body#top#top.ptx-design:not(.studio-app-body) :is(button,.btn,.button,.compact-action-btn,.launch-cta,.hero-auth-cta,.text-action-link):where(:not(body.home-page main.home-feed *)) {
    text-transform: none !important; letter-spacing: 0 !important; font-weight: 580 !important;
    border-radius: 5px !important; box-shadow: none !important;
    font-size: 13px !important; line-height: 1.35 !important; text-shadow: none !important;
}
html:root body#top#top.ptx-design:not(.studio-app-body) :is(button,.btn,.button,.compact-action-btn,.launch-cta):where(:not(.danger-btn):not([class*="delete"]):not([class*="remove"])):where(:not(body.home-page main.home-feed *)) {
    color: #e8e8e8 !important; border-color: #4d4d4d !important; background: #1c1c1c !important; background-image: none !important;
}
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.launch-cta-primary,.btn-primary,.primary-btn,button.primary,.auth-primary-button,.onboarding-primary-btn):where(:not(body.home-page main.home-feed *)) {
    color: #fff !important; background: #505050 !important; border-color: #868686 !important; font-weight: 680 !important;
}
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.text-action-link,.text-action-btn):where(:not(body.home-page main.home-feed *)) { color: #cacaca !important; background: transparent !important; border: 0 !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(button,a):disabled:where(:not(body.home-page main.home-feed *)) { opacity: .48; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea):where(:not(body.home-page main.home-feed *)) {
    color: #f0f0f0 !important; background: #141414 !important; border: 1px solid #4b4b4b !important;
    border-radius: 2px !important; box-shadow: none !important; font-size: 13px !important;
}
html:root body#top#top.ptx-design :is(input[type="checkbox"],input[type="radio"],input[type="range"]):where(:not(body.home-page main.home-feed *)) { accent-color: var(--ptx-ds-accent); }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.tabs,.filter-tabs,.admin-tabs,.feed-tabs,.profile-tabs,.settings-tabs):where(:not(body.home-page main.home-feed *)) { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.tabs,.filter-tabs,.admin-tabs,.feed-tabs,.profile-tabs,.settings-tabs) .active:where(:not(body.home-page main.home-feed *)) { color: var(--ptx-ds-accent) !important; background: #1c1c1c !important; border-color: #545454 !important; }

/* Homepage: configured hero artwork and a separate real creative preview. */
html:root body#top#top.ptx-design.home-page .ptx-home-intro:where(:not(body.home-page main.home-feed *)) {
    display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    align-items: center !important; gap: 32px !important; padding: 16px 0 32px !important;
    margin: 0 0 30px !important; border: 0 !important; border-bottom: 1px solid var(--ptx-ds-line) !important;
    background: transparent !important; min-height: 0 !important; height: auto !important; overflow: visible !important;
}
html:root body#top#top.ptx-design.home-page .home-hero-content:where(:not(body.home-page main.home-feed *)) { padding: 0 !important; margin: 0 !important; max-width: none !important; background: none !important; }
html:root body#top#top.ptx-design.home-page .home-hero-kicker:where(:not(body.home-page main.home-feed *)) { display: block !important; padding: 0 !important; margin: 0 0 22px !important; background: none !important; border: 0 !important; color: var(--ptx-ds-accent) !important; font-size: 10px !important; letter-spacing: .12em !important; font-weight: 650 !important; text-transform: uppercase !important; }
html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) {
    max-width: 13ch !important; margin: 0 0 20px !important; font-size: clamp(2.4rem,4vw,4.2rem) !important;
    line-height: 1.04 !important; letter-spacing: -.05em !important; font-weight: 670 !important;
    text-transform: none !important; color: #f6f6f6 !important;
}
html:root body#top#top.ptx-design.home-page .hero-gradient-word:where(:not(body.home-page main.home-feed *)) { display: inline !important; color: #9c9c9c !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
html:root body#top#top.ptx-design.home-page .home-hero-description:where(:not(body.home-page main.home-feed *)) { max-width: 40ch !important; margin: 0 0 24px !important; color: var(--ptx-ds-muted) !important; font-size: 15px !important; line-height: 1.75 !important; }
html:root body#top#top.ptx-design .ptx-hero-actions:where(:not(body.home-page main.home-feed *)) { display: flex; flex-wrap: wrap; gap: 10px; }
html:root body#top#top.ptx-design .ptx-hero-actions a:where(:not(body.home-page main.home-feed *)) { display: inline-flex !important; align-items: center; justify-content: center; padding: 12px 16px !important; min-height: 44px !important; }
html:root body#top#top.ptx-design.home-page .ptx-hero-note:where(:not(body.home-page main.home-feed *)) { font-size: 11px !important; line-height: 1.65 !important; margin: 17px 0 0 !important; max-width: 40ch !important; color: #a4a4a4 !important; }
html:root body#top#top.ptx-design.home-page .ptx-feed-shortcut:where(:not(body.home-page main.home-feed *)) { display: inline-block; margin-top: 18px; font-size: 12px !important; }
html:root body#top#top.ptx-design.home-page .home-visualizer-live:where(:not(body.home-page main.home-feed *)) {
    display: flex !important; flex-direction: column !important; justify-content: start !important;
    width: 100% !important; height: auto !important; min-height: 0 !important;
    border: 1px solid #3b3b3b !important; border-radius: 2px !important; overflow: hidden !important;
    background: #181818 !important; box-shadow: 0 12px 40px #0003 !important; transform: none !important;
}
html:root body#top#top.ptx-design .ptx-demo-heading:where(:not(body.home-page main.home-feed *)) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px; padding: 13px 16px; color: #e6e6e6; font-size: 11px; font-weight: 550; }
html:root body#top#top.ptx-design .ptx-demo-engine:where(:not(body.home-page main.home-feed *)) { color: #cccccc; font-size: 10px; font-weight: 450; }
html:root body#top#top.ptx-design.home-page .home-visualizer-live canvas:where(:not(body.home-page main.home-feed *)) { display: block !important; position: static !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16/9; opacity: 1 !important; }
html:root body#top#top.ptx-design.home-page .home-visualizer-demo-controls:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; padding: 16px !important; gap: 11px !important; align-items: end !important; background: #191919 !important; }
html:root body#top#top.ptx-design.home-page .home-visualizer-preview-brand:where(:not(body.home-page main.home-feed *)) { position: static !important; padding: 0 !important; margin: 0 !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 550 !important; color: #e7e7e7 !important; text-transform: none !important; letter-spacing: 0 !important; grid-column: 1/-1; }
html:root body#top#top.ptx-design.home-page .home-visualizer-demo-controls p:where(:not(body.home-page main.home-feed *)) { font-size: 10px !important; line-height: 1.5 !important; color: #b8b8b8 !important; grid-column: 1/-1; }
html:root body#top#top.ptx-design .home-demo-style:where(:not(body.home-page main.home-feed *)) { font-size: 10px; color: var(--ptx-ds-muted); }
html:root body#top#top.ptx-design .home-demo-style select:where(:not(body.home-page main.home-feed *)) { min-height: 36px; padding: 8px 9px; }
html:root body#top#top.ptx-design.home-page .home-visualizer-demo-controls button:where(:not(body.home-page main.home-feed *)) { min-height: 36px !important; padding: 9px 11px !important; white-space: normal !important; font-size: 11px !important; }
html:root body#top#top.ptx-design.home-page .home-visualizer-demo-controls > a:where(:not(body.home-page main.home-feed *)) { font-size: 11px !important; padding: 7px 0 0 !important; border-top: 1px solid #323232 !important; width: 100%; text-align: left !important; }
html:root body#top#top.ptx-design.home-page .ptx-workspaces:where(:not(body.home-page main.home-feed *)) { margin: 0 0 30px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .ptx-section-heading:where(:not(body.home-page main.home-feed *)) { margin: 0 0 18px; }
html:root body#top#top.ptx-design .ptx-section-heading > span:where(:not(body.home-page main.home-feed *)) { color: #aeaeae; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
html:root body#top#top.ptx-design .ptx-section-heading h2:where(:not(body.home-page main.home-feed *)) { font-size: 22px !important; margin: 7px 0 0 !important; font-weight: 600 !important; letter-spacing: -.035em; }
html:root body#top#top.ptx-design .ptx-workspace-grid:where(:not(body.home-page main.home-feed *)) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
html:root body#top#top.ptx-design .ptx-workspace-card:where(:not(body.home-page main.home-feed *)) { display: flex; flex-direction: column; min-width: 0; padding: 21px; border: 1px solid #2d2d2d; border-radius: 13px; background: #191919; color: var(--ptx-ds-text); text-decoration: none; transition: border-color .15s,background .15s; }
html:root body#top#top.ptx-design .ptx-workspace-card:hover:where(:not(body.home-page main.home-feed *)) { border-color: #737373; background: #1f1f1f; }
html:root body#top#top.ptx-design .ptx-workspace-number:where(:not(body.home-page main.home-feed *)) { font-size: 9px; letter-spacing: .1em; color: var(--ptx-ds-accent); }
html:root body#top#top.ptx-design .ptx-workspace-card h3:where(:not(body.home-page main.home-feed *)) { margin: 25px 0 10px; font-size: 18px; letter-spacing: -.03em; line-height: 1.3; font-weight: 600; }
html:root body#top#top.ptx-design .ptx-workspace-card p:where(:not(body.home-page main.home-feed *)) { margin: 0 0 20px; font-size: 12px; line-height: 1.7; color: var(--ptx-ds-muted); }
html:root body#top#top.ptx-design .ptx-workspace-link:where(:not(body.home-page main.home-feed *)) { display: flex; justify-content: space-between; margin-top: auto; padding-top: 16px; border-top: 1px solid #323232; color: #e7e7e7; font-size: 11px; font-weight: 550; }
html:root body#top#top.ptx-design.home-page .public-browse-note:where(:not(body.home-page main.home-feed *)) { padding: 18px 0 !important; background: none !important; border: 0 !important; border-top: 1px solid #2f2f2f !important; border-radius: 0 !important; }
html:root body#top#top.ptx-design.home-page .public-browse-note h2:where(:not(body.home-page main.home-feed *)) { font-size: 14px !important; margin: 8px 0 !important; }
html:root body#top#top.ptx-design.home-page .public-browse-note p:where(:not(body.home-page main.home-feed *)) { color: #b0b0b0 !important; font-size: 12px !important; line-height: 1.65 !important; }
html:root body#top#top.ptx-design .public-discovery-panel:where(:not(body.home-page main.home-feed *)) { padding: 24px !important; }
html:root body#top#top.ptx-design :is(.public-creator-mini-card,.public-post-mini-card,.public-discovery-column):where(:not(body.home-page main.home-feed *)) { background: transparent !important; border-color: #2d2d2d !important; box-shadow: none !important; }

/* Visualizer: the stage is the focal point, workflow remains explicit. */
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-maker-hero:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; padding: 14px 0 24px !important; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-maker-hero .page-intro-copy:where(:not(body.home-page main.home-feed *)) { flex: 1 1 540px; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-maker-hero .page-intro-actions:where(:not(body.home-page main.home-feed *)) { flex: 0 1 auto; margin: 0 !important; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-hero-points:where(:not(body.home-page main.home-feed *)) { gap: 12px !important; margin-top: 14px !important; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-hero-points > span:where(:not(body.home-page main.home-feed *)) { background: none !important; padding: 0 !important; border: 0 !important; color: #c2c2c2 !important; font-size: 11px !important; }
html:root body#top#top.ptx-design .visualizer-journey-status:where(:not(body.home-page main.home-feed *)) { background: #222222 !important; border: 1px solid #424242 !important; border-radius: 10px !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .visualizer-journey-status-mark:where(:not(body.home-page main.home-feed *)) { background: #c8c8c8 !important; color: #1e1e1e !important; border: 0 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .visualizer-project-bar:where(:not(body.home-page main.home-feed *)) { background: #191919 !important; border-color: #2d2d2d !important; padding: 16px !important; }
html:root body#top#top.ptx-design .visualizer-project-recovery:where(:not(body.home-page main.home-feed *)) { border: 0 !important; border-top: 1px solid #2d2d2d !important; background: transparent !important; padding-top: 12px !important; }
html:root body#top#top.ptx-design .visualizer-control-card:where(:not(body.home-page main.home-feed *)) { padding: 18px !important; }
html:root body#top#top.ptx-design .visualizer-control-card :is(h2,h3):where(:not(body.home-page main.home-feed *)) { font-size: 16px !important; }
html:root body#top#top.ptx-design .visualizer-stage-card:where(:not(body.home-page main.home-feed *)) { border: 1px solid #474747 !important; padding: 14px !important; background: #181818 !important; }
html:root body#top#top.ptx-design .visualizer-preview-frame:where(:not(body.home-page main.home-feed *)) { border: 1px solid #3b3b3b !important; border-radius: 10px !important; background: #0b0b0b !important; }
html:root body#top#top.ptx-design :is(.visualizer-quick-look,.visualizer-looks-card,.visualizer-device-check,.visualizer-export-hints):where(:not(body.home-page main.home-feed *)) { border-color: #3f3f3f !important; background: #202020 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .visualizer-flow-step:where(:not(body.home-page main.home-feed *)) { background: #1e1e1e !important; border-color: #3f3f3f !important; color: #cecece !important; opacity: 1 !important; }
html:root body#top#top.ptx-design .visualizer-flow-step.is-active:where(:not(body.home-page main.home-feed *)) { background: #2a2a2a !important; border-color: #6b6b6b !important; color: #d5d5d5 !important; }

/* Settings, administration and long-form help use the same calm surfaces. */
html:root body#top#top.ptx-design .legal-content:where(:not(body.home-page main.home-feed *)) { display: grid; gap: 18px; }
html:root body#top#top.ptx-design .legal-content .legal-card:where(:not(body.home-page main.home-feed *)) { padding: 26px !important; }
html:root body#top#top.ptx-design .legal-card :is(p,li):where(:not(body.home-page main.home-feed *)) { color: #c7c7c7 !important; font-size: 14px !important; line-height: 1.85 !important; }
html:root body#top#top.ptx-design .legal-toc:where(:not(body.home-page main.home-feed *)) { background: transparent !important; border-color: #2d2d2d !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .legal-toc a:where(:not(body.home-page main.home-feed *)) { color: #c3c3c3 !important; border: 0 !important; background: none !important; }
html:root body#top#top.ptx-design :is(.legal-mini-panel,.legal-note,.legal-callout,.admin-alpha-card,.admin-tool-card,.admin-item,.settings-section):where(:not(body.home-page main.home-feed *)) { background: #1f1f1f !important; border-color: #3f3f3f !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .admin-page .admin-tabs:where(:not(body.home-page main.home-feed *)) { gap: 8px !important; padding: 0 0 18px !important; margin: 20px 0 !important; border-bottom: 1px solid #2d2d2d !important; }
html:root body#top#top.ptx-design .admin-page .admin-tabs a:where(:not(body.home-page main.home-feed *)) { background: #1c1c1c !important; border-color: #3f3f3f !important; box-shadow: none !important; border-radius: 2px !important; }
html:root body#top#top.ptx-design :is(.admin-stats,.admin-stat-grid,.admin-alpha-grid):where(:not(body.home-page main.home-feed *)) { gap: 12px !important; }
html:root body#top#top.ptx-design .admin-table:where(:not(body.home-page main.home-feed *)) { color: #d6d6d6 !important; background: transparent !important; }
html:root body#top#top.ptx-design .admin-table :is(th,td):where(:not(body.home-page main.home-feed *)) { border-color: #2d2d2d !important; }
html:root body#top#top.ptx-design .admin-table th:where(:not(body.home-page main.home-feed *)) { background: #212121 !important; color: #b9b9b9 !important; font-size: 11px !important; text-transform: none !important; }
html:root body#top#top.ptx-design :is(.creator-card,.music-card,.event-card,.challenge-card,.forum-card) :is(h2,h3):where(:not(body.home-page main.home-feed *)) { color: #f1f1f1 !important; }
html:root body#top#top.ptx-design :is(.creator-card,.music-card,.event-card,.challenge-card,.forum-card) :is(p,.muted):where(:not(body.home-page main.home-feed *)) { color: #b8b8b8 !important; }
html:root body#top#top.ptx-design :is(.message-thread,.conversation-panel,.message-composer,.post-composer):where(:not(body.home-page main.home-feed *)) { background: #1b1b1b !important; border-color: #3e3e3e !important; box-shadow: none !important; }

/* Studio keeps its precise editing geometry and semantic track colours. */
html:root body#top#top.ptx-design.studio-app-body:where(:not(body.home-page main.home-feed *)) { background: #0f0f0f !important; color: #e3e3e3 !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-app:where(:not(body.home-page main.home-feed *)) { --studio-panel-bg: #1a1a1a; --studio-border: #404040; background: #131313 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-topbar,.studio-panel-title,.studio-playlist-toolbar,.studio-toolbar,.studio-browser-header):where(:not(body.home-page main.home-feed *)) { background: #202020 !important; border-color: #414141 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-browser,.studio-work-panel,.studio-project-drawer,.studio-mixer-panel,.studio-piano-panel,.studio-pattern-panel):where(:not(body.home-page main.home-feed *)) { background: #191919 !important; border-color: #3b3b3b !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-secondary-btn,.studio-transport-btn,.studio-layout-btn,.studio-browser-button):where(:not(body.home-page main.home-feed *)) { background: #313131 !important; color: #e7e7e7 !important; border-color: #505050 !important; border-radius: 5px !important; box-shadow: none !important; text-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-primary-btn,.studio-play-btn):where(:not(body.home-page main.home-feed *)) { background: #787878 !important; color: #ffffff !important; border-color: #9e9e9e !important; border-radius: 5px !important; box-shadow: none !important; font-weight: 700 !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-record-voice-btn:where(:not(body.home-page main.home-feed *)) { background: #313131 !important; color: #d0d0d0 !important; border-color: #5c5c5c !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-first-run-guide:where(:not(body.home-page main.home-feed *)) { background: #262626 !important; border-color: #515151 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-first-run-guide strong:where(:not(body.home-page main.home-feed *)) { color: #ededed !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-first-run-guide :is(p,span):where(:not(body.home-page main.home-feed *)) { color: #cccccc !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-future-rail:where(:not(body.home-page main.home-feed *)) { background: #1c1c1c !important; border-color: #3c3c3c !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-brand-lockup h1,.studio-panel-title):where(:not(body.home-page main.home-feed *)) { color: #efefef !important; text-transform: none !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-build-badge:where(:not(body.home-page main.home-feed *)) { background: transparent !important; color: #bababa !important; border: 0 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-loop-item,.studio-project-card):where(:not(body.home-page main.home-feed *)) { background: #212121 !important; border-color: #434343 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-loop-item,.studio-project-card):hover:where(:not(body.home-page main.home-feed *)) { background: #313131 !important; border-color: #797979 !important; }

/* Sign-in and privacy controls belong to the same product. */
html:root body.auth-body.ptx-design:not(#top) :is(.auth-card,.auth-panel,.auth-form-panel,.auth-launch-panel.site-auth-hero):where(:not(body.home-page main.home-feed *)) { border: 1px solid #3e3e3e !important; border-radius: 2px !important; background: #1b1b1b !important; box-shadow: none !important; }
html:root body.auth-body.ptx-design:not(#top) :is(.auth-launch-panel,.site-auth-hero):where(:not(body.home-page main.home-feed *))::before { opacity: .12 !important; filter: grayscale(.6) !important; }
html:root body.auth-body.ptx-design:not(#top) :is(h1,h2):where(:not(body.home-page main.home-feed *)) { color: #f3f3f3 !important; font-weight: 650 !important; letter-spacing: -.035em !important; text-transform: none !important; }
html:root body.auth-body.ptx-design:not(#top) :is(p,.muted,label):where(:not(body.home-page main.home-feed *)) { color: #c3c3c3 !important; }
html:root body.auth-body.ptx-design:not(#top) :is(input:not([type="checkbox"]),select):where(:not(body.home-page main.home-feed *)) { border: 1px solid #545454 !important; background: #131313 !important; border-radius: 2px !important; color: #f1f1f1 !important; }
html:root body.auth-body.ptx-design:not(#top) :is(button[type="submit"],.auth-submit,.auth-primary-btn):where(:not(body.home-page main.home-feed *)) { background: #9c9c9c !important; color: #fff !important; border-color: #868686 !important; border-radius: 2px !important; box-shadow: none !important; text-transform: none !important; }
html:root body.ptx-design .ptx-cookie-banner:where(:not(body.home-page main.home-feed *)) { max-width: 960px !important; border-color: #4f4f4f !important; border-radius: 2px !important; background: #1d1d1d !important; padding: 17px 20px !important; box-shadow: 0 12px 40px #0005 !important; }
html:root body.ptx-design .ptx-cookie-banner :is(p,a):where(:not(body.home-page main.home-feed *)) { font-size: 12px !important; }
html:root body.ptx-design .ptx-cookie-settings-button:where(:not(body.home-page main.home-feed *)) { border-color: #444444 !important; background: #202020 !important; color: #c8c8c8 !important; font-size: 10px !important; }
html:root body.ptx-design .ptx-cookie-dialog-card:where(:not(body.home-page main.home-feed *)) { background: #1d1d1d !important; border-color: #525252 !important; border-radius: 2px !important; }

@media (min-width: 1101px) and (max-width: 1320px) {
    html:root body#top#top.ptx-design:not(.studio-app-body) > .layout:has(> .rightbar):where(:not(body.home-page main.home-feed *)) { grid-template-columns: 190px minmax(0,1fr) !important; }
    html:root body#top#top.ptx-design:not(.studio-app-body) > .layout > .rightbar:where(:not(body.home-page main.home-feed *)) { grid-column: 2 !important; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px !important; }
    html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) { font-size: 48px !important; }
}
@media (max-width: 1100px) {
    html:root body#top#top.ptx-design:not(.studio-app-body) > .layout:where(:not(body.home-page main.home-feed *)) { padding: 20px !important; }
    html:root body#top#top.ptx-design .ptx-home-intro:where(:not(body.home-page main.home-feed *)) { gap: 22px !important; }
    html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) { font-size: 46px !important; }
}
@media (max-width: 760px) {
    html:root body#top#top.ptx-design:not(.studio-app-body) > .layout:where(:not(body.home-page main.home-feed *)) { display: block !important; padding: 16px 14px 100px !important; }
    html:root body#top#top.ptx-design:not(.studio-app-body) .layout > .feed:where(:not(body.home-page main.home-feed *)) { padding: 0 !important; margin: 0 !important; width: 100% !important; }
    html:root body#top#top.ptx-design.home-page .ptx-home-intro:where(:not(body.home-page main.home-feed *)) { grid-template-columns: minmax(0,1fr) !important; padding: 18px 0 24px !important; gap: 26px !important; }
    html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) { max-width: 12ch !important; font-size: clamp(39px,10vw,58px) !important; }
    html:root body#top#top.ptx-design.home-page .home-hero-kicker:where(:not(body.home-page main.home-feed *)) { margin-bottom: 18px !important; font-size: 9px !important; }
    html:root body#top#top.ptx-design.home-page .home-hero-description:where(:not(body.home-page main.home-feed *)) { font-size: 14px !important; max-width: 36ch !important; }
    html:root body#top#top.ptx-design.home-page .ptx-hero-note:where(:not(body.home-page main.home-feed *)) { font-size: 11px !important; }
    html:root body#top#top.ptx-design .ptx-workspace-grid:where(:not(body.home-page main.home-feed *)) { grid-template-columns: minmax(0,1fr); gap: 10px; }
    html:root body#top#top.ptx-design .ptx-workspace-card:where(:not(body.home-page main.home-feed *)) { padding: 20px; }
    html:root body#top#top.ptx-design .ptx-workspace-card h3:where(:not(body.home-page main.home-feed *)) { margin-top: 14px; }
    html:root body#top#top.ptx-design:not(.studio-app-body) :is(.hero-card,.app-page-hero,.legal-hero,.page-intro,.admin-hero):where(:not(body.home-page main.home-feed *)) { padding: 18px 0 !important; }
    html:root body#top#top.ptx-design .legal-content .legal-card:where(:not(body.home-page main.home-feed *)) { padding: 19px !important; }
    html:root body#top#top.ptx-design :is(.post-card,.widget):where(:not(body.home-page main.home-feed *)) { border-radius: 2px !important; }
    html:root body#top#top.ptx-design .mobile-bottom-nav:where(:not(body.home-page main.home-feed *)) { background: #171717f5 !important; border-top-color: #3f3f3f !important; box-shadow: none !important; }
    html:root body#top#top.ptx-design .mobile-bottom-nav .active:where(:not(body.home-page main.home-feed *)) { color: #9c9c9c !important; background: #1c1c1c !important; border-color: #5d5d5d !important; }
    html:root body.ptx-design .ptx-cookie-banner:where(:not(body.home-page main.home-feed *)) { right: 12px !important; left: 12px !important; bottom: 85px !important; padding: 15px !important; }
    html:root body.ptx-design .ptx-cookie-actions:where(:not(body.home-page main.home-feed *)) { gap: 7px !important; }
    html:root body.ptx-design .ptx-cookie-actions button:where(:not(body.home-page main.home-feed *)) { min-height: 36px !important; font-size: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html:root body.ptx-design .ptx-workspace-card:where(:not(body.home-page main.home-feed *)) { transition: none; }
}

/* Text and pseudo-elements left behind by historical global presentation rules. */
html:root body#top#top.ptx-design :is(p,label,small,span,a,li,td,th,h1,h2,h3,h4):where(:not(body.home-page main.home-feed *)) { font-family: var(--ptx-ds-font) !important; }
html:root body#top#top.ptx-design .sidebar:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .sidebar:where(:not(body.home-page main.home-feed *))::after,
html:root body#top#top.ptx-design .sidebar .logo:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .sidebar .logo:where(:not(body.home-page main.home-feed *))::after,
html:root body#top#top.ptx-design .sidebar-legal-link:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .sidebar-legal-link:where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .sidebar .logo .logo-text:where(:not(body.home-page main.home-feed *)) { display: none !important; }
html:root body#top#top.ptx-design .sidebar .logo .ptx-wordmark:where(:not(body.home-page main.home-feed *)) { display: block !important; width: auto !important; min-width: 0 !important; flex: 1 1 auto !important; height: auto !important; max-height: none !important; white-space: nowrap !important; text-transform: none !important; overflow: visible !important; }
html:root body#top#top.ptx-design .sidebar .logo .ptx-wordmark small:where(:not(body.home-page main.home-feed *)) { text-transform: none !important; font-size: 9px !important; white-space: nowrap !important; }
html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) { text-shadow: none !important; -webkit-text-stroke: 0 !important; }
html:root body#top#top.ptx-design.home-page .home-hero-description:where(:not(body.home-page main.home-feed *)) { letter-spacing: 0 !important; }

html:root body#top#top.ptx-design .sidebar-legal-grid:where(:not(body.home-page main.home-feed *)) { flex-direction: row !important; align-items: baseline !important; }
html:root body#top#top.ptx-design .sidebar-legal-link:where(:not(body.home-page main.home-feed *)) { width: auto !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto !important; }

html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-maker-hero:where(:not(body.home-page main.home-feed *)) { flex-direction: row !important; align-items: flex-start !important; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-maker-hero .page-intro-copy:where(:not(body.home-page main.home-feed *)) { flex: 1 1 420px !important; min-height: 0 !important; height: auto !important; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-maker-hero .page-intro-actions:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex: 0 1 260px !important; flex-direction: row !important; flex-wrap: wrap !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; gap: 10px !important; }
html:root body#top#top.ptx-design.visualizer-maker-page .visualizer-journey-status:where(:not(body.home-page main.home-feed *)) { display: flex !important; }
html:root body#top#top.ptx-design.studio-app-body :is(.studio-secondary-btn,.studio-transport-btn,.studio-primary-btn):where(:not(body.home-page main.home-feed *)) { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }

/* Legacy sidebars had a fixed 320px width inside narrower grid tracks. */
html:root body#top#top.ptx-design .layout > .rightbar:where(:not(body.home-page main.home-feed *)) { width: auto !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
html:root body#top#top.ptx-design .rightbar :is(.widget,.trend-content,.featured-creator-card,.widget-title-row):where(:not(body.home-page main.home-feed *)) { min-width: 0 !important; max-width: 100% !important; }
html:root body#top#top.ptx-design .rightbar :is(strong,p,small):where(:not(body.home-page main.home-feed *)) { overflow-wrap: anywhere; }
html:root body#top#top.ptx-design .ptx-nav-disclosure > summary:where(:not(body.home-page main.home-feed *)) { width: 100% !important; margin: 0 !important; text-align: left !important; box-sizing: border-box !important; }
html:root body#top#top.ptx-design .sidebar .logo-mark:where(:not(body.home-page main.home-feed *)) { color: #9c9c9c !important; background: #1c1c1c !important; border-color: #4f4f4f !important; box-shadow: none !important; text-shadow: none !important; }
html:root body#top#top.ptx-design .sidebar .logo-mark:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .sidebar .logo-mark:where(:not(body.home-page main.home-feed *))::after { display: none !important; }

/* Actual owner console: compact navigation, with the controls in view. */
html:root body#top#top.ptx-design .admin-page:where(:not(body.home-page main.home-feed *)) { background: transparent !important; background-image: none !important; }
html:root body#top#top.ptx-design .admin-page:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .admin-page:where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 20px !important; min-height: 0 !important; height: auto !important; padding: 26px !important; background: #111111 !important; border-color: #2d2d2d !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero > div:first-child:where(:not(body.home-page main.home-feed *)) { max-width: 64ch !important; align-self: flex-start !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero h2:where(:not(body.home-page main.home-feed *)) { font-size: clamp(30px,4vw,42px) !important; line-height: 1.15 !important; margin: 8px 0 12px !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero p:where(:not(body.home-page main.home-feed *)) { max-width: 64ch !important; text-shadow: none !important; color: #b9b9b9 !important; }
html:root body#top#top.ptx-design .admin-tab-menu:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; align-self: stretch !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero .admin-tab-menu a:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex: 1 1 150px !important; gap: 10px !important; padding: 10px 12px !important; min-height: 40px !important; background: #181818 !important; border: 1px solid #3f3f3f !important; border-radius: 2px !important; backdrop-filter: none !important; }
html:root body#top#top.ptx-design .admin-tab-menu a.active:where(:not(body.home-page main.home-feed *)) { background: #202020 !important; border-color: #636363 !important; }
html:root body#top#top.ptx-design .admin-tab-menu a em:where(:not(body.home-page main.home-feed *)) { font-size: 10px !important; color: #c4c4c4 !important; }
html:root body#top#top.ptx-design :is(.admin-stat,.admin-stat-card,.admin-tool-grid > a,.admin-checklist-item):where(:not(body.home-page main.home-feed *)) { background: #202020 !important; border-color: #3f3f3f !important; box-shadow: none !important; }

/* Readable secondary text, including inactive scene controls. */
html:root body#top#top.ptx-design :is(.visualizer-shortcuts,.visualizer-waveform-footer,.visualizer-control-copy,.visualizer-scene-summary,.visualizer-scene-director-empty,[data-visualizer-waveform-hint],[data-visualizer-scene-history-status],.visualizer-scene-director-head small,.settings-tab small):where(:not(body.home-page main.home-feed *)) { color: #bebebe !important; }
html:root body#top#top.ptx-design .visualizer-scene-director-head strong:where(:not(body.home-page main.home-feed *)) { color: #f0f0f0 !important; }
html:root body#top#top.ptx-design .visualizer-scene-mix-card:where(:not(body.home-page main.home-feed *)) { opacity: 1 !important; }
html:root body.auth-body.ptx-design .passkey-login-choice > span:where(:not(body.home-page main.home-feed *)) { color: #b9b9b9 !important; }
html:root body.ptx-design .push-permission-card:where(:not(body.home-page main.home-feed *)) { background: #202020 !important; border-color: #4f4f4f !important; border-radius: 2px !important; box-shadow: 0 12px 36px #0004 !important; }
@media (max-width: 760px) {
 html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero:where(:not(body.home-page main.home-feed *)) { padding: 18px !important; }
 html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero .admin-tab-menu a:where(:not(body.home-page main.home-feed *)) { flex-basis: 115px !important; }
}
html:root body#top#top.ptx-design .visualizer-scene-mix-card.is-disabled :is(.visualizer-control-copy,.visualizer-scene-summary,.visualizer-scene-director):where(:not(body.home-page main.home-feed *)) { opacity: 1 !important; }
html:root body#top#top.ptx-design .settings-nav small:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design [role="tab"] small:where(:not(body.home-page main.home-feed *)) { color: #c6c6c6 !important; }
html:root body#top#top.ptx-design .branding-fields:where(:not(body.home-page main.home-feed *)) { min-width: 0 !important; }
html:root body#top#top.ptx-design .branding-fields > *:where(:not(body.home-page main.home-feed *)) { min-width: 0 !important; }
html:root body#top#top.ptx-design .branding-slider-row:where(:not(body.home-page main.home-feed *)) { grid-template-columns: minmax(0,1fr) minmax(70px,1fr) 40px !important; }
html:root body#top#top.ptx-design .branding-slider-row input:where(:not(body.home-page main.home-feed *)) { min-width: 0 !important; width: 100% !important; }
@media (max-width: 900px) {
 html:root body#top#top.ptx-design .branding-two-col:where(:not(body.home-page main.home-feed *)) { grid-template-columns: minmax(0,1fr) !important; }
}
@media (max-width: 380px) {
 html:root body#top#top.ptx-design .visualizer-lyrics-cue-remove:where(:not(body.home-page main.home-feed *)) { min-width: 68px !important; width: auto !important; padding: 7px !important; }
}
html:root body#top#top.ptx-design .visualizer-waveform-panel.is-disabled:where(:not(body.home-page main.home-feed *)) { opacity: 1 !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero .admin-tab-menu:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(185px,1fr)) !important; }
html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero .admin-tab-menu a span:where(:not(body.home-page main.home-feed *)) { white-space: normal !important; overflow: visible !important; }
html:root body#top#top.ptx-design .ptx-nav-disclosure > summary:where(:not(body.home-page main.home-feed *)) { display: flex !important; justify-content: space-between !important; }
@media (max-width: 500px) { html:root body#top#top.ptx-design .admin-panel-head.admin-divine-hero .admin-tab-menu:where(:not(body.home-page main.home-feed *)) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
html:root body#top#top.ptx-design .ptx-mobile-brand:where(:not(body.home-page main.home-feed *)) { display: none; }
@media (max-width: 760px) {
 html:root body#top#top.ptx-design .ptx-mobile-brand:where(:not(body.home-page main.home-feed *)) { display: flex; align-items: center; gap: 9px; padding: 3px 0 18px; color: #f3f3f3 !important; font-size: 20px; font-weight: 750; letter-spacing: -.5px; text-decoration: none; }
 html:root body#top#top.ptx-design .ptx-mobile-brand > span:where(:not(body.home-page main.home-feed *)) { color: #9c9c9c !important; }
 html:root body#top#top.ptx-design .mobile-nav-item > span:not(.mobile-nav-icon):not(.mobile-nav-badge):where(:not(body.home-page main.home-feed *)) { font-size: 9px !important; letter-spacing: 0 !important; text-transform: none !important; }
}
/* Timing controls need readable labels even in the tablet's narrow cards. */
html:root body#top#top.ptx-design .visualizer-lyrics-timing-actions:where(:not(body.home-page main.home-feed *)) { grid-template-columns: repeat(auto-fit,minmax(72px,1fr)) !important; gap: 6px !important; }
html:root body.auth-body.ptx-design .auth-community-strip:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; min-width: 0 !important; max-width: 100% !important; overflow: visible !important; }
html:root body.auth-body.ptx-design .auth-community-strip > *:where(:not(body.home-page main.home-feed *)) { min-width: 0 !important; flex: 0 1 auto !important; white-space: normal !important; }


/* Editorial identity: typography, proportion and useful information. */
@font-face { font-family: 'Pulsatrax Editorial'; src: url('/assets/fonts/ptx-editorial-serif.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
:root:where(:not(body.home-page main.home-feed *)) { --ptx-ds-bg: #121212; --ptx-ds-panel: #191919; --ptx-ds-raised: #232323; --ptx-ds-line: #3a3a3a; --ptx-ds-text: #f1f1ef; --ptx-ds-muted: #b8b8b5; --ptx-ds-accent: #ededeb; --ptx-ds-cyan: #ededeb; }
html:root body#top#top.ptx-design:where(:not(body.home-page main.home-feed *)) { --ptx-accent: #ededeb !important; --ptx-accent-hover: #fff !important; --site-primary-accent: #ededeb !important; --site-secondary-accent: #ededeb !important; --ptx-ui-border: #3a3a3a !important; }
html:root body.ptx-design :is(a,button,input,select,textarea,summary):focus-visible:where(:not(body.home-page main.home-feed *)) { outline-color: #ff785c !important; }
html:root body#top#top.ptx-design .sidebar .ptx-wordmark:where(:not(body.home-page main.home-feed *)) { font-weight: 800 !important; font-size: 20px !important; letter-spacing: -.8px !important; }
html:root body#top#top.ptx-design .sidebar .ptx-wordmark small:where(:not(body.home-page main.home-feed *)) { font-family: 'Courier New',monospace !important; font-size: 8px !important; letter-spacing: 0 !important; line-height: 1.45 !important; }
html:root body#top#top.ptx-design .sidebar .logo img:where(:not(body.home-page main.home-feed *)) { filter: grayscale(1) !important; }
html:root body#top#top.ptx-design .sidebar .menu-link:where(:not(body.home-page main.home-feed *)) { border-radius: 0 !important; }
html:root body#top#top.ptx-design .sidebar .menu-link.active:where(:not(body.home-page main.home-feed *)) { background: transparent !important; color: #fff !important; border-color: transparent !important; box-shadow: inset 2px 0 #f16a50 !important; }
html:root body#top#top.ptx-design :is(.ptx-nav-heading,.ptx-nav-disclosure > summary,.page-intro-kicker,.admin-section-kicker,.widget-title-row > span,.ptx-section-heading > span):where(:not(body.home-page main.home-feed *)) { font-family: 'Courier New',monospace !important; color: #bdbdb8 !important; font-size: 10px !important; letter-spacing: .05em !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.post-card,.widget,.legal-card,.creator-card,.music-card,.settings-card,.admin-section):where(:not(body.home-page main.home-feed *)) { background: #191919 !important; border-color: #3c3c3c !important; border-radius: 2px !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.public-discovery-panel,.public-browse-note,.public-why-join-panel):where(:not(body.home-page main.home-feed *)) { background: transparent !important; border: 0 !important; padding: 25px 0 !important; border-top: 1px solid #4b4b4b !important; box-shadow: none !important; border-radius: 0 !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(button,.btn,.button,.compact-action-btn,.launch-cta,.hero-auth-cta):where(:not(body.home-page main.home-feed *)) { border-radius: 2px !important; font-weight: 650 !important; font-size: 12px !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; background-image: none !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(button,.btn,.button,.compact-action-btn,.launch-cta):where(:not(.danger-btn):not([class*="delete"]):not([class*="remove"])):where(:not(body.home-page main.home-feed *)) { background: #252525 !important; color: #f2f2ef !important; border-color: #676767 !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(.launch-cta-primary,.btn-primary,.primary-btn,button.primary,.auth-primary-button,.onboarding-primary-btn):where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design.home-page .home-visualizer-demo-controls button:where(:not(body.home-page main.home-feed *)) { background: #ebebe7 !important; color: #151515 !important; border-color: #ebebe7 !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(button,.btn,.button,.compact-action-btn,.launch-cta):not(:disabled):hover:where(:not(body.home-page main.home-feed *)) { border-color: #f16a50 !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea):where(:not(body.home-page main.home-feed *)) { background: #131313 !important; color: #eee !important; border-color: #626262 !important; border-radius: 2px !important; }
html:root body#top#top.ptx-design :is(input[type=checkbox],input[type=radio],input[type=range]):where(:not(body.home-page main.home-feed *)) { accent-color: #ddd !important; }

/* A nameplate and an image, rather than another slogan in a rounded box. */
html:root body#top#top.ptx-design.home-page .ptx-home-intro:where(:not(body.home-page main.home-feed *)) { display: block !important; background: transparent !important; min-height: 0 !important; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; margin: 0 0 34px !important; overflow: visible !important; }
html:root body#top#top.ptx-design.home-page .ptx-home-intro:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design.home-page .ptx-home-intro:where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design.home-page .home-hero-content:where(:not(body.home-page main.home-feed *)) { width: 100% !important; max-width: none !important; padding: 0 0 28px !important; }
html:root body#top#top.ptx-design.home-page .home-hero-kicker:where(:not(body.home-page main.home-feed *)) { font: 10px/1.4 'Courier New',monospace !important; color: #c7c7c0 !important; letter-spacing: .12em !important; margin: 0 0 17px !important; }
html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) { font-family: 'Pulsatrax Editorial',Georgia,serif !important; font-size: clamp(43px,7.2vw,106px) !important; letter-spacing: -.075em !important; line-height: 1.05 !important; font-weight: 700 !important; color: #f2f2ec !important; margin: 0 0 20px !important; max-width: none !important; }
html:root body#top#top.ptx-design.home-page .hero-gradient-word:where(:not(body.home-page main.home-feed *)) { color: inherit !important; }
html:root body#top#top.ptx-design.home-page .home-hero-description:where(:not(body.home-page main.home-feed *)) { max-width: 58ch !important; font-size: 15px !important; line-height: 1.65 !important; color: #c7c7c2 !important; margin: 0 0 22px !important; }
html:root body#top#top.ptx-design.home-page .ptx-hero-note:where(:not(body.home-page main.home-feed *)) { display: none !important; }
html:root body#top#top.ptx-design.home-page .ptx-hero-actions a:where(:not(body.home-page main.home-feed *)) { min-height: 42px !important; padding: 11px 18px !important; }
html:root body#top#top.ptx-design .ptx-hero-figure:where(:not(body.home-page main.home-feed *)) { margin: 0 !important; border-top: 1px solid #666; padding-top: 14px; }
html:root body#top#top.ptx-design .ptx-hero-figure img:where(:not(body.home-page main.home-feed *)) { display: block; width: 100%; height: clamp(200px,21vw,310px); object-fit: cover; object-position: var(--hero-position-x,50%) var(--hero-position-y,50%); filter: grayscale(1) blur(var(--site-hero-blur,0px)) brightness(calc(1 - var(--hero-overlay-opacity,0))); }
html:root body#top#top.ptx-design .ptx-hero-figure figcaption:where(:not(body.home-page main.home-feed *)) { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0 0; font: 9px/1.6 'Courier New',monospace; color: #bdbdb8; }
html:root body#top#top.ptx-design .ptx-live-feature:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr) !important; gap: 35px !important; align-items: center !important; padding: 28px 0 36px !important; background: none !important; border: 0 !important; border-top: 1px solid #5a5a5a !important; border-bottom: 1px solid #5a5a5a !important; margin: 0 0 30px !important; border-radius: 0 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .ptx-live-feature:where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design .ptx-live-feature:where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .ptx-live-feature-copy h2:where(:not(body.home-page main.home-feed *)) { font: 700 clamp(28px,3vw,40px)/1.1 'Pulsatrax Editorial',Georgia,serif !important; letter-spacing: -.055em !important; margin: 18px 0 !important; }
html:root body#top#top.ptx-design .ptx-live-feature-copy p:where(:not(body.home-page main.home-feed *)) { font-size: 14px; line-height: 1.75; color: #c2c2be; max-width: 34ch; }
html:root body#top#top.ptx-design .ptx-live-feature-copy a:where(:not(body.home-page main.home-feed *)) { display: inline-block; margin-top: 18px; color: #eee !important; border-bottom: 1px solid #888 !important; padding-bottom: 6px !important; }
html:root body#top#top.ptx-design.home-page .home-visualizer-live:where(:not(body.home-page main.home-feed *)) { background: #141414 !important; border: 1px solid #555 !important; border-radius: 0 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design.home-page .home-visualizer-demo-controls:where(:not(body.home-page main.home-feed *)) { background: #181818 !important; }
html:root body#top#top.ptx-design .ptx-demo-heading:where(:not(body.home-page main.home-feed *)) { color: #e8e8e4 !important; font: 10px/1.5 'Courier New',monospace !important; }
html:root body#top#top.ptx-design .ptx-demo-engine:where(:not(body.home-page main.home-feed *)) { color: #bcbcb8 !important; }
html:root body#top#top.ptx-design .ptx-workspace-grid:where(:not(body.home-page main.home-feed *)) { display: block !important; }
html:root body#top#top.ptx-design .ptx-workspace-card:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: 28px minmax(0,1fr) minmax(0,1.6fr) auto !important; align-items: center !important; gap: 20px !important; border: 0 !important; border-top: 1px solid #484848 !important; border-radius: 0 !important; padding: 22px 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
html:root body#top#top.ptx-design .ptx-workspace-card h3:where(:not(body.home-page main.home-feed *)) { font-size: 21px !important; letter-spacing: -.6px !important; margin: 0 !important; }
html:root body#top#top.ptx-design .ptx-workspace-card p:where(:not(body.home-page main.home-feed *)) { margin: 0 !important; font-size: 13px !important; line-height: 1.65 !important; color: #bcbcb8 !important; }
html:root body#top#top.ptx-design .ptx-workspace-number:where(:not(body.home-page main.home-feed *)) { font: 10px 'Courier New',monospace !important; color: #ddd !important; }
html:root body#top#top.ptx-design .ptx-workspace-link:where(:not(body.home-page main.home-feed *)) { border: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 11px !important; color: #dededa !important; white-space: nowrap; }
html:root body#top#top.ptx-design .ptx-workspace-card:hover h3:where(:not(body.home-page main.home-feed *)) { text-decoration: underline; text-decoration-color: #f16a50; text-underline-offset: 5px; }
html:root body#top#top.ptx-design .public-discovery-panel .creator-highlights-head h2:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design .ptx-section-heading h2:where(:not(body.home-page main.home-feed *)) { font: 700 28px/1.2 'Pulsatrax Editorial',Georgia,serif !important; letter-spacing: -.045em !important; }
html:root body#top#top.ptx-design :is(.public-post-mini-card,.public-creator-mini-card):where(:not(body.home-page main.home-feed *)) { border: 0 !important; border-bottom: 1px solid #414141 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 18px 0 !important; }
html:root body#top#top.ptx-design .public-browse-note:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 30px !important; }
html:root body#top#top.ptx-design .public-browse-note h2:where(:not(body.home-page main.home-feed *)) { font-size: 16px !important; }
html:root body#top#top.ptx-design .public-browse-note p:where(:not(body.home-page main.home-feed *)) { font-size: 12px !important; line-height: 1.75 !important; color: #b9b9b5 !important; }
html:root body.auth-body.ptx-design:not(#top) :is(button[type=submit],.auth-submit,.auth-primary-btn):where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design.studio-app-body :is(.studio-primary-btn,.studio-play-btn):where(:not(body.home-page main.home-feed *)) { background: #e5e5df !important; color: #141414 !important; border-color: #e5e5df !important; border-radius: 2px !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .mobile-bottom-nav:where(:not(body.home-page main.home-feed *)) { background: #151515f5 !important; border-color: #555 !important; }
html:root body#top#top.ptx-design .mobile-bottom-nav .active:where(:not(body.home-page main.home-feed *)) { color: #fff !important; background: #292929 !important; border-color: #888 !important; }
html:root body#top#top.ptx-design .mobile-bottom-nav .mobile-nav-icon:where(:not(body.home-page main.home-feed *)) { color: #bcbcb8 !important; background: transparent !important; border-color: #555 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .mobile-bottom-nav .mobile-nav-icon svg:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design .mobile-bottom-nav .mobile-nav-icon svg *:where(:not(body.home-page main.home-feed *)) { stroke: currentColor !important; filter: none !important; }
html:root body#top#top.ptx-design .mobile-bottom-nav .active .mobile-nav-icon:where(:not(body.home-page main.home-feed *)) { color: #fff !important; }
@media (max-width:760px) {
 html:root body#top#top.ptx-design.home-page .home-hero-title:where(:not(body.home-page main.home-feed *)) { font-size: clamp(38px,10.4vw,66px) !important; letter-spacing: -.08em !important; }
 html:root body#top#top.ptx-design.home-page .ptx-home-intro:where(:not(body.home-page main.home-feed *)) { margin-bottom: 24px !important; }
 html:root body#top#top.ptx-design .ptx-hero-figure img:where(:not(body.home-page main.home-feed *)) { height: 190px; }
 html:root body#top#top.ptx-design .ptx-live-feature:where(:not(body.home-page main.home-feed *)) { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; }
 html:root body#top#top.ptx-design .ptx-live-feature-copy h2:where(:not(body.home-page main.home-feed *)) { font-size: 32px !important; }
 html:root body#top#top.ptx-design .ptx-workspace-card:where(:not(body.home-page main.home-feed *)) { grid-template-columns: 22px minmax(0,1fr) auto !important; gap: 12px !important; }
 html:root body#top#top.ptx-design .ptx-workspace-card p:where(:not(body.home-page main.home-feed *)) { grid-column: 2 / -1 !important; grid-row: 2 !important; }
 html:root body#top#top.ptx-design .public-browse-note:where(:not(body.home-page main.home-feed *)) { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; }
 html:root body#top#top.ptx-design .ptx-hero-figure figcaption:where(:not(body.home-page main.home-feed *)) { font-size: 8px; }
}
html:root body#top#top.ptx-design .launch-command-strip:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; gap: 12px 25px !important; align-items: baseline !important; padding: 20px 0 !important; border-top: 1px solid #4b4b4b !important; }
html:root body#top#top.ptx-design .launch-command-strip > span:where(:not(body.home-page main.home-feed *)) { font: 10px 'Courier New',monospace !important; color: #aaa !important; margin-right: auto; }
html:root body#top#top.ptx-design .launch-command-card:where(:not(body.home-page main.home-feed *)) { display: inline-block !important; padding: 0 !important; min-height: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; font-size: 12px !important; text-transform: none !important; color: #ddd !important; }
html:root body#top#top.ptx-design .public-discovery-column:where(:not(body.home-page main.home-feed *)) { border: 0 !important; border-top: 1px solid #555 !important; border-radius: 0 !important; padding: 15px 0 !important; background: none !important; }
html:root body#top#top.ptx-design .public-discovery-column-head:where(:not(body.home-page main.home-feed *)) { border: 0 !important; padding: 0 0 12px !important; }
html:root body#top#top.ptx-design .public-discovery-column-head :is(a,span):where(:not(body.home-page main.home-feed *)) { font: 10px/1.6 'Courier New',monospace !important; text-transform: none !important; letter-spacing: 0 !important; }
html:root body#top#top.ptx-design :is(.public-post-mini-card,.public-creator-mini-card) :is(strong,em,small):where(:not(body.home-page main.home-feed *)) { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; line-height: 1.65 !important; }
html:root body#top#top.ptx-design :is(.public-post-mini-card,.public-creator-mini-card) strong:where(:not(body.home-page main.home-feed *)) { font-weight: 650 !important; }
html:root body#top#top.ptx-design :is(.public-post-mini-card,.public-creator-mini-card) :is(em,small):where(:not(body.home-page main.home-feed *)) { color: #b2b2ad !important; font-size: 11px !important; }
html:root body#top#top.ptx-design :is(.remix-home-card,.studio-activity-item):where(:not(body.home-page main.home-feed *)) { background: none !important; border: 0 !important; border-top: 1px solid #464646 !important; border-radius: 0 !important; padding: 16px 0 !important; }
html:root body#top#top.ptx-design :is(.launch-trust-strip,.launch-trust-strip > div):where(:not(body.home-page main.home-feed *)) { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .launch-trust-strip:where(:not(body.home-page main.home-feed *)) { padding: 20px 0 !important; border-block: 1px solid #444 !important; }
html:root body#top#top.ptx-design .public-ptx-studio-promo :is(img,video):where(:not(body.home-page main.home-feed *)) { filter: grayscale(1); }
html:root body#top#top.ptx-design :is(.feed-tabs,.filter-tabs) .active:where(:not(body.home-page main.home-feed *)) { background: #e3e3dd !important; color: #141414 !important; border-color: #e3e3dd !important; }
/* Project previews, feed details and messaging were separate legacy skins. */
html:root body#top#top.ptx-design :is(.ptx-project-card,.post-card):where(:not(body.home-page main.home-feed *))::before,
html:root body#top#top.ptx-design :is(.ptx-project-card,.post-card,.post-top):where(:not(body.home-page main.home-feed *))::after { display: none !important; }
html:root body#top#top.ptx-design .ptx-project-preview:where(:not(body.home-page main.home-feed *)) { background: #1c1c1c !important; }
html:root body#top#top.ptx-design .ptx-project-preview :is(b,i):where(:not(body.home-page main.home-feed *)) { background: #8d8d89 !important; }
html:root body#top#top.ptx-design :is(.ptx-project-badge,.ptx-project-chain,.ptx-project-social,.trend-rank,.profile-type-pill,.reputation-badge,.file-input-btn):where(:not(body.home-page main.home-feed *)) { background: #2d2d2d !important; color: #e2e2db !important; border-color: #666 !important; }
html:root body#top#top.ptx-design :is(.ptx-project-card h3,.ptx-project-card strong,.post-author,.author-name):where(:not(body.home-page main.home-feed *)) { color: #eee !important; }
html:root body#top#top.ptx-design:not(.studio-app-body) summary:where(:not(body.home-page main.home-feed *))::after { color: #ddd !important; border-color: #555 !important; }
html:root body#top#top.ptx-design :is(.online-dot,.live-dot):where(:not(body.home-page main.home-feed *)) { background: #9abe99 !important; border-color: #9abe99 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .profile-cover.cover-fallback:where(:not(body.home-page main.home-feed *)) { background: #242424 !important; }
html:root body#top#top.ptx-design :is(.visualizer-guide-number,.visualizer-drop-icon,.visualizer-project-icon,.visualizer-scene-toggle-action,.visualizer-scene-toggle-icon):where(:not(body.home-page main.home-feed *)) { background: #292929 !important; color: #e2e2dd !important; border-color: #777 !important; }
html:root body#top#top.ptx-design .visualizer-flow li:where(:not(body.home-page main.home-feed *))::before { background: #777 !important; border-color: #777 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .visualizer-flow li.is-active:where(:not(body.home-page main.home-feed *))::before { background: #e2e2dd !important; }
html:root body#top#top.ptx-design .branding-sidebar-logo-preview:where(:not(body.home-page main.home-feed *)),
html:root body#top#top.ptx-design .branding-cover-thumb.is-empty:where(:not(body.home-page main.home-feed *)) { background: #202020 !important; border-color: #666 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .visual-preview-cover:where(:not(body.home-page main.home-feed *)) { background-image: var(--visual-preview-cover-image,none) !important; background-color: #222 !important; }
html:root body#top#top.ptx-design .branding-background-thumb:where(:not(body.home-page main.home-feed *)) { background-color: #222 !important; }
html:root body.auth-body.ptx-design .auth-login-preview:where(:not(body.home-page main.home-feed *)) { filter: grayscale(1); background-color: #181818 !important; }
html:root body.auth-body.ptx-design .auth-launch-panel h1:where(:not(body.home-page main.home-feed *)) { font-family: 'Pulsatrax Editorial',Georgia,serif !important; }
/* Studio chrome is neutral; notes, tracks and recording state keep their meanings. */
html:root body#top#top.ptx-design.studio-app-body :where(button,input,select,textarea,label,summary,kbd):where(:not(body.home-page main.home-feed *)) { color: #deded9 !important; background: #202020 !important; border-color: #666 !important; box-shadow: none !important; text-shadow: none !important; }
html:root body#top#top.ptx-design.studio-app-body :where(button,input,select,textarea,label,summary,kbd) *:where(:not(body.home-page main.home-feed *)) { color: inherit !important; border-color: #666 !important; }
html:root body#top#top.ptx-design.studio-app-body :is(#studio-time-display,#studio-song-length-display,#studio-project-count,#studio-live-status,.ptx-daw-status-badge,.studio-toolbar-build-badge,.studio-playlist-lane-label,.studio-energy-toggle):where(:not(body.home-page main.home-feed *)) { color: #deded9 !important; border-color: #666 !important; background-color: #1b1b1b !important; }
html:root body#top#top.ptx-design.studio-app-body .ptx-daw-status-badge b:where(:not(body.home-page main.home-feed *)) { color: #deded9 !important; }
html:root body#top#top.ptx-design.studio-app-body :is(#studio-playlist,#studio-playlist-ruler):where(:not(body.home-page main.home-feed *)) { background-color: #131313 !important; border-color: #555 !important; }
html:root body#top#top.ptx-design.studio-app-body #studio-live-session:where(:not(body.home-page main.home-feed *)) { border-color: #555 !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-playlist-lane.is-selected-lane:where(:not(body.home-page main.home-feed *)) { background-color: #252525 !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-record-dot:where(:not(body.home-page main.home-feed *)) { border-color: #c3675b !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-ruler-cue-marker:where(:not(body.home-page main.home-feed *)) { color: #eee !important; background: #555 !important; border-color: #888 !important; }
html:root body#top#top.ptx-design #visualizer-flow li:where(:not(body.home-page main.home-feed *))::before { background: #777 !important; border-color: #777 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design #visualizer-flow li.is-active:where(:not(body.home-page main.home-feed *))::before { background: #e6e6df !important; }
html:root body#top#top.ptx-design kbd:where(:not(body.home-page main.home-feed *)) { background: #272727 !important; color: #deded8 !important; border-color: #666 !important; }
html:root body#top#top.ptx-design.studio-app-body #studio-playlist:where(:not(body.home-page main.home-feed *)) { background-image: linear-gradient(90deg,rgba(180,180,180,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.024),rgba(0,0,0,.18)),none !important; }
html:root body#top#top.ptx-design.studio-app-body #studio-playlist-ruler:where(:not(body.home-page main.home-feed *)) { color: #bcbcb8 !important; }
html:root body#top#top.ptx-design.studio-app-body .studio-playlist-lane.is-selected-lane:where(:not(body.home-page main.home-feed *)) { box-shadow: inset 3px 0 #bcbcb8 !important; }
html:root body#top#top.ptx-design .branding-background-thumb:not([style*="url("]):where(:not(body.home-page main.home-feed *)) { background-image: none !important; }
html:root body#top#top.ptx-design.home-page .alpha-project-list:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
html:root body#top#top.ptx-design.home-page .alpha-project-list .ptx-project-card:where(:not(body.home-page main.home-feed *)) { display: grid !important; grid-template-columns: 120px minmax(0,1fr) !important; gap: 22px !important; padding: 24px 0 !important; border: 0 !important; border-top: 1px solid #484848 !important; border-radius: 0 !important; }
html:root body#top#top.ptx-design.home-page .alpha-project-list .ptx-project-preview:where(:not(body.home-page main.home-feed *)) { min-height: 125px !important; height: 125px !important; border-radius: 0 !important; }
html:root body#top#top.ptx-design.home-page .alpha-project-list .ptx-project-body:where(:not(body.home-page main.home-feed *)) { min-width: 0 !important; padding: 0 !important; }
html:root body#top#top.ptx-design .ptx-project-actions:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
html:root body#top#top.ptx-design .ptx-project-actions a:where(:not(body.home-page main.home-feed *)) { height: auto !important; min-height: 30px !important; white-space: normal !important; }
@media (max-width: 760px) { html:root body#top#top.ptx-design.home-page .alpha-project-list .ptx-project-card:where(:not(body.home-page main.home-feed *)) { grid-template-columns: 78px minmax(0,1fr) !important; gap: 16px !important; } }
/* Reading and filtering the feed should not consume a screen of boxed buttons. */
html:root body#top#top.ptx-design .feed-tabs-card:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 18px !important; padding: 14px 0 !important; border: 0 !important; border-block: 1px solid #555 !important; background: none !important; }
html:root body#top#top.ptx-design .feed-tabs-card .menu-link:where(:not(body.home-page main.home-feed *)) { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; padding: 8px 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: none !important; color: #c5c5bf !important; font-size: 13px !important; }
html:root body#top#top.ptx-design .feed-tabs-card .menu-link.active:where(:not(body.home-page main.home-feed *)) { color: #fff !important; border-bottom-color: #eee !important; }
html:root body#top#top.ptx-design .video-style-filter-card:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; padding: 14px 0 !important; border: 0 !important; background: none !important; }
html:root body#top#top.ptx-design .video-style-filter-card .video-filter-label:where(:not(body.home-page main.home-feed *)) { font: 9px 'Courier New',monospace !important; margin-right: 12px; }
html:root body#top#top.ptx-design .video-style-chip:where(:not(body.home-page main.home-feed *)) { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; padding: 6px 8px !important; min-height: 28px !important; border: 1px solid #555 !important; border-radius: 2px !important; font-size: 11px !important; font-weight: 500 !important; text-transform: none !important; line-height: 1.3 !important; color: #d0d0ca !important; background: #191919 !important; }
html:root body#top#top.ptx-design .video-style-chip.active:where(:not(body.home-page main.home-feed *)) { background: #e5e5df !important; color: #151515 !important; }
html:root body#top#top.ptx-design .post-content-text:where(:not(body.home-page main.home-feed *)) { text-align: left !important; text-indent: 0 !important; padding: 0 !important; margin: 18px 0 !important; font-size: 15px !important; line-height: 1.65 !important; }
html:root body#top#top.ptx-design .post-actions-row:where(:not(body.home-page main.home-feed *)) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; padding-top: 14px !important; }
html:root body#top#top.ptx-design .post-actions-row > *:where(:not(body.home-page main.home-feed *)) { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; }
html:root body#top#top.ptx-design .post-actions-row :is(.post-action-like,.post-comment-toggle,.post-action-placeholder):where(:not(body.home-page main.home-feed *)) { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: auto !important; min-width: 0 !important; min-height: 32px !important; padding: 7px 9px !important; border-radius: 2px !important; font-size: 11px !important; line-height: 1.3 !important; background: #222 !important; color: #ddd !important; border: 1px solid #555 !important; }
html:root body#top#top.ptx-design .post-action-like.is-liked:where(:not(body.home-page main.home-feed *)) { color: #ffafa2 !important; }
html:root body#top#top.ptx-design .visualizer-guide-steps li:where(:not(body.home-page main.home-feed *))::before { background: #444 !important; color: #eee !important; border-color: #777 !important; box-shadow: none !important; }
html:root body#top#top.ptx-design .visualizer-guide-steps li.is-active:where(:not(body.home-page main.home-feed *))::before { background: #e6e6df !important; color: #141414 !important; }
/* Dialogs retain an opaque surface above the page. */
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)) :is(dialog,[role="dialog"],.modal-content,.modal-card,.mobile-more-panel):where(:not(body.home-page main.home-feed *)) { background: #1b1b1b !important; color: #eee !important; border-color: #777 !important; border-radius: 2px !important; box-shadow: none !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)) :is(.ptx-cookie-dialog,.confirm-modal):where(:not(body.home-page main.home-feed *)) { background: rgba(0,0,0,.78) !important; }
html:root :is(body#top#top.ptx-design,body.auth-body.ptx-design:not(#top)) .ptx-cookie-dialog-card:where(:not(body.home-page main.home-feed *)) { background: #1b1b1b !important; color: #eee !important; border-color: #777 !important; border-radius: 2px !important; }
html:root body#top#top.ptx-design dialog:where(:not(body.home-page main.home-feed *))::backdrop { background: rgba(0,0,0,.78) !important; }

/* Align the nameplate with the image; keep short-post expansion controls hidden. */
html:root body#top#top.ptx-design.home-page .home-hero-content:where(:not(body.home-page main.home-feed *)) { display: block !important; justify-content: start !important; grid-template-columns: none !important; }
html:root body#top#top.ptx-design .toggle-post-btn.hidden:where(:not(body.home-page main.home-feed *)) { display: none !important; }

/* Widen the homepage context rail into the right outer gutter.
   Keep the existing left origin and centre column width at every viewport. */
@media (min-width: 1681px) {
 html:root body#top#top.ptx-design.home-page > .layout:has(> .rightbar) {
  --ptx-rightbar-extra: min(106px, calc((100vw - 1680px) / 2));
  width: calc(1680px + var(--ptx-rightbar-extra)) !important;
  max-width: calc(1680px + var(--ptx-rightbar-extra)) !important;
  margin-left: calc((100vw - 1680px) / 2) !important;
  margin-right: 0 !important;
  grid-template-columns: 200px minmax(0,1fr) calc(234px + var(--ptx-rightbar-extra)) !important;
 }
}