.resource-preview-button{font:inherit;font-size:14px;color:var(--white);border:1px solid #55416e;background:transparent;border-radius:999px;padding:13px 20px;cursor:pointer}.resource-preview-button:hover{background:#a179ff24;border-color:var(--purple)}.resource-dialog{width:min(880px,calc(100% - 32px));max-height:90vh;overflow-y:auto;border:1px solid #55416e;border-radius:26px;padding:40px;background:var(--panel);color:var(--white)}.resource-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.resource-dialog-close{position:absolute;top:12px;right:18px;border:0;background:transparent;color:var(--white);font-size:32px;cursor:pointer}.resource-dialog h2{font-size:clamp(25px,4vw,38px);line-height:1.2;margin:12px 0 16px}.resource-dialog p,.resource-dialog li{font-size:16px;line-height:1.7;color:var(--muted)}.resource-dialog iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;margin:20px 0}.resource-dialog h3{font-size:22px}.resource-dialog .button{margin-top:20px}@media(max-width:600px){.resource-dialog{padding:30px 20px}}
.resource-card .resource-actions{margin-top:auto;display:grid;gap:14px;width:100%}.resource-actions .button{margin-top:0;width:100%;background:#fff;color:#08080c}.resource-actions .button:hover,.resource-actions .button:focus-visible{background:#fff;color:#08080c}.resource-actions .resource-preview-button{width:100%}
.resource-card-media{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#08080c}.resource-card-media video{display:block;width:100%;height:100%;object-fit:cover}.resource-card-play{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;background:#08080cbf;color:white;cursor:pointer;transition:background .2s,transform .2s}.resource-card-play svg{width:24px;height:24px}.resource-card-play:hover,.resource-card-play:focus-visible{background:var(--purple);transform:scale(1.07)}.resource-dialog video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#08080c;border-radius:16px;margin:20px 0}.resource-drive-fallback{display:block;margin:14px 0}.resource-sound-button{margin-bottom:8px}
.resource-card-media iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none}.resource-card-media .resource-media-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.resource-card-media video{position:relative}.resource-card-play{z-index:2}