#cvV3App .photo-tool-nav {
  display:grid;gap:3px;margin:2px 0 7px 19px;padding:2px 0 3px 9px;
  border-left:1px solid #3a3327;
}
#cvV3App .photo-tool-nav button {
  display:flex;align-items:center;gap:8px;width:100%;min-height:34px;
  padding:6px 8px;border:1px solid transparent;border-radius:7px;
  color:#bdb6aa;text-align:left;font-size:12px;line-height:1.3;
}
#cvV3App .photo-tool-nav button .icon {width:15px;height:15px;flex:none;color:#bcaa83;}
#cvV3App .photo-tool-nav button:hover {background:#24211c;color:#f5ecdb;}
#cvV3App .photo-tool-nav button.active {background:#30271a;color:#f0d795;border-color:#57472c;}
#cvV3App .photo-tool-nav button.active .icon {color:inherit;}

#cvV3App .shell:has(.photo-tool-workspace) {height:100dvh;min-height:0;overflow:hidden;}
#cvV3App .photo-tool-workspace {
  flex:1;min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;
  background:radial-gradient(ellipse at 45% 0%,#201b12 0%,transparent 60%),#111110;
}
#cvV3App .photo-tool-content {width:min(100%,1360px);margin-inline:auto;padding:clamp(16px,3vw,42px);}
#cvV3App .photo-tool-hero {
  display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);align-items:center;
  gap:clamp(16px,3vw,44px);padding:clamp(16px,2.5vw,34px);
  border:1px solid #4b3f2a;border-radius:16px;
  background:linear-gradient(130deg,#251e13,#181613 62%,#141414);
}
#cvV3App .photo-tool-heading {min-width:0;}
#cvV3App .photo-tool-emblem {
  display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;
  color:#e3c477;background:#302719;border:1px solid #6b5836;border-radius:9px;
}
#cvV3App .photo-tool-emblem .icon {width:20px;height:20px;}
#cvV3App .photo-tool-heading h1 {
  margin:0;color:#f6ecdb;font-size:clamp(26px,3.3vw,52px);
  font-weight:620;letter-spacing:-.035em;line-height:1.06;
}
#cvV3App .photo-tool-heading p {
  margin:12px 0 0;max-width:34ch;color:#c0b39e;font-size:14px;line-height:1.55;
}
#cvV3App .photo-tool-comparison {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;}
#cvV3App .photo-tool-comparison figure {
  position:relative;min-width:0;margin:0;overflow:hidden;
  border:1px solid #423a2c;border-radius:10px;background:#131211;
}
#cvV3App .photo-tool-comparison figure:last-child {border-color:#695536;}
#cvV3App .photo-tool-frame {position:relative;height:clamp(140px,29dvh,300px);overflow:hidden;}
#cvV3App .photo-tool-frame :is(img,video) {display:block;width:100%;height:100%;object-fit:contain;}
#cvV3App .photo-tool-comparison figcaption {
  position:absolute;inset:9px auto auto 9px;padding:4px 8px;
  border:1px solid #51493b;border-radius:5px;background:#181613ed;
  color:#ede2d0;font-size:11px;line-height:1.4;
}
#cvV3App .photo-tool-comparison figure:last-child figcaption {border-color:#927749;color:#f1d698;}

#cvV3App .photo-tool-workspace #live-model-host {
  margin-top:16px;padding:clamp(14px,2vw,24px);border:1px solid #3e362b;border-radius:12px;background:#181715;
}
#cvV3App .photo-tool-workspace #live-model-host .settings-sections {
  display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:clamp(16px,2.5vw,32px)!important;
}
#cvV3App .photo-tool-workspace #live-model-host .desktop-model-options {
  justify-content:space-between;gap:14px;border-top:0;padding-top:0;
}
#cvV3App .photo-tool-workspace #live-model-host .desktop-model-options:not(:has(.desktop-parameter-fields)) {justify-content:end;}
#cvV3App .photo-tool-workspace #live-model-host .desktop-model-sources .kp-files {grid-template-columns:minmax(0,1fr);}
#cvV3App .photo-tool-workspace #live-model-host .kp-file img {height:clamp(92px,16dvh,160px);}
#cvV3App .photo-tool-workspace #live-model-host .kp-hint:empty {display:none;}
#cvV3App .photo-tool-workspace #live-model-host .launch-button {gap:10px;min-width:0;}
#cvV3App .photo-tool-workspace #live-model-host .launch-button .run-label {flex:1;min-width:0;text-align:left;}
#cvV3App .photo-tool-workspace #live-model-host .photo-run-price {flex:none;font-size:13px;white-space:nowrap;}
#cvV3App .photo-tool-workspace #live-model-host .launch-button svg {width:16px;height:16px;flex:none;}

#cvV3App .photo-tool-workspace #live-model-host:has(form[data-quick-photo-tool]) {
  min-height:0;padding:clamp(12px,1.45vw,20px);
}
#cvV3App .photo-tool-workspace #live-model-host form[data-quick-photo-tool] .settings-sections {
  grid-template-columns:minmax(0,1fr) minmax(278px,32%);align-items:center!important;gap:16px!important;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .settings-card-head {display:none!important;}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-upload {
  grid-template-columns:42px minmax(0,1fr);min-height:74px!important;column-gap:12px!important;
  padding:10px 12px!important;border-color:#605138!important;border-radius:10px!important;
  background:#201d18!important;cursor:pointer;
  transition:background-color 160ms ease,border-color 160ms ease;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-upload:hover {background:#2a241a!important;border-color:#a08550!important;}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-upload .upload-icon {
  width:42px!important;height:42px!important;border:1px solid #5c4b31;border-radius:9px;background:#31281b;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .upload-icon::before {
  content:"";width:18px;height:18px;background:currentColor;
  mask:url("/studio-v3/assets/icons/upload.svg") center/contain no-repeat;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-upload strong {align-self:end;font-weight:600!important;}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-upload small {align-self:start;}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-files {margin:0;}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-file {
  display:grid;grid-template-columns:50px minmax(0,1fr) 32px;align-items:center;gap:12px;
  min-height:74px;padding:10px 12px;border-color:#51452f;border-radius:10px;background:#201d18;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-file img {height:50px;border-radius:6px;}
#cvV3App #live-model-host form[data-quick-photo-tool] .photo-tool-file-copy {min-width:0;}
#cvV3App #live-model-host form[data-quick-photo-tool] .photo-tool-file-copy strong {color:#f0e6d3;font-size:13px;font-weight:600;}
#cvV3App #live-model-host form[data-quick-photo-tool] .photo-tool-file-copy small {margin-top:3px;font-size:11px;}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-file button {
  position:static;width:32px;height:32px;border:1px solid #504537;border-radius:7px;color:#e8dbc4;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .kp-file button:hover {border-color:#917749;background:#342a1c;}
#cvV3App #live-model-host form[data-quick-photo-tool] .launch-dock {border:0!important;padding:0!important;}
#cvV3App #live-model-host form[data-quick-photo-tool] .launch-button {
  height:auto!important;min-height:56px!important;max-height:none!important;padding:10px 12px!important;
  border:1px solid #f1d88e!important;border-radius:10px!important;background:linear-gradient(110deg,#f1d88e,#d9ad5e)!important;
  color:#241a0d!important;line-height:1.25;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .launch-button:not(:disabled):hover {
  background:linear-gradient(110deg,#f9e3a5,#e9bf73)!important;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .launch-button:disabled {
  opacity:1;border-color:#5d4f34!important;background:#2e2619!important;color:#c5ad7b!important;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .photo-run-price {
  padding:5px 8px;border-radius:6px;background:#261d1222;font-size:12px;
}
#cvV3App #live-model-host form[data-quick-photo-tool] .launch-button:disabled .photo-run-price {background:#e3c4771a;}

#cvV3App .video-tool-frames {display:grid;min-width:0;}
#cvV3App .video-tool-workspace .photo-tool-comparison > figure .photo-tool-frame {background:#0c0c0b;}

#cvV3App .photo-tool-comparison.video-transition-example {
  grid-template-columns:minmax(0,.801fr) minmax(0,1fr) minmax(0,.813fr);
  align-items:start;gap:clamp(9px,1.2vw,16px);width:min(100%,760px);justify-self:center;
}
#cvV3App .video-transition-example .video-tool-frame-pair {display:contents;}
#cvV3App .video-transition-example figure {
  display:grid;gap:9px;overflow:visible;border:0;border-radius:0;background:none;
}
#cvV3App .video-transition-example .photo-tool-frame {
  height:auto;aspect-ratio:700 / 874;border-radius:10px;box-shadow:0 0 0 1px #534737;
}
#cvV3App .video-transition-example .video-tool-frame-pair figure:last-child .photo-tool-frame {aspect-ratio:1;}
#cvV3App .video-transition-example .photo-tool-frame.photo-tool-after {aspect-ratio:720 / 886;box-shadow:0 0 0 1px #9f8151;}
#cvV3App .photo-tool-comparison.video-transition-example figure figcaption {
  position:static;padding:0 2px;border:0;background:none;color:#c6bbab;
  font-size:12px;font-weight:500;line-height:1.35;
}
#cvV3App .photo-tool-comparison.video-transition-example > figure figcaption {color:#e3c477;}

#cvV3App .video-tool-workspace #live-model-host .desktop-model-primary {gap:14px;}
#cvV3App .video-tool-workspace #live-model-host .desktop-model-sources {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;
}
#cvV3App .video-tool-workspace #live-model-host .desktop-model-sources .settings-card {grid-column:auto!important;}
#cvV3App .video-tool-workspace #live-model-host .sd-upload-area {
  min-height:82px!important;padding:9px!important;border-radius:10px!important;background:#211d17!important;
}
#cvV3App .video-tool-workspace #live-model-host .sd-upload-button {cursor:pointer;grid-template-columns:34px minmax(0,1fr);}
#cvV3App .video-tool-workspace #live-model-host .sd-upload-button > span {
  width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#34291a;color:#ebcb83;
}
#cvV3App .video-tool-workspace #live-model-host .sd-upload-full {display:none!important;}
#cvV3App .video-tool-workspace #live-model-host .sd-upload-area:has(.sd-file) {border-style:solid!important;}
#cvV3App .video-tool-workspace #live-model-host .sd-files {grid-template-columns:minmax(0,1fr);margin:0;}
#cvV3App .video-tool-workspace #live-model-host .sd-file {min-width:0;overflow:hidden;}
#cvV3App .video-tool-workspace #live-model-host .sd-file-preview {max-height:145px;}
#cvV3App .video-tool-workspace #live-model-host .sd-file-image {
  display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:0;background:none;
}
#cvV3App .video-tool-workspace #live-model-host .sd-file-image .sd-file-preview {width:48px;height:56px;border-radius:5px;object-fit:cover;}
#cvV3App .video-tool-workspace #live-model-host .sd-file-image .sd-file-info {min-width:0;gap:5px;padding:0;}
#cvV3App .video-tool-workspace #live-model-host .sd-file-image .sd-file-copy {min-width:0;padding:0;}
#cvV3App .video-tool-workspace #live-model-host .sd-file-image .sd-file-copy small {white-space:normal;}
#cvV3App .video-tool-workspace #live-model-host textarea.ai-prompt-box {height:92px!important;min-height:76px!important;}
#cvV3App .video-tool-workspace #live-model-host .desktop-model-options {justify-content:start;}
#cvV3App .video-tool-workspace #live-model-host .launch-dock {margin-top:auto!important;}
#cvV3App .video-tool-workspace #live-model-host .launch-button {
  height:auto!important;min-height:48px!important;max-height:none!important;
  border-radius:9px!important;background:linear-gradient(110deg,#f1d88e,#d9ad5e)!important;color:#241a0d!important;
}
#cvV3App .video-tool-workspace #live-model-host .launch-button:not(:disabled):hover {
  background:linear-gradient(110deg,#f9e3a5,#e9bf73)!important;
}
#cvV3App .video-tool-workspace #live-model-host .launch-button:disabled {
  opacity:1;background:#2e2619!important;color:#c5ad7b!important;
}
#cvV3App .video-tool-workspace #live-model-host :is(.launch-button > .photo-run-price,.video-tool-price) {
  flex:none;padding:4px 6px;border-radius:6px;background:#261d1222;white-space:nowrap;font-size:12px;
}
#cvV3App .video-tool-workspace #live-model-host .video-tool-price .photo-run-price {font-size:inherit;}
#cvV3App .video-tool-workspace #live-model-host form:has(.sd-file-video) .video-tool-price-unit {display:none;}
#cvV3App .video-tool-workspace #live-model-host .launch-button:disabled :is(.launch-button > .photo-run-price,.video-tool-price) {
  background:#e3c4771a;
}

@media (min-width:1051px) {
  #cvV3App .video-tool-workspace .photo-tool-heading h1 {font-size:clamp(34px,2.8vw,46px);text-wrap:balance;}
  #cvV3App .video-tool-workspace #live-model-host .sd-choices-quality {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (min-width:1051px) and (max-height:1000px) {
  #cvV3App .sidebar:has(.photo-tool-nav) {padding-top:20px;}
  #cvV3App .sidebar:has(.photo-tool-nav) .brand {padding-bottom:20px;}
  #cvV3App .sidebar:has(.photo-tool-nav) .nav-label:not(:first-child) {margin-block:11px 5px;}
  #cvV3App .sidebar:has(.photo-tool-nav) nav > .nav-button {min-height:33px;margin-block:1px;padding-block:6px;}
  #cvV3App .photo-tool-nav {gap:2px;margin-bottom:5px;}
  #cvV3App .photo-tool-nav button {min-height:29px;padding-block:3px;}
  #cvV3App .sidebar:has(.photo-tool-nav) .sidebar-bottom .balance {padding-block:9px;}
}
@media (max-width:1050px) {
  #cvV3App .photo-tool-nav {margin:0 0 7px;padding:2px 5px 5px;border:0;border-bottom:1px solid #3a3327;}
  #cvV3App .photo-tool-nav button {justify-content:center;padding:5px;}
  #cvV3App .photo-tool-nav button span:not(.icon) {display:none;}
}
@media (max-width:740px) {
  #cvV3App .photo-tool-hero {grid-template-columns:minmax(0,1fr);}
  #cvV3App .photo-tool-emblem {display:none;}
  #cvV3App .photo-tool-workspace #live-model-host .settings-sections {grid-template-columns:minmax(0,1fr);}
  #cvV3App .photo-tool-workspace #live-model-host form[data-quick-photo-tool] .settings-sections {grid-template-columns:minmax(0,1fr);}
  #cvV3App .photo-tool-workspace #live-model-host .launch-button svg {display:none;}
  #cvV3App .video-tool-workspace #live-model-host .launch-button > span:last-child {display:none;}
}
@media (max-width:540px) {
  #cvV3App .video-tool-workspace .photo-tool-comparison {grid-template-columns:minmax(0,1fr);}
  #cvV3App .video-tool-workspace .photo-tool-comparison.video-transition-example {
    grid-template-columns:minmax(0,.801fr) minmax(0,1fr);
  }
  #cvV3App .video-tool-workspace .photo-tool-comparison:not(.video-transition-example) .video-tool-frames .photo-tool-frame {height:126px;}
  #cvV3App .video-transition-example > figure {grid-column:1/-1;justify-self:center;width:min(100%,210px);margin-top:6px;}
}
@media (prefers-reduced-motion:no-preference) {
  #cvV3App .photo-tool-hero {animation:photo-tool-enter 380ms cubic-bezier(.2,.75,.25,1) both;}
  #cvV3App .photo-tool-after :is(img,video) {animation:photo-tool-reveal 900ms 140ms cubic-bezier(.3,.6,.25,1) both;}
  #cvV3App .photo-tool-after::after {
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,transparent 98%,#ebce8c 100%);
    animation:photo-tool-scan 900ms 140ms cubic-bezier(.3,.6,.25,1) both;
  }
}
@keyframes photo-tool-enter {
  from {opacity:0;transform:translateY(10px);}
  to {opacity:1;transform:translateY(0);}
}
@keyframes photo-tool-reveal {
  from {clip-path:inset(0 100% 0 0);}
  to {clip-path:inset(0);}
}
@keyframes photo-tool-scan {
  from {transform:translateX(-100%);opacity:0;}
  12%,82% {opacity:1;}
  to {transform:translateX(0);opacity:0;}
}