.app-card::after{pointer-events:none}
.app-logo-preview{position:relative;display:block;margin:29px 0 19px;padding:0;border:0;border-radius:22px;background:transparent;color:#fff;cursor:pointer}
.app-logo-preview .app-logo{display:block;margin:0}
.preview-play-badge{position:absolute;right:-8px;bottom:-5px;display:grid;place-items:center;width:36px;height:36px;padding-left:2px;border-radius:50%;border:2px solid #111528;background:linear-gradient(135deg,#824dff,#2776ff);box-shadow:0 4px 16px #0007;font-size:13px}
.app-name-preview{font:inherit;letter-spacing:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer}
.app-name-preview:hover{color:var(--cyan)}
.app-card .preview-hint{color:#b6c4f1;font-size:.74rem;margin:-4px 0 15px;line-height:1.5}
.app-logo-preview:hover .preview-play-badge{background:#4768de;box-shadow:0 0 20px #67cfff55}
.app-logo-preview:focus-visible,.app-name-preview:focus-visible,.app-preview-dialog button:focus-visible,.app-preview-dialog summary:focus-visible,.app-preview-dialog video:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
body.preview-dialog-open{overflow:hidden}
.app-preview-dialog{width:min(740px,calc(100% - 28px));padding:0;border:1px solid #53628e;border-radius:20px;overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 28px);background:#0e1325;color:var(--white);box-shadow:0 30px 120px #000b}
.app-preview-dialog::backdrop{background:#030612c9;backdrop-filter:blur(8px)}
.preview-dialog-header{display:flex;align-items:center;gap:13px;padding:20px 22px}
.preview-dialog-header>img{border-radius:11px;object-fit:contain;flex:none}
.preview-dialog-header>div{min-width:0;flex:1}
.preview-dialog-header h2{font-size:1.35rem;line-height:1.25;letter-spacing:-.03em;margin:2px 0 0;padding:0}
.preview-dialog-header h2:focus{outline:none}
.preview-eyebrow{color:var(--cyan);font:700 .61rem/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;margin:0}
.preview-close{width:42px;height:42px;flex:none;display:grid;place-items:center;color:#e5ebff;background:#1e2841;border:1px solid #435171;border-radius:50%;cursor:pointer}
.preview-close:hover{background:#2d3a59}
.preview-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.preview-video-wrap{background:#080c18;aspect-ratio:16/9}
.preview-video-wrap video{display:block;width:100%;height:100%;object-fit:contain}
.preview-portrait .preview-video-wrap{aspect-ratio:8/9}
.preview-dialog-footer{padding:15px 22px 19px}
#preview-description{color:#aebad7;font-size:.74rem;line-height:1.5;margin:0}
#preview-error{color:#ffd7b8;font-size:.85rem}
.preview-transcript{margin-top:12px;color:#c5d0eb;font-size:.84rem}
.preview-transcript summary{cursor:pointer;min-height:32px;line-height:1.6;text-underline-offset:3px}
.preview-transcript summary:hover{color:#fff}
.preview-transcript ol{margin:10px 0 0;padding-left:22px;display:grid;gap:9px;line-height:1.7}
.app-preview-dialog [hidden]{display:none!important}
@media(max-width:560px){.preview-dialog-header{padding:15px;gap:10px}.preview-dialog-header h2{font-size:1.1rem}.preview-dialog-footer{padding:13px 15px}.app-preview-dialog{border-radius:16px}.preview-close{width:40px;height:40px}}

.preview-transcript li{padding-left:3px}
.preview-transcript li>span{display:block;margin-top:3px}
.preview-chapter{color:#b8eaff;background:#182e47;border:1px solid #355772;border-radius:7px;padding:5px 9px;font:inherit;font-size:.75rem;line-height:1.4;font-weight:700;text-transform:capitalize;cursor:pointer}
.preview-chapter:hover{background:#22405f;color:#fff}