html.cv-studio-v3:has(:is(.studio-hub,.studio-editor)),
html.cv-studio-v3:has(:is(.studio-hub,.studio-editor)) body {min-width:0;}
html.cv-studio-v3:has(:is(.studio-hub,.studio-editor)) #cvV3App {position:fixed!important;inset:0;}
#cvV3App .shell:has(:is(.studio-hub,.studio-editor)) {height:100dvh;min-height:0;overflow:hidden;}
#cvV3App :is(.studio-hub,.studio-editor) {
  --studio-gutter:clamp(16px,3vw,46px);
  height:100dvh;min-width:0;min-height:0;padding:24px var(--studio-gutter) 40px;
  scrollbar-width:thin;overscroll-behavior:contain;background:#111110;
}
#cvV3App :is(.studio-hub-heading,#studio-results,.studio-editor-header,.workflow-mode-nav) {
  max-width:1500px;margin-inline:auto;
}
#cvV3App .studio-hub-heading {gap:12px;margin-bottom:19px;}
#cvV3App .studio-hub-heading h1 {font-size:clamp(28px,3.2vw,46px);letter-spacing:-.04em;color:#f3ecde;}
#cvV3App .studio-hub-heading p {margin-top:5px;color:#b8ab97;}
#cvV3App .studio-hub-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
#cvV3App .studio-hub-actions .studio-search {width:clamp(148px,15vw,220px);min-height:37px;flex:none;}
#cvV3App .studio-hub-heading.studio-ad-intro {
  align-items:center;justify-content:flex-start;gap:clamp(12px,2vw,24px);
  margin-bottom:clamp(14px,2vw,24px);padding:clamp(16px,3.2vw,42px);
  border:1px solid #4b3b2b;border-radius:14px;
  background:radial-gradient(ellipse at 6% 100%,#35281a,transparent 66%),#191613;
}
#cvV3App .studio-ad-intro .studio-mini-icon {
  width:clamp(36px,4.7vw,62px);height:clamp(36px,4.7vw,62px);
  border-color:#75593a;border-radius:12px;background:#32251a;color:#edd19a;
}
#cvV3App .studio-ad-intro .studio-mini-icon .icon {width:46%;height:46%;}
#cvV3App .studio-ad-intro h1 {
  color:#f8edda;font-size:clamp(26px,3.8vw,53px);line-height:1.07;font-weight:650;letter-spacing:-.045em;
}
#cvV3App .studio-ad-intro p {
  max-width:59ch;margin-top:9px;color:#d4c3a9;font-size:clamp(13px,1.3vw,17px);line-height:1.5;text-wrap:pretty;
}
#cvV3App .studio-collection {margin-bottom:27px;}
#cvV3App .studio-mini-icon {
  display:grid;place-items:center;flex:none;width:30px;height:30px;
  border:1px solid #56452e;border-radius:7px;background:#2c2418;color:#e4c384;
}
#cvV3App .studio-mini-icon .icon {width:15px;height:15px;}
#cvV3App .studio-tools-grid {gap:12px;}
#cvV3App .studio-tool {
  gap:0;overflow:hidden;border:1px solid #3c352b;border-radius:12px;
  background:#1a1815;transition:border-color 170ms ease,background-color 170ms ease,transform 180ms ease;
}
#cvV3App .studio-tool:hover {border-color:#8b724a;background:#211c15;}
#cvV3App .studio-tool-media,
#cvV3App .studio-tool:hover .studio-tool-media {
  flex:none;aspect-ratio:16/9;border:0;border-radius:0;background:radial-gradient(ellipse at center,#30251a,#151310);
}
#cvV3App .studio-collection[data-studio-section="advertising"] .studio-tool-media {aspect-ratio:1;}
#cvV3App .studio-tool-media :is(img,video) {object-fit:contain;}
#cvV3App .studio-tool-media .studio-tool-backdrop {object-fit:cover;filter:blur(18px) brightness(.42);transform:scale(1.18);}
#cvV3App .studio-tool-media video {opacity:0;transition:opacity 220ms ease;}
#cvV3App .studio-tool-media video.is-playing {opacity:1;}
#cvV3App .studio-tool-media:has(video.is-playing) .studio-tool-poster {visibility:hidden;}
#cvV3App .studio-tool-media:not(:has(video)) img {object-fit:cover;transition:transform 240ms ease;}
#cvV3App .studio-tool-body {
  display:grid;grid-template-columns:30px minmax(0,1fr) 21px;align-items:start;gap:8px;
  flex:1;width:100%;padding:11px 10px;border-top:1px solid #393127;
}
#cvV3App .studio-tool-copy {gap:3px;padding:0;}
#cvV3App .studio-tool-copy strong {font-size:14px;line-height:1.3;overflow-wrap:anywhere;}
#cvV3App .studio-tool-copy>span {font-size:12px;line-height:1.45;color:#b8ae9d;overflow-wrap:anywhere;}
#cvV3App .studio-tool-open {
  position:static;width:21px;height:25px;background:none;border:0;border-radius:5px;
  color:#c5a473;transition:color 170ms ease,transform 180ms ease;
}
#cvV3App .studio-tool-open .icon {width:14px;height:14px;}
#cvV3App .studio-tool:hover .studio-tool-open {background:none;color:#f1d99f;}
#cvV3App .studio-tools-featured .studio-tool {grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:0;}
#cvV3App .studio-tools-featured .studio-tool-media {aspect-ratio:2.2;}
#cvV3App .studio-tools-featured .studio-tool-body {align-content:center;height:100%;padding:14px;border-top:0;border-left:1px solid #393127;}
#cvV3App .studio-tools-featured .studio-tool-copy strong {font-size:18px;}

#cvV3App .studio-editor-header {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
  margin-bottom:14px;
}
#cvV3App .studio-editor-header .back-link {display:flex;align-items:center;gap:6px;justify-self:start;margin:0;color:#d1b57d;}
#cvV3App .studio-editor-header .back-link .icon {width:14px;height:14px;}
#cvV3App .studio-editor-actions {grid-column:2;display:flex;align-items:center;gap:6px;}
#cvV3App .studio-editor-heading {grid-column:1/-1;display:flex;align-items:center;gap:11px;min-width:0;}
#cvV3App .studio-editor-heading .studio-mini-icon {width:40px;height:40px;}
#cvV3App .studio-editor-heading .studio-mini-icon .icon {width:19px;height:19px;}
#cvV3App .studio-editor-heading h1 {font-size:clamp(24px,3vw,38px);line-height:1.16;font-weight:620;letter-spacing:-.035em;}
#cvV3App .studio-editor-heading p {margin-top:4px;color:#bcb09c;font-size:13px;line-height:1.5;}
#cvV3App .studio-editor .workflow-mode-nav {gap:6px;margin-bottom:15px;padding-bottom:11px;}
#cvV3App .studio-editor .workflow-mode-nav button {display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;text-align:left;}
#cvV3App .studio-editor .workflow-mode-nav button .icon {width:13px;height:13px;flex:none;}
#cvV3App .studio-editor #live-workflow-host {min-width:0;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-workflow {
  grid-template-columns:minmax(0,1fr) minmax(290px,35%);gap:14px;
}
#cvV3App .studio-editor #live-workflow-host :is(.live-ad-primary,.live-ad-settings) {
  display:flex;flex-direction:column;gap:10px;min-width:0;padding:0;border:0;background:none;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-stage {
  margin:0;padding:14px;border-color:#40372a;border-radius:10px;background:#191714;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-stage>header {
  grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;
  margin-bottom:11px;padding:0 0 10px;background:none;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-stage>header>i {width:28px;height:28px;border-radius:7px;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-stage>header>em {max-width:12ch;line-height:1.35;overflow-wrap:anywhere;}
#cvV3App .studio-editor #live-workflow-host .cv-ad-voice-preferences {grid-template-columns:minmax(0,1fr);gap:8px;}
#cvV3App .studio-editor #live-workflow-host .cv-ad-voice-preferences .cv-presenter-segmented-two {width:100%;}
#cvV3App .studio-editor #live-workflow-host .cv-ad-voice-preferences .cv-presenter-segmented button {min-width:0;padding-inline:5px;white-space:normal;}
#cvV3App .studio-editor #live-workflow-host .cv-ad-voice-preferences .cv-presenter-segmented button[aria-pressed="false"] {color:#d5c7b1;}
#cvV3App .studio-editor #live-workflow-host .cv-ad-voice-preferences .cv-presenter-segmented button[aria-pressed="true"] {color:#21180b;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-active-voice {grid-template-columns:38px minmax(0,1fr) 36px;gap:7px;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-active-voice strong {overflow-wrap:anywhere;}
#cvV3App .studio-editor #live-workflow-host .cv-scenario-source-upload {min-height:84px;border-radius:8px;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-reference-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:8px;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-reference-slot[hidden] {display:none!important;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-script-compose textarea {min-height:106px;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-presenter-result-mode-grid,.cv-ugc-video-mode-grid) {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;
  justify-content:stretch;gap:10px;margin:8px 0 0;padding:0;overflow:visible;scroll-snap-type:none;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-card.has-example {
  aspect-ratio:auto;border-radius:12px;background:#211c17;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-button {
  position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:clamp(200px,21vw,300px) 1fr;gap:0;width:100%;height:100%;
  min-height:0;padding:0;border:0;border-radius:0;background:#211c17;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-button.active {background:#302619;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-button::after {content:none;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-button video {
  position:static;width:100%;height:100%;object-fit:contain;background:#110f0d;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-button > .cv-presenter-mode-video-label {
  position:static;display:block;transform:none;padding:11px 12px;
  border:0;border-top:1px solid #473a2b;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-label strong {
  color:#f4ede2;font-size:14px;line-height:1.35;text-shadow:none;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-label small {
  display:block;overflow:visible;color:#c2b5a0;font-size:12px;font-weight:400;line-height:1.45;text-shadow:none;
}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-card.active .cv-presenter-mode-video-label strong {color:#efd197;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-video-button > b {background:#eac68b;color:#241a0f;}
#cvV3App .studio-editor #live-workflow-host .cv-presenter-mode-expand {width:30px;height:30px;top:8px;left:8px;}
#cvV3App .studio-editor #live-workflow-host :is(.cv-scenario-detail-run,.cv-task-scenario-submit,.cv-website-primary) {
  min-height:44px;border-radius:8px!important;background:linear-gradient(110deg,#f0d58d,#d6ac62)!important;
  color:#20180c!important;font-size:14px;line-height:1.45;
}
#cvV3App .studio-editor #live-workflow-host :is(.cv-scenario-detail-run,.cv-task-scenario-submit,.cv-website-primary):disabled {
  background:#33291b!important;color:#cbb381!important;opacity:1;
}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout {
  display:flex;flex-direction:column;gap:12px;padding:12px;
  border:1px solid #55432d;border-radius:10px;background:#211a13;
}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout .cv-scenario-detail-meta {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;
  margin:0;padding:0;border:0;border-radius:0;background:none;
}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout .cv-scenario-detail-meta > div {min-width:0;padding:0;background:none;}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout .cv-scenario-detail-meta small {color:#cdbb9d;font-size:10px;}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout .cv-scenario-detail-meta b {font-size:16px;line-height:1.4;overflow-wrap:anywhere;}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout .cv-scenario-detail-run {
  align-self:flex-end;width:fit-content;max-width:100%;min-height:40px;margin:0;padding:8px 12px;gap:12px;
  border:1px solid #8b6c40;box-shadow:none;text-align:left;font-size:13px;font-weight:650;line-height:1.35;white-space:normal;
}
#cvV3App .studio-editor #live-workflow-host .live-ad-checkout .cv-scenario-detail-run b {font-size:17px;line-height:1;}
#cvV3App .studio-editor #live-workflow-host .cv-website-wizard {width:100%;max-width:1040px;margin-inline:auto;}
#cvV3App .studio-editor #live-workflow-host .cv-website-section {min-width:0;border-radius:10px;border-color:#40372a;background:#191714;}
#cvV3App .studio-editor #live-workflow-host .cv-web-example-cover {background:radial-gradient(ellipse at center,#2a2016,#14120f);}
#cvV3App .studio-editor #live-workflow-host .cv-web-example-cover img {object-fit:contain;}
#cvV3App .studio-editor #live-workflow-host .cv-website-fields {grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));}
#cvV3App .studio-editor #live-workflow-host :is(.reels-panel,.reels-preview-column,.cv-task-scenario-content>.cv-task-scenario-upload) {min-width:0;border-radius:10px;}
#cvV3App .studio-editor #live-workflow-host :is(.reels-controls,.reels-preview-column,.live-design,.cv-task-scenario-content) {min-width:0;}
#cvV3App .studio-editor #live-workflow-host .live-design-options {gap:6px;margin-bottom:10px;}
#cvV3App .studio-editor #cvLiveMotion .mode-card {min-width:0;border-radius:12px;}

@media (min-width:1220px) {
  #cvV3App .studio-hub .studio-tools-four {grid-template-columns:repeat(4,minmax(0,1fr));}
  #cvV3App .studio-editor #live-workflow-host .cv-website-wizard {display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);align-items:start;gap:12px;}
  #cvV3App .studio-editor #live-workflow-host .cv-website-wizard>* {grid-column:1/-1;margin:0;}
  #cvV3App .studio-editor #live-workflow-host .cv-website-wizard>.cv-web-examples {grid-column:1;}
  #cvV3App .studio-editor #live-workflow-host .cv-website-wizard>.cv-web-examples+.cv-website-section {grid-column:2;}
}
@media (max-width:850px) {
  #cvV3App .studio-editor #live-workflow-host :is(.cv-presenter-workflow,.reels-layout),
  #cvV3App .studio-editor #cvLiveMotion.motion-settings-view .settings-layout {grid-template-columns:minmax(0,1fr)!important;}
  #cvV3App .studio-editor #live-workflow-host .cv-scenario-detail-card {grid-template-columns:minmax(0,1fr);}
}
@media (max-width:590px) {
  #cvV3App .studio-hub-heading:not(.studio-ad-intro) {align-items:flex-start;flex-direction:column;}
  #cvV3App .studio-hub-heading.studio-ad-intro {align-items:flex-start;}
  #cvV3App .studio-ad-intro .studio-mini-icon {margin-top:3px;border-radius:8px;}
  #cvV3App .studio-hub :is(.studio-tools-grid,.studio-tools-featured .studio-tool) {grid-template-columns:minmax(0,1fr);}
  #cvV3App .studio-tools-featured .studio-tool-body {border-left:0;border-top:1px solid #393127;}
  #cvV3App :is(.studio-hub-heading,.studio-editor-header) .subtle-button {padding:6px;}
  #cvV3App :is(.studio-hub-heading,.studio-editor-header) .subtle-button span:not(.icon) {display:none;}
  #cvV3App .studio-editor #live-workflow-host :is(.cv-web-example-list,.cv-website-templates,.cv-ugc-finish-grid),
  #cvV3App .studio-editor #cvLiveMotion .mode-grid {grid-template-columns:minmax(0,1fr);}
  #cvV3App .studio-editor #live-workflow-host :is(.cv-presenter-result-mode-grid,.cv-ugc-video-mode-grid) {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (prefers-reduced-motion:no-preference) {
  #cvV3App .studio-tool:hover {transform:translateY(-2px);}
  #cvV3App .studio-tool:hover .studio-tool-open {transform:translate(2px,-2px);}
  #cvV3App .studio-tool:hover .studio-tool-media:not(:has(video)) img {transform:scale(1.035);}
}