/* UPUPG MEDIA STUDIO V2 — scoped to converter page only. */
body:has(#cv-app) .up-shell{box-sizing:border-box!important;width:95%!important;max-width:95%!important}
body:has(#cv-app) #main-content{width:100%;min-width:0}
#cv-app{width:100%;max-width:none!important;margin:14px auto 28px}
#cv-app .cv-head{background:linear-gradient(110deg,#223451,#142039);border:1px solid #435b7c;border-radius:15px;padding:14px 19px;gap:10px;margin:5px 0 15px}
#cv-app .cv-head h1{color:#f1bd60;font-size:clamp(19px,2.05vw,28px);line-height:1.4;margin:0}
#cv-app .cv-head p{font-size:12px;margin:3px 0 0;color:#c8d4e7}
#cv-app .cv-beta{font-size:11px;flex:none}
#cv-app .cv-drop{min-height:130px;padding:15px}
#cv-app .cv-cloud{font-size:32px}
#cv-app .cv-layout{display:grid;grid-template-columns:minmax(0,24fr) minmax(0,52fr) minmax(0,24fr);gap:12px;align-items:start;direction:rtl}
#cv-app .cv-tools{grid-column:1;grid-row:1;margin:0}
#cv-app .cv-preview-box{grid-column:2;grid-row:1;position:sticky;top:8px;margin:0}
#cv-app .cv-export{grid-column:3;grid-row:1;margin:0;min-width:0}
#cv-app .cv-tools,#cv-app .cv-export{padding:14px}
#cv-app .cv-export h2{margin-bottom:10px}
#cv-app .cv-export .cv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#cv-app .cv-export .cv-actions{flex-wrap:wrap;gap:7px}
#cv-app .cv-export .cv-actions button{min-width:0}
#cv-app .cv-export select,#cv-app .cv-export input:not([type=checkbox]),#cv-app .cv-export textarea{width:100%;min-width:0;background:#101a30;color:#fff;border:1px solid #536d90;border-radius:8px;padding:8px;margin-top:5px;min-height:37px;font:inherit}
#cv-app .cv-export label{display:block;color:#d9e3f5;font-size:12px;min-width:0}
#cv-app .cv-export .cv-hint{font-size:11px}
#cv-app .cv-stage{min-height:300px;overflow:hidden;padding:9px}
#cv-app .cv-stage canvas{max-height:min(78vh,850px)}
#cv-app .cv-privacy{margin-top:16px}
#cv-app .cv-docs{width:100%;max-width:none}
@media(max-width:1160px){#cv-app .cv-layout{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}#cv-app .cv-preview-box{grid-column:1;grid-row:1}#cv-app .cv-tools{grid-column:2;grid-row:1}#cv-app .cv-export{grid-column:1/-1;grid-row:2}#cv-app .cv-export .cv-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){body:has(#cv-app){padding-inline:7px!important}body:has(#cv-app) .up-shell{width:100%!important;max-width:100%!important}#cv-app .cv-layout{display:flex;flex-direction:column;gap:10px}#cv-app .cv-preview-box,#cv-app .cv-tools,#cv-app .cv-export{width:100%;position:static;top:auto}#cv-app .cv-preview-box{order:1}#cv-app .cv-tools{order:2}#cv-app .cv-export{order:3}#cv-app .cv-export .cv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cv-app .cv-head{flex-wrap:wrap;padding:11px 13px}#cv-app .cv-beta{white-space:normal}#cv-app .cv-stage canvas{max-height:65vh}}
@media(max-width:390px){#cv-app .cv-export .cv-tool-grid{grid-template-columns:1fr}#cv-app .cv-card{padding:11px}#cv-app .cv-head h1{font-size:18px}}