.msc-app{max-width:620px;margin:1rem auto;font-family:system-ui,-apple-system,sans-serif;color:#172033}.msc-launcher{text-align:center;padding:20px}.msc-camera-start{display:block;width:min(100%,440px);margin:auto;border:0;background:transparent;padding:0;cursor:pointer}.msc-camera-start img{display:block;width:100%;height:auto;object-fit:contain}.msc-launcher p{font-size:1.1rem;font-weight:700}.msc-camera,.msc-preview{position:relative;overflow:hidden;border-radius:18px;background:#0d1117;box-shadow:0 8px 30px #0002}.msc-video,.msc-canvas{display:block;width:100%;max-height:72vh}.msc-video{object-fit:cover;aspect-ratio:3/4}.msc-canvas{height:auto;object-fit:contain;background:#0d1117}.msc-video{transform:scaleX(-1)}.msc-countdown{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:8rem;font-weight:800;text-shadow:0 3px 18px #000}.msc-shutter{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:78px;height:78px;border:5px solid #fff;border-radius:50%;background:#ffffff55;padding:7px}.msc-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.msc-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:14px;background:#fff}.msc-actions button{min-height:46px;padding:10px 16px;border:1px solid #b6becb;border-radius:10px;background:#fff;color:#172033;font-weight:700}.msc-actions .msc-primary{background:#1769e0;color:#fff;border-color:#1769e0}.msc-status{min-height:1.5em;text-align:center;font-weight:700}.msc-success{color:#08783e}.msc-error{color:#b42318}.msc-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.msc-gallery [data-msc-image]{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#211b12;padding:12px 5px;border:0;margin:0;cursor:pointer;font:inherit}.msc-gallery [data-msc-image]::before,.msc-gallery [data-msc-image]::after{content:"";position:absolute;z-index:2;left:4px;right:4px;height:7px;background:repeating-linear-gradient(90deg,#eadfbd 0 14px,#211b12 14px 27px)}.msc-gallery [data-msc-image]::before{top:2px}.msc-gallery [data-msc-image]::after{bottom:2px}.msc-gallery img{width:100%;height:100%;object-fit:cover}.msc-gallery-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0}.msc-gallery-nav[hidden]{display:none}.msc-gallery-nav button{width:46px;height:46px;border:0;border-radius:50%;background:#211b12;color:#fff;font-size:30px}.msc-gallery-nav span{font-weight:700}.msc-lightbox{position:fixed;z-index:999999;inset:0;background:#000e;display:grid;place-items:center;padding:18px}.msc-lightbox[hidden]{display:none}.msc-lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border:12px solid #211b12}.msc-lightbox button{position:absolute;right:16px;top:16px;width:48px;height:48px;border:0;border-radius:50%;font-size:34px;background:#fff;color:#111}.msc-no-scroll{overflow:hidden}.msc-desktop-note{text-align:center;color:#586174}
@media (min-width:901px){.msc-app{display:none!important}}
.msc-countdown{z-index:3;pointer-events:none}.msc-switch-camera{position:absolute;z-index:2;left:14px;bottom:24px;width:62px;height:62px;border:2px solid #fff;border-radius:50%;background:#f4f4f4;padding:7px;overflow:hidden}.msc-switch-camera img{display:block;width:100%;height:100%;object-fit:contain}.msc-shutter{z-index:2}
.msc-public-gallery{width:100%;max-width:900px;margin:1rem auto;font-family:system-ui,-apple-system,sans-serif;color:#172033}.msc-public-gallery .msc-gallery-viewport{width:100%;overflow:hidden}.msc-public-gallery .msc-gallery{display:flex;gap:10px;transition:transform .45s ease;will-change:transform}.msc-public-gallery .msc-gallery.msc-no-transition{transition:none}.msc-public-gallery .msc-gallery [data-msc-image]{flex:0 0 calc((100% - 30px)/4);min-width:0}.msc-public-gallery .msc-gallery [data-msc-image][hidden]{display:none!important}@media(max-width:600px){.msc-public-gallery .msc-gallery [data-msc-image]{flex-basis:calc((100% - 10px)/2)}}@media(prefers-reduced-motion:reduce){.msc-public-gallery .msc-gallery{transition:none}}
.msc-app:not([hidden]){display:flex;flex-direction:column}.msc-app>.msc-gallery,.msc-app>.msc-gallery-nav{display:none!important}.msc-app>.msc-launcher{order:-1}

/* Desktop: toon selfies in dezelfde 3:4 verhouding als de camera-opname.
   Mobiel blijft ongewijzigd. */
@media (min-width:601px){
  .msc-public-gallery .msc-gallery [data-msc-image]{aspect-ratio:3/4}
  .msc-public-gallery .msc-gallery img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
}

/* Extra drempel tegen eenvoudig kopieren/opslaan van galerijfoto's. */
.msc-gallery img,.msc-lightbox img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}