/* Preview: shared text gutters and full-width media on stacked layouts. */
.project-main.character-page{padding-inline:15px}
@media (min-width:768px) and (max-width:1023px){.project-main.character-page{padding-inline:32px}}
@media (max-width:767px){
 .project-main.character-page{width:100%;padding-inline:20px}
 .character-static-page .character-visual{width:calc(100% + 40px);max-width:none;margin-left:-20px}
 .character-static-page .character-visual::before{display:none}
 .character-static-page .character-visual__frame{border-radius:0}
 .character-static-page:not(.project-page) .character-selector{width:calc(100% + 40px);margin-left:-20px;padding-inline:0}
 .character-static-page:not(.project-page) .character-selector__rail{padding-inline:0}
 .character-static-page:not(.project-page) .character-selector__arrow--previous{left:8px}
 .character-static-page:not(.project-page) .character-selector__arrow--next{right:8px}
 .project-page .picker-reel,.project-page .design-sheet,.project-page .asset-gallery{width:calc(100% + 40px);max-width:none;margin-left:-20px}
 .project-page .design-sheet{padding-inline:0;border-inline:0;border-radius:0}
 .project-page .character-picker{margin-inline:0;padding-inline:0}
 .project-page .picker-reel>.previous,.project-page .visual-switch>.previous{left:8px}
 .project-page .picker-reel>.next,.project-page .visual-switch>.next{right:8px}
 .project-page .visual-switch{padding-inline:0}
 .project-page .asset-list{width:100%!important}
 .project-page .asset-stage{border-radius:0}
 .project-page .asset-stage>p{padding-left:20px}
}