.play-layout-editor{border-top:1px solid #fff2;margin-top:24px;padding-top:20px}.play-layout-editor>p{font-size:13px;line-height:1.8;color:var(--muted)}.layout-mini-preview{display:grid;grid-template-columns:40% 1fr;gap:12px;background:#182333;padding:18px;border-radius:16px;margin:18px 0}.layout-mini-preview>div{display:grid;place-content:center;min-height:110px;text-align:center;color:#e0d5ef;border:1px solid #c5acdf44;border-radius:12px;background:radial-gradient(ellipse at 50% 25%,#8e7bab40,transparent 65%),linear-gradient(140deg,#49634b25,#4a427846)}.layout-mini-preview section{padding:18px;background:#ebe5d814;border:1px solid #e2d7b933;border-radius:12px;font-size:12px}.layout-mini-preview section span{color:#b6c6b9;font-size:10px}.layout-mini-preview[data-preview-layout=reverse]>div{grid-column:2;grid-row:1}.layout-mini-preview[data-preview-layout=reverse]>section{grid-column:1;grid-row:1}.layout-mini-preview[data-preview-layout=theatre]{grid-template-columns:1fr}.character-expression-uploads{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.character-expression-uploads figure{width:76px;margin:0;display:grid;gap:5px;text-align:center}.character-expression-uploads img{width:100%;height:94px;object-fit:contain;background:#131921;border-radius:8px}.character-expression-uploads button{font-size:10px;padding:5px;border:1px solid #d8dcdb25;border-radius:8px}.character-expression-uploads .expression-empty{display:grid;place-content:center;min-height:94px;background:#fff1;border-radius:8px;font-size:10px;color:var(--muted)}
.novel-layout[data-layout] .novel-stage{grid-template-columns:minmax(0,var(--layout-image,50%)) minmax(0,1fr)}.novel-layout[data-layout] .novel-visual,.novel-layout[data-layout] .novel-reading-card{border-radius:var(--layout-radius,18px)!important}.novel-layout[data-layout] .novel-entry .novel-copy{font-size:var(--layout-font,17px)}.novel-layout[data-layout=reverse] .novel-stage{grid-template-columns:minmax(0,1fr) minmax(0,var(--layout-image,50%))}.novel-layout[data-layout=reverse] .novel-visual{grid-column:2}.novel-layout[data-layout=reverse] .novel-reading-card{grid-column:1}.novel-layout[data-layout=theatre] .novel-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,45%) minmax(0,1fr) auto;gap:12px}.novel-layout[data-layout=theatre] .novel-visual{grid-column:1;grid-row:1}.novel-layout[data-layout=theatre] .novel-reading-card{grid-column:1;grid-row:2}.novel-layout[data-layout=theatre] .novel-foot{grid-row:3;grid-column:1}.novel-layout[data-layout=chronicle] .novel-reading-card{box-shadow:inset 0 0 0 5px #d3b37b13,0 15px 45px #0912205c!important}.novel-layout[data-layout=chronicle] .novel-entry .novel-copy{font-family:"Songti SC",SimSun,serif;line-height:2}.novel-layout[data-decoration=true] .novel-visual::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--stage-accent) 18%,transparent),transparent 65%);z-index:2}.novel-layout[data-actor-position=left] .novel-actor{width:90%;margin-right:10%}.novel-layout[data-actor-position=right] .novel-actor{width:90%;margin-left:10%}
@media(max-width:720px){.novel-layout[data-layout] .novel-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(80px,var(--layout-mobile-image,40%)) minmax(0,1fr) auto}.novel-layout[data-layout] .novel-visual{grid-column:1;grid-row:1}.novel-layout[data-layout] .novel-reading-card{grid-column:1;grid-row:2}.novel-layout[data-layout] .novel-foot{grid-column:1;grid-row:3}.novel-layout[data-layout] .novel-entry .novel-copy{font-size:clamp(15px,calc(var(--layout-font) - 2px),20px)}.layout-mini-preview{padding:12px;gap:8px}.layout-mini-preview section{padding:10px}.character-expression-uploads figure{width:65px}}
.layout-mini-preview{grid-template-columns:var(--preview-width,40%) minmax(0,1fr)}.layout-mini-preview>div,.layout-mini-preview section{border-radius:var(--preview-radius,12px)}.layout-mini-preview section p{font-size:var(--preview-font,17px)}.layout-mini-preview[data-preview-layout=reverse]{grid-template-columns:minmax(0,1fr) var(--preview-width,40%)}.layout-mini-preview[data-preview-layout=theatre]{grid-template-columns:1fr}
