#carousel-controls{padding:0;margin:0;border:0;min-width:0}#carousel-controls legend.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.slide-upload{display:grid;position:relative;justify-items:center;gap:.35rem;padding:2rem 1rem;border:1px dashed #b89acb;border-radius:14px;background:#f8f4fa;cursor:pointer;color:#34223c}.slide-upload:focus-within{outline:2px solid #794499}.slide-upload span{color:#685c70;font-size:.87rem}.slide-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ratio-label{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0}.ratio-label select,#slide-list button{background:white;color:#382641;border:1px solid #d2c5d9;border-radius:8px;padding:.45em .7em}
#slide-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(165px,100%),1fr));gap:1rem}#slide-list li{min-width:0}#slide-list img{display:block;width:100%;max-height:230px;aspect-ratio:var(--slide-ratio);object-fit:contain;background:white;border:1px solid #e6dce9;border-radius:7px}#slide-list strong{display:block;overflow-wrap:anywhere;margin:.45rem 0;font-size:.85rem}#slide-list li div{display:flex;flex-wrap:wrap;gap:.25rem}#slide-list button{font-size:.75rem;cursor:pointer}#slide-list button:disabled{opacity:.4}
#prepare-slides{background:#302335;color:white;padding:.8em 1.2em;border:0;border-radius:9px;cursor:pointer;font:inherit}#prepare-slides:disabled{opacity:.45}
.album-example{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1rem,4vw,3rem);align-items:center}.album-example p{line-height:1.6;color:#685c70}.photo-strip,.file-list{display:flex;gap:.5rem;padding:1rem;border-radius:14px;background:#f3edf6}.photo-strip figure{flex:1;min-width:0;margin:0}.photo-strip img{width:100%;aspect-ratio:4/5;object-fit:contain;background:white;border-radius:5px}.photo-strip figcaption{font-size:.75rem;color:#604c69}.file-list{flex-wrap:wrap}.file-list span{padding:.6em .8em;background:white;border-radius:7px;font-size:.85rem}.sm-top nav{flex-wrap:wrap}
@media(max-width:700px){.album-example{grid-template-columns:1fr}.photo-strip{padding:.6rem}.sm-chrome{max-width:100%;min-width:0}}
#work #carousel-controls .slide-upload{display:grid;align-items:center;align-content:center;justify-items:center;text-align:center;row-gap:.45rem;min-height:112px;box-sizing:border-box}
#work #carousel-controls .slide-upload strong,#work #carousel-controls .slide-upload span{display:block}