.media-preview{position:relative;min-width:0;overflow:hidden;background:#17181a;border-radius:4px;color:#eeedef}
.media-preview video{display:block;width:100%;height:100%;object-fit:contain;background:#17181a}
.media-preview .video-badge{position:absolute;top:10px;left:10px;pointer-events:none;font-size:10px;line-height:1.5;padding:5px 8px;background:#18191ccc;border:1px solid #ffffff24;border-radius:3px;color:#eee}
.media-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#17181ae8;padding:20px;margin:0;font-size:13px}
.media-error[hidden]{display:none}.media-error button{padding:10px 18px;border:1px solid #da9876;border-radius:4px;background:#342b25;color:#f5c6a9;cursor:pointer;font:inherit;min-height:44px}
.media-preview video:focus-visible{outline:2px solid #f2a17b;outline-offset:-3px}
.tool-entry .entry-title:focus-visible,.tool-entry .entry-action:focus-visible{outline:2px solid #f2a17b;outline-offset:4px}
.showcase-art .media-preview{height:490px}.showcase-art figcaption{position:static;background:none;padding:10px 0;margin:0}
.video-sources{font-size:11px;color:#a6aab4;line-height:2;padding-top:18px;padding-bottom:18px}.video-sources a{text-decoration:underline;text-underline-offset:3px}
.studio-dark .workspace-video-reference{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 26px;margin-bottom:26px;border:1px solid #424448;border-radius:12px;background:#282a2d}
.workspace-video-reference h2{font-size:22px;line-height:1.5;margin:10px 0;color:#eee}
.workspace-video-reference p,.workspace-video-reference small{color:#aaafb8;line-height:1.8}.workspace-video-reference small{display:block;font-size:11px;margin-top:12px}
.workspace-video-reference>.media-preview{width:200px;height:230px;flex:none}
.reference-visuals .media-preview{height:270px}.reference-visuals figure{min-width:0}.reference-visuals .media-preview video{object-fit:contain}
@media(max-width:1100px){.showcase-art .media-preview{height:430px}}
@media(max-width:660px){.media-preview .video-badge{font-size:8px;left:5px;top:5px;padding:4px}.showcase-art .media-preview{height:360px}.studio-dark .workspace-video-reference{padding:16px;gap:15px;align-items:flex-start}.workspace-video-reference>.media-preview{width:120px;height:190px}.workspace-video-reference h2{font-size:17px}.workspace-video-reference p{font-size:12px}.workspace-video-reference small{font-size:10px}.reference-visuals .media-preview{height:220px}}

.preview-hit-area{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;z-index:2;appearance:none}
.preview-hit-area:focus-visible{outline:2px solid #f2a17b;outline-offset:-4px}
.preview-hint{position:absolute;right:10px;bottom:12px;padding:5px 8px;color:#f0ebe6;background:#1b1c1ecc;border:1px solid #ffffff24;border-radius:3px;font-size:10px;pointer-events:none;z-index:3;transition:opacity .18s}
.media-preview.is-playing .preview-hint{opacity:0}.touch-hint{display:none}.media-preview .video-badge{max-width:calc(100% - 20px)}
.media-error{z-index:4}.media-preview video::-webkit-media-controls{display:none!important}
@media(hover:none),(pointer:coarse){.hover-hint{display:none}.touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.preview-hint{transition:none}.hover-hint{display:none}.touch-hint{display:inline}}