/* YB Video MVC 4.2: layout and Studio history corrections */
html,body{width:100%;max-width:100%;}
.app,.marketing,.profile-wrap,.public-wrap{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;}
.app{padding:22px clamp(16px,3vw,48px) 48px!important;}
.marketing{padding:24px clamp(16px,3vw,48px) 60px!important;}
.profile-wrap,.public-wrap{padding:22px clamp(16px,3vw,48px)!important;}
.price-grid{max-width:none!important;width:100%!important;}
#historyList.history-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;width:100%!important;}
#historyList .history-item.video-library-card{padding:8px!important;gap:7px!important;}
#historyList .video-library-thumb-link{display:block!important;position:relative!important;z-index:20!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;pointer-events:auto!important;cursor:pointer!important;overflow:hidden!important;}
#historyList .video-library-thumb-link img{pointer-events:none!important;}
#historyList .video-library-title{font-size:12px!important;line-height:1.35!important;}
#historyList .video-library-meta{font-size:10px!important;line-height:1.35!important;}
#historyList .video-library-meta small{font-size:10px!important;}
#historyList .history-recreate{padding:8px!important;font-size:12px!important;}
#historyList .history-item>a:not(.video-library-thumb-link),#historyList .history-item .download-link,#historyList .history-item a[href*="cloudfront.net"]{display:none!important;}
.history-head{width:100%;}
.video-library-grid,.public-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;width:100%!important;}
.profile-video-card,.public-video{min-width:0;max-width:100%;overflow:hidden;}
.profile-video-thumb,.video-library-thumb,.public-video img{max-width:100%;}
/* Studio quality cards: silver for Mid, gold for High; keep Low in the brand dark/purple palette. */
.quality-pricing .quality-option[data-quality="mid"]{background:linear-gradient(145deg,#343940 0%,#252930 55%,#17191e 100%)!important;border-color:#737b87!important;}
.quality-pricing .quality-option[data-quality="mid"].selected{background:linear-gradient(145deg,#424953 0%,#2d323a 55%,#1a1c21 100%)!important;border:2px solid #b8c0cc!important;}
.quality-pricing .quality-option[data-quality="high"]{background:linear-gradient(145deg,#3b3018 0%,#292112 55%,#18150f 100%)!important;border-color:#9e813b!important;}
.quality-pricing .quality-option[data-quality="high"].selected{background:linear-gradient(145deg,#51401e 0%,#322713 55%,#1c170f 100%)!important;border:2px solid #facc15!important;}
.quality-pricing .quality-option[data-quality="low"]{background:linear-gradient(145deg,#21172e 0%,#15121c 60%,#111116 100%)!important;border-color:#604080!important;}
.quality-pricing .quality-option[data-quality="low"].selected{border:2px solid #a66bea!important;background:linear-gradient(145deg,#2a1c3a 0%,#1c1427 100%)!important;}
@media(max-width:1100px){#historyList.history-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}.video-library-grid,.public-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:820px){#historyList.history-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}.video-library-grid,.public-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:560px){#historyList.history-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.video-library-grid,.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:360px){#historyList.history-list,.video-library-grid,.public-grid{grid-template-columns:1fr!important;}}