.ytmpg{max-width:640px;margin:28px auto;padding:28px 18px 28px;background:#fafafa;border:1px solid #eee;border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#222;box-sizing:border-box}
.ytmpg *{box-sizing:border-box}
.ytmpg-heading{margin:0 0 22px!important;text-align:center;font-size:15px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#444}
.ytmpg-card{background:#fff;border:1px solid #e3e3e3;border-radius:14px;padding:16px 16px 14px}
.ytmpg-top{display:flex;align-items:center;gap:12px}
.ytmpg-cover{width:42px!important;height:42px!important;border-radius:6px;object-fit:cover;flex:none;margin:0!important}
.ytmpg-title{flex:1;min-width:0;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytmpg-controls{display:flex;align-items:center;gap:4px;flex:none}
.ytmpg .ytmpg-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:#222;cursor:pointer;box-shadow:none}
.ytmpg .ytmpg-btn:hover{background:#f1f1f1}
.ytmpg .ytmpg-btn svg{width:15px;height:15px}
.ytmpg .ytmpg-rep[aria-pressed="true"]{color:#f00;background:#fdeaea}
.ytmpg .ytmpg-ic-pause{display:none}
.ytmpg.is-playing .ytmpg-ic-play{display:none}
.ytmpg.is-playing .ytmpg-ic-pause{display:inline-flex}
.ytmpg-ic-play,.ytmpg-ic-pause{display:inline-flex}
.ytmpg-sep{width:1px;height:20px;background:#ddd;margin:0 8px}
.ytmpg-powered{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#888;white-space:nowrap}
.ytmpg-powered svg{width:20px;height:14px}
.ytmpg-progress{display:flex;align-items:center;gap:12px;margin-top:14px;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#7a4a3a}
.ytmpg-bar{position:relative;flex:1;height:6px;background:#e8e8e8;border-radius:6px;cursor:pointer}
.ytmpg-bar:before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}
.ytmpg-fill{height:100%;width:0;background:#f00;border-radius:6px}
.ytmpg-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:24px}
.ytmpg .ytmpg-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 26px 10px 20px;border:0;border-radius:999px;color:#fff;cursor:pointer;text-align:left;line-height:1.05;box-shadow:none;transition:transform .12s,filter .12s}
.ytmpg .ytmpg-pill:hover{transform:translateY(-1px);filter:brightness(1.08)}
.ytmpg .ytmpg-pill svg{width:26px;height:26px;flex:none}
.ytmpg-pill span{display:flex;flex-direction:column}
.ytmpg-pill small{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.95}
.ytmpg-pill b{font-size:17px;font-weight:700}
.ytmpg .ytmpg-watch{background:#f00}
.ytmpg .ytmpg-save{background:#0b3bdb}
.ytmpg .ytmpg-dl{display:block;margin:18px auto 0;padding:12px 30px;border:0;border-radius:8px;background:#0b3bdb;color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer}
.ytmpg .ytmpg-dl:hover{filter:brightness(1.1)}
.ytmpg-video{position:relative;margin-top:20px;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
.ytmpg-video[hidden]{display:none}
.ytmpg-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytmpg-yt{position:absolute;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none;left:0;top:0}
.ytmpg-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.ytmpg-modal[hidden]{display:none}
.ytmpg-modal-box{position:relative;width:100%;max-width:520px;max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:24px 22px;color:#222}
.ytmpg-modal-title{margin:0 0 14px;font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.ytmpg-modal-x{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#555}
@media (max-width:520px){
	.ytmpg-top{flex-wrap:wrap}
	.ytmpg-title{flex-basis:calc(100% - 56px)}
	.ytmpg-controls{width:100%;justify-content:space-between}
	.ytmpg-pill b{font-size:15px}
}