/* Quiet, static wireframes: image areas and short text strokes only. */
.layouts{gap:10px}
.layouts button{padding:16px;border:1px solid #dde0d6;border-radius:12px;background:#fff;box-shadow:none;transition:border-color .18s,background .18s}
.layouts button:hover{transform:none;background:#f6f8f1;border-color:#aab69a}
.layouts button.active{border-color:#82946a;background:#f2f6e9;box-shadow:inset 0 0 0 1px #82946a}
.layout-skeleton{background:#fafbf7;border-radius:3px;box-shadow:none}
.skeleton-image{background:#e0e5d8;border-radius:3px}
.skeleton-image:after{content:none}
.skeleton-title,.skeleton-subtitle,.skeleton-date{background:#8a9581;border-radius:1px;box-shadow:none!important}
.skeleton-title{left:6%;top:36%;width:54%;height:7%}
.skeleton-subtitle{left:6%;top:10%;width:25%;height:2.5%;background:#b4bcac}
.skeleton-date{left:6%;bottom:9%;width:15%;height:2%;background:#bac2b3}
.skeleton-type .skeleton-title{top:29%;width:56%;height:11%}
.skeleton-type .skeleton-subtitle{top:81%;width:32%;height:3%}
.skeleton-photo .skeleton-title{left:7%;top:13%;width:47%;height:7%;background:#fbfcf7}
.skeleton-photo .skeleton-subtitle{left:7%;top:25%;width:30%;height:3%;background:#fbfcf7}
.skeleton-photo .skeleton-date{left:7%;background:#fbfcf7}
.skeleton-window .skeleton-title{left:6%;top:8%;width:30%;height:5%}
.skeleton-window .skeleton-subtitle{left:6%;top:85%;width:32%;height:3%}
.skeleton-window .skeleton-date{display:none}
.skeleton-strip .skeleton-title{left:5%;top:79%;width:38%;height:7%}
.skeleton-strip .skeleton-subtitle{left:66%;top:80%;width:26%;height:3%}
.skeleton-strip .skeleton-date{display:none}
.skeleton-duo .skeleton-title{left:6%;top:7%;width:30%;height:5%}
.skeleton-duo .skeleton-subtitle{left:6%;top:91%;width:30%;height:2.5%}
.skeleton-duo .skeleton-date{display:none}
.skeleton-sticker .skeleton-image{border-radius:50%;background:#dce3d1}
.skeleton-sticker .skeleton-title,.skeleton-poster .skeleton-title{left:6%;top:40%;width:64%;height:9%}
.skeleton-sticker .skeleton-title:after,.skeleton-poster .skeleton-title:after{content:'';position:absolute;left:0;top:155%;width:68%;height:100%;background:inherit;border-radius:inherit}
.skeleton-poster .skeleton-image{border-radius:5px}
.skeleton-minimal .skeleton-title{left:6%;top:43%;width:58%;height:8%}
.layout-check,.active .layout-check{display:none}
@media(max-width:480px){.layouts button{padding:15px}.layouts{gap:10px}}
#clear-slot{margin-top:20px}
#pick-photo .upload{margin:0;min-height:190px;justify-content:center}
#picker .upload:focus-within{outline:2px solid #82946a;outline-offset:3px}