/* One lightweight audition dock; every cover shares one audio transport. */
.card-actions .card-demo svg{fill:currentColor;stroke:none;width:18px;height:18px}.card-actions .card-demo[aria-pressed=true]{background:#e4d8bc;color:#171918}.cover-wrap:has(.card-demo[data-active=true]) .card-actions{opacity:1;transform:none}.card-actions .card-demo[aria-busy=true]{opacity:.65}
.ct-demo-dock{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1120px;z-index:90;display:flex;gap:17px;align-items:center;padding:13px 16px;border:1px solid #697063;border-radius:4px;background:#202520f7;color:#eeece5;box-shadow:0 12px 50px #0007;backdrop-filter:blur(16px);font:12px/1.4 Arial,Helvetica,sans-serif;box-sizing:border-box}.ct-demo-dock[hidden],.ct-demo-dock [hidden]{display:none!important}.ct-demo-dock *{box-sizing:border-box}#ct-demo-cover{width:44px;height:44px;object-fit:cover;flex-shrink:0}.ct-demo-info{flex:1.3;min-width:0}.ct-demo-info strong,.ct-demo-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-demo-info strong{font-size:13px;font-weight:400;margin:3px 0}#ct-demo-label{font-size:8px;letter-spacing:1px;color:#b4b8a7;text-transform:uppercase}#ct-demo-track-title{font-size:9px;color:#9da893}.ct-demo-dock button{display:grid;place-items:center;flex-shrink:0;min-width:36px;min-height:36px;padding:6px;background:none;border:0;color:#e7e6d7;cursor:pointer}.ct-demo-dock button svg{width:20px;height:20px}.ct-demo-dock .ct-demo-play{border:1px solid #869174;border-radius:50%;width:40px;height:40px}.ct-demo-dock button:disabled{opacity:.4;cursor:default}.ct-demo-dock button:hover:not(:disabled){color:#e4d8bc;background:#ffffff0a}.ct-demo-dock :focus-visible{outline:2px solid #e4d8bc;outline-offset:4px}.ct-demo-timeline{flex:1.5;display:flex;gap:13px;align-items:center;max-width:430px;min-width:120px}.ct-demo-timeline input{width:100%;min-width:25px;accent-color:#d1c6a9;height:4px;cursor:pointer}.ct-demo-timeline input:disabled{opacity:.4;cursor:default}.ct-demo-timeline span{font-size:9px;color:#aeb69f;white-space:nowrap;min-width:65px}#ct-demo-source{font-size:10px;color:#ddd4ba;max-width:130px;text-underline-offset:4px}#ct-demo-tracks{position:absolute;bottom:calc(100% + 10px);right:14px;width:340px;max-width:calc(100vw - 50px);padding:16px 18px;border:1px solid #697063;border-radius:4px;background:#202520;color:#c3cab7;box-shadow:0 -8px 35px #0005}#ct-demo-tracks label{display:block;font-size:10px}#ct-demo-track-select{display:block;margin-top:8px;width:100%;max-width:100%;padding:10px 9px;background:#171d16;color:#eeece5;border:1px solid #657059;font:12px Arial,Helvetica,sans-serif}.ct-demo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#ct-demo-transport{position:absolute;left:0;top:0;width:400px;height:200px;overflow:hidden;clip-path:inset(50%);pointer-events:none}#ct-demo-transport iframe{width:400px;height:200px;border:0}body.ct-demo-open{padding-bottom:110px}body.ct-demo-open .ct-cart-feedback{bottom:110px}
@media(max-width:700px){.ct-demo-dock{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);gap:10px;padding:11px 12px;flex-wrap:wrap}.ct-demo-info{flex-basis:calc(100% - 200px)}.ct-demo-info strong{font-size:12px}.ct-demo-dock button{min-width:34px;min-height:36px}.ct-demo-dock .ct-demo-play{width:36px;height:36px}#ct-demo-cover{width:38px;height:38px}.ct-demo-timeline{order:2;flex-basis:100%;max-width:none;gap:13px;margin-left:48px}.ct-demo-timeline input{height:3px}.ct-demo-timeline span{font-size:8px;min-width:60px}#ct-demo-source{order:3;margin-left:48px;max-width:none;font-size:10px}#ct-demo-tracks-toggle{margin-left:auto}#ct-demo-tracks{right:8px;padding:14px}body.ct-demo-open{padding-bottom:130px}body.ct-demo-open .ct-cart-feedback{bottom:130px}}
@media(prefers-reduced-motion:reduce){.ct-demo-dock *,.card-actions .card-demo{transition:none!important;animation:none!important}}

#ct-demo-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;font:400 13px/1.4 Arial,Helvetica,sans-serif;margin:3px 0;text-decoration:none}#ct-demo-name[href]{text-decoration:underline;text-decoration-color:#b9b39b66;text-underline-offset:3px;cursor:pointer}#ct-demo-name[href]:hover{color:#e4d8bc;text-decoration-color:currentColor}#ct-demo-name:focus-visible{outline:2px solid #e4d8bc;outline-offset:3px;border-radius:1px}@media(max-width:700px){#ct-demo-name{font-size:12px}}