/* UPUPG Studio - Vertical accordion editor V1 | responsive, RTL first */
#cv-app.cv{max-width:min(1600px,calc(100% - 16px));}
#cv-app .cv-layout{direction:ltr;grid-template-columns:minmax(0,1.75fr) minmax(355px,.83fr);gap:18px;align-items:start;}
#cv-app .cv-layout>*,#cv-app .cv-accordion-panel{direction:rtl;min-width:0;}
#cv-app .cv-preview-box{position:sticky;top:14px;}
#cv-app .cv-stage{min-height:380px;display:grid;place-items:center;background:radial-gradient(circle at 48% 42%,#172841,#0b1629 75%);padding:14px;}
#cv-app .cv-stage canvas{max-width:100%;max-height:74vh;width:auto;height:auto;object-fit:contain;touch-action:none;}
#cv-app .cv-accordion-panel{padding:15px 14px;border:1px solid #385373;border-radius:16px;background:linear-gradient(160deg,#1c2d49,#17243c 90%);}
#cv-app .cv-panel-title{display:flex;align-items:center;gap:9px;margin:0 3px 14px;color:#f0c374;font-size:17px;font-weight:800;}
#cv-app details.cv-accordion{--cv-accent:#f2bd69;--cv-accent-bg:rgba(242,189,105,.11);display:block;border:1px solid #415b7c;border-radius:13px;background:#12223c;margin:0 0 10px;padding:0;overflow:hidden;box-shadow:0 2px 6px #07122517;}
#cv-app details.cv-accordion[hidden]{display:none!important;}
#cv-app details.cv-acc-gold{--cv-accent:#f1bf65;--cv-accent-bg:rgba(241,191,101,.11)}
#cv-app details.cv-acc-violet{--cv-accent:#c9a9ff;--cv-accent-bg:rgba(201,169,255,.10)}
#cv-app details.cv-acc-mint{--cv-accent:#77dec9;--cv-accent-bg:rgba(119,222,201,.1)}
#cv-app details.cv-acc-blue{--cv-accent:#8ac2ff;--cv-accent-bg:rgba(138,194,255,.10)}
#cv-app details.cv-acc-rose{--cv-accent:#ffabd0;--cv-accent-bg:rgba(255,171,208,.10)}
#cv-app details.cv-accordion>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:9px 12px;cursor:pointer;list-style:none;background:linear-gradient(95deg,#1b2e4c,#192a45);user-select:none;transition:background .14s ease;}
#cv-app details.cv-accordion>summary::-webkit-details-marker{display:none}
#cv-app details.cv-accordion>summary:hover,#cv-app details.cv-accordion[open]>summary{background:linear-gradient(95deg,#203858,#1d314f)}
#cv-app details.cv-accordion>summary:focus-visible{outline:3px solid var(--cv-accent);outline-offset:-3px;}
#cv-app .cv-acc-icon{color:var(--cv-accent);background:var(--cv-accent-bg);width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--cv-accent) 35%,transparent);border-radius:11px;}
#cv-app .cv-acc-title{color:#edf4ff;font-weight:780;line-height:1.45;font-size:14px;flex:1;text-align:right;}
#cv-app .cv-acc-chevron{margin-inline-start:auto;width:24px;height:24px;border:1px solid #47617e;border-radius:8px;display:grid;place-items:center;color:#b6c9e0;font-size:19px;font-weight:bold;line-height:1;transition:transform .16s;}
#cv-app details.cv-accordion[open] .cv-acc-chevron{transform:rotate(180deg)}
#cv-app details.cv-accordion[open]{border-color:color-mix(in srgb,var(--cv-accent) 57%,#415b7c);}
#cv-app .cv-acc-body{border-top:1px solid #395172;padding:13px 13px 15px;background:linear-gradient(170deg,#182b46,#14233d);}
#cv-app .cv-acc-body .cv-tool-grid{gap:10px;}
#cv-app .cv-acc-body>.cv-hint:first-child{margin-top:0}
#cv-app .cv-acc-body label,#cv-app .cv-acc-body input,#cv-app .cv-acc-body select{max-width:100%;}
#cv-app .cv-acc-body #cv-blur-remove,#cv-app .cv-acc-body #cv-blur-add{font-size:12px;}
#cv-app .cv-acc-body .cv-zone-row{margin:0 0 12px;}
#cv-app .cv-logo-activation{display:flex!important;align-items:center;gap:8px;border:1px solid #47677a;padding:10px 12px;border-radius:10px;background:#193646;margin:0 0 12px;color:#dff7ed!important;font-weight:700;cursor:pointer;}
#cv-app .cv-logo-activation input{width:18px!important;height:18px;min-height:unset!important;margin:0;accent-color:#65dbb5;flex:0 0 18px;}
#cv-app .cv-font-slider-label{margin:13px 0 0;}
#cv-app .cv-font-slider-label output{float:left;color:#ffce84;font-size:12px;font-weight:bold;}
#cv-app .cv-submit-panel{border:1px solid #876a42;background:linear-gradient(155deg,#24364e,#1a2a41);border-radius:13px;padding:14px;margin-top:12px;}
#cv-app .cv-submit-title{color:#f8c66e;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;}
#cv-app .cv-submit-panel .cv-consent{padding:10px 0;line-height:1.8;color:#e0e9f9;}
#cv-app .cv-submit-panel .cv-actions{margin-top:10px;}
#cv-app .cv-submit-panel #cv-create{background:linear-gradient(115deg,#f2bb5c,#e4a954);font-weight:800;box-shadow:0 2px 9px #0003;}
#cv-app .cv-preview-box .cv-hint{line-height:1.75}
@media(max-width:1050px){#cv-app .cv-layout{grid-template-columns:minmax(0,1.45fr) minmax(325px,.93fr);gap:12px;}#cv-app .cv-acc-body .cv-tool-grid{grid-template-columns:1fr;}}
@media(max-width:800px){#cv-app .cv-layout{grid-template-columns:1fr;}#cv-app .cv-preview-box{position:relative;top:auto;}#cv-app .cv-stage{min-height:270px;}#cv-app .cv-acc-body .cv-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){#cv-app.cv{max-width:100%;}#cv-app .cv-accordion-panel{padding:10px;}#cv-app .cv-stage{min-height:210px;padding:7px;}#cv-app .cv-acc-body .cv-tool-grid{grid-template-columns:1fr;}#cv-app details.cv-accordion>summary{min-height:55px;padding:8px 10px;}#cv-app .cv-acc-icon{width:39px;height:39px;flex-basis:39px;}#cv-app .cv-acc-title{font-size:13px;}}
@media(prefers-reduced-motion:reduce){#cv-app .cv-acc-chevron{transition:none;}#cv-app details.cv-accordion>summary{transition:none;}}

/* UPUPG Studio Layout V3: EXACTLY TWO columns. The legacy DOM-reflow script
   media_studio_v2.js is intentionally NOT loaded by converter.php. */
#cv-app #cv-work:not([hidden]){
  display:grid!important;
  direction:ltr;
  grid-template-columns:minmax(0,67fr) minmax(0,33fr)!important;
  grid-template-rows:auto;
  align-items:start;
  gap:16px;
}
#cv-app #cv-work>.cv-preview-box{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0;
  direction:rtl;
  margin:0;
  position:sticky;
  top:14px;
}
#cv-app #cv-work>.cv-accordion-panel{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0;
  direction:rtl;
  margin:0;
}
#cv-app #cv-work .cv-accordion-panel details.cv-accordion:not([open])>.cv-acc-body{display:none!important;}
#cv-app #cv-work .cv-accordion-panel .cv-acc-body{max-width:100%;overflow:hidden;}
#cv-app #cv-work .cv-accordion-panel #cv-file-accordion .cv-acc-body,
#cv-app #cv-work .cv-accordion-panel .cv-submit-panel{min-width:0;max-width:100%;}
#cv-app #cv-work .cv-submit-panel #cv-result{overflow-wrap:anywhere;}
/* Precise field alongside each slider; every original slider ID remains intact. */
#cv-app .cv-range-pair{display:flex;align-items:center;gap:10px;direction:ltr;width:100%;max-width:100%;margin-top:6px;}
#cv-app .cv-range-pair>input[type="range"]{flex:1 1 auto;width:100%!important;max-width:calc(100% - 92px);min-width:48px!important;min-height:24px!important;margin:0!important;padding:0!important;}
#cv-app .cv-range-pair>input.cv-range-number[type="number"]{box-sizing:border-box;flex:0 0 82px;width:82px!important;min-width:82px!important;max-width:82px!important;min-height:35px!important;margin:0!important;padding:5px 7px!important;text-align:center;direction:ltr;font-size:13px;font-weight:700;color:#f8d494;background:#0e1b30;border:1px solid #647e9d;border-radius:8px;}
#cv-app .cv-range-pair>input.cv-range-number[type="number"]:focus{outline:2px solid #e9b15b;outline-offset:1px;}
#cv-app .cv-range-pair>input.cv-range-number[type="number"]:disabled{opacity:.45;}
#cv-app .cv-overlay-warning{display:block;border:1px solid #ae4b57;background:rgba(155,39,61,.13);border-radius:9px;color:#ffbdc3;font-weight:750;font-size:12px;line-height:1.8;padding:10px 12px;margin:0 0 13px;}
#cv-app .cv-overlay-warning[hidden]{display:none!important;}
#cv-app .cv-flip-symbol{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 6px;padding:0 5px;min-width:26px;height:25px;background:#294b6e;color:#ffc874;border-radius:6px;border:1px solid #668cb2;font-size:21px;font-weight:900;line-height:1;}
#cv-app .cv-check-grid label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}

@media(max-width:1250px) and (min-width:1001px){
  #cv-app #cv-work .cv-acc-body .cv-tool-grid{grid-template-columns:1fr;}
}
@media(max-width:1000px){
  #cv-app #cv-work:not([hidden]){grid-template-columns:minmax(0,1fr)!important;gap:12px;}
  #cv-app #cv-work>.cv-preview-box{grid-column:1!important;grid-row:1!important;position:relative;top:auto;}
  #cv-app #cv-work>.cv-accordion-panel{grid-column:1!important;grid-row:2!important;}
}

/* Studio V4: always-visible source selection; editor dimensions stay folded. */
#cv-app #cv-work .cv-source-fixed{
  margin:0 0 14px;
  padding:12px 12px 14px;
  border:1px solid #46688c;
  border-radius:12px;
  background:linear-gradient(145deg,#1c3454,#172943);
  min-width:0;
}
#cv-app #cv-work .cv-source-fixed[hidden]{display:none!important;}
#cv-app #cv-work .cv-source-fixed>label{
  display:flex;align-items:center;gap:8px;
  color:#f1c16f;font-size:13px;font-weight:750;
  margin:0 0 8px;
}
#cv-app #cv-work .cv-source-fixed>label svg{color:#9bd0ff;flex:0 0 19px;}
#cv-app #cv-work .cv-source-fixed>select{
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  min-height:40px;padding:7px 10px;border:1px solid #58749b;
  border-radius:9px;background:#0e1b31;color:#f5f9ff;font-size:13px;
  overflow:hidden;text-overflow:ellipsis;
}
#cv-app .cv-quick-dim-hint{display:block;margin-top:7px;color:#b9d2ea;font-size:11px;line-height:1.65;}
#cv-app .cv-blur-discovery-note{
  border:1px solid #b34a59;background:#412735;
  color:#ffd0d5;font-size:12px;font-weight:700;
  border-radius:9px;padding:10px 11px;
  margin:0 0 12px;line-height:1.8;
}