/* Original neutral sheets; only the first composition is under study. */
.hero{overflow:clip}
#unify{width:92%;max-width:1440px;padding-bottom:36px;border-radius:2px}
#unify .unify-title{margin-bottom:34px}
.first-scene-scroll{width:100%;overflow-x:auto;overflow-y:hidden}
.centered-frame{display:block;width:100%;min-width:1200px;height:610px;border:0;background:transparent}
#unify .merge-controls{margin:12px 24px 0;gap:24px;font-size:12px}
#unify .merge-controls button{color:#827967}

/* The outer sheet groups the demonstration; its surface stays subordinate. */
html:not([data-paper=flat]) #unify{border-color:#c9c2b124;box-shadow:0 1px 1px #6556410c,0 15px 25px -23px #55473032}
html[data-paper=fine] #unify::before{opacity:.34}
#unify::after{background:radial-gradient(ellipse at 18% 10%,#ffffff38,transparent 65%);box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #9885700b}

/* Shallow contact stays fixed; only the distant light's edge and cast shadow move. */
#unify{--light-x:24%;--light-y:12%;--cast-x:2px;--cast-y:5px}
html:not([data-paper=flat]) #unify{box-shadow:0 1px 2px #55473012,var(--cast-x) var(--cast-y) 22px -9px #55473040,0 20px 30px -29px #55473030}
#unify::after{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff99,transparent 54%);box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #98857010}
#paperLight{font-size:12px}

/* Neutral stock separates the native editor surface without yellowing it. */
#unify{background:#efede8!important}