.asset-image{width:100%;border:0;border-radius:0;padding:0}.asset-image:hover{color:var(--accent-dark)}
.semantic-info{display:grid;gap:4px;margin:8px 0}.semantic-info .tag{width:max-content}
.template-cover{display:grid;place-items:center;position:relative;width:145px;height:105px;flex:none;color:var(--muted);background:#161922;border-radius:10px;overflow:hidden;padding:0}.template-cover img{width:100%;height:100%;object-fit:contain}.template-cover.playable::after{content:'▶';display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.66);color:white;font-size:19px;pointer-events:none}
.template-pages{display:flex;gap:8px;flex-wrap:wrap}.template-pages button{padding:7px 10px}.select-row{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.select-row input{accent-color:var(--accent)}
.preview-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(10,18,30,.82)}
.preview-dialog{display:grid;gap:12px;width:min(1000px,100%);max-height:96vh;padding:18px;border-radius:18px;background:var(--panel);overflow:auto}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.preview-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-dialog select{max-width:300px;padding:8px;border-radius:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.preview-screen{display:grid;place-items:center;min-height:260px;background:#08090d;border-radius:12px;overflow:hidden}.preview-screen video,.preview-screen img{display:block;max-width:100%;max-height:70vh}
