.z-case-player{position:relative;width:100%;height:100%}.z-case-player>video{display:block;width:100%;height:100%;object-fit:contain}.z-case-play-surface{position:absolute;inset:0 0 64px;z-index:1;display:grid;place-items:center;width:100%;color:white;background:transparent;cursor:pointer}.z-case-play-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid #ffffffa6;border-radius:50%;background:#15151580;backdrop-filter:blur(5px);transition:background .18s,opacity .18s}.z-case-play-surface:not(.is-playing) .z-case-play-icon{padding-left:4px}.z-case-play-surface:hover .z-case-play-icon{background:#151515c0}.z-case-play-surface.is-playing .z-case-play-icon{opacity:0}.z-case-play-surface.is-playing:focus-visible .z-case-play-icon,.z-case-play-surface.is-playing:hover .z-case-play-icon{opacity:1}.z-case-play-surface:focus-visible{outline:2px solid var(--z-accent);outline-offset:-4px}.z-case-play-error{position:absolute;inset:12px 12px auto;z-index:3;padding:12px;border-radius:8px;color:white;background:#151515e6;font-size:13px}.z-case-play-error a{display:inline-block;margin-top:8px;text-decoration:underline}.z-toolbar-example-switch{z-index:2}@media (prefers-reduced-motion:reduce){.z-case-play-icon{transition:none}}.z-toolbar-photo-progress{margin:10px 0 0;color:var(--z-muted);font-size:12px}.z-toolbar-photo-example{display:flex;align-items:center;gap:12px;margin:14px 0 0;color:var(--z-muted);font-size:12px}.z-toolbar-photo-example img{flex:none;width:76px;height:100px;border-radius:8px;object-fit:cover;object-position:left center}.z-toolbar-photo-example figcaption{display:grid;gap:4px;max-width:430px}.z-toolbar-photo-example strong{color:var(--z-ink)}.z-toolbar-upload-wrap[data-incomplete] .z-toolbar-upload{outline:2px solid #c66446;outline-offset:2px}.z-form-error>.z-text-button{display:block;margin-top:8px;text-decoration:underline}.z-toolbar-preview-copy>output{display:block;font-size:13px;line-height:1.5}.z-case-player[data-auto-preview] .z-case-play-surface{inset:0}.z-case-sound-toggle{position:absolute;top:5px;right:5px;z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff40;border-radius:50%;color:#fff;background:#111827b3;cursor:pointer}.z-case-sound-toggle:focus-visible{outline:2px solid #fb7b28;outline-offset:2px}@media (max-width:700px){.z-case-sound-toggle{top:0;right:0;border:0;background:transparent}.z-case-sound-toggle:before{content:"";position:absolute;inset:6px;border:1px solid #ffffff40;border-radius:50%;background:#111827b3}.z-case-sound-toggle svg{position:relative;width:12px;height:12px}}