#personal-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--color-bg);overflow:hidden}
#personal-background img{width:100%;height:100%;object-fit:cover;object-position:center}
[data-personal-background="on"] body>main,[data-personal-background="on"] body>header,[data-personal-background="on"] body>footer,[data-personal-background="on"] .editor-shell,[data-personal-background="on"] .share-view-shell{position:relative;z-index:1}
[data-background-static="on"] .bookstark-science-bg *,[data-background-static="on"] .bookstark-science-bg::before,[data-background-static="on"] .bookstark-science-bg::after{animation-play-state:paused!important}
.profile-background{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card)}
.profile-background label{display:block;margin-bottom:var(--spacing-sm);font-size:13px}
.profile-background input[type=file],.profile-background select{width:100%;max-width:100%;min-width:0}
.profile-background input[type=range]{width:100%;accent-color:var(--color-primary)}
.profile-background p{font-size:12px;color:var(--color-text-secondary);margin:var(--spacing-sm) 0}
.profile-background-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}
.profile-background [hidden]{display:none!important}