.auto-setup{margin-bottom:18px;border:1px solid rgba(238,255,0,.24)}.auto-setup-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.auto-setup-head h2{margin:2px 0 0}.auto-setup-head .button{white-space:nowrap}.auto-setup-body{margin-top:18px}.auto-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.auto-field{display:grid;gap:8px}.auto-field textarea{min-height:142px}.auto-file-stack{display:grid;gap:10px}.auto-file{display:grid;grid-template-columns:minmax(145px,.7fr) 1fr;align-items:center;gap:10px}.auto-file-name{font-size:13px;color:var(--muted,#aeb4bd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-check{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:auto auto 1fr;gap:12px 22px;align-items:center}.auto-match{grid-column:1/-1;font-size:13px}.auto-match.good{color:#b8ff38}.auto-match.warn{color:#ffd166}.auto-match.bad{color:#ff6b6b}.auto-actions{display:flex;justify-content:flex-end;margin-top:14px}.auto-progress{margin-top:14px;padding:14px;border-radius:12px;background:rgba(0,0,0,.18)}.auto-progress p{margin:0 0 10px;font-weight:700}.auto-steps{display:flex;flex-wrap:wrap;gap:7px}.auto-step{font-size:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#8e949d}.auto-step[data-state=active]{color:#111;background:#eeff00}.auto-step[data-state=done]{color:#b8ff38;background:rgba(184,255,56,.1)}


/* integrate Quick Start with the existing Cutflow dark editor UI. */
body.desktop-editor .auto-setup{
  background:var(--studio-card,#171a1f);
  color:#fff;
  border:1px solid var(--studio-border,#30343b);
  box-shadow:none;
}
body.desktop-editor .auto-setup{
  margin:0 0 16px;
  padding:12px 16px;
  border-radius:12px;
}
body.desktop-editor .auto-setup-head{min-height:40px;align-items:center;gap:12px}
body.desktop-editor .auto-setup-head>div{display:flex;align-items:center;gap:10px;min-width:0}
body.desktop-editor .auto-setup-head .step-label{font-size:9px;color:var(--studio-muted,#aeb3bc);white-space:nowrap}
body.desktop-editor .auto-setup-head h2{margin:0;font-size:15px;line-height:1.2;color:#fff;letter-spacing:-.02em}
body.desktop-editor .auto-setup-head .button{min-height:34px;padding:6px 11px;font-size:12px;background:var(--studio-input,#20242a);border-color:var(--studio-border,#30343b);color:#fff}
body.desktop-editor .auto-setup-body{margin-top:14px;padding-top:14px;border-top:1px solid var(--studio-border,#30343b)}
body.desktop-editor .auto-file-name{color:var(--studio-muted,#aeb3bc)}
body.desktop-editor .auto-check{background:#111418;border:1px solid var(--studio-border,#30343b)}
body.desktop-editor .auto-progress{background:#111418;border:1px solid var(--studio-border,#30343b)}
body.desktop-editor .auto-step{background:var(--studio-input,#20242a);color:var(--studio-muted,#aeb3bc)}
body.desktop-editor .auto-step[data-state=active]{background:var(--studio-accent,#f5e642);color:#101114}
body.desktop-editor .auto-actions .button.primary{background:var(--studio-accent,#f5e642);border-color:var(--studio-accent,#f5e642);color:#101114}

/* complete quick-start basics + per-grid split editor. */
.auto-basics{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:12px;margin-bottom:16px}.auto-basics label{display:grid;gap:6px;color:var(--studio-muted,#aeb3bc);font-size:12px}.auto-basics textarea{min-height:58px;resize:vertical}.auto-grid-section{margin-top:16px}.auto-grid-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.auto-grid-section-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}.auto-grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auto-grid-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--studio-border,#30343b);border-radius:12px;color:var(--studio-muted,#aeb3bc);text-align:center;font-size:12px}.auto-grid-item{min-width:0;padding:12px;border:1px solid var(--studio-border,#30343b);border-radius:12px;background:#111418}.auto-grid-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.auto-grid-item-head>div{min-width:0;display:grid;gap:2px}.auto-grid-item-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.auto-grid-item-head span{font-size:11px;color:var(--studio-muted,#aeb3bc)}.auto-grid-remove{border:0;background:transparent;color:#aeb3bc;font-size:20px;line-height:1;cursor:pointer}.auto-grid-controls{display:flex;align-items:end;gap:8px;margin-bottom:10px}.auto-grid-controls label{display:grid;gap:4px;font-size:11px;color:var(--studio-muted,#aeb3bc)}.auto-grid-controls input{width:64px}.auto-grid-controls .button{margin-left:auto}.auto-grid-preview{position:relative;width:100%;overflow:hidden;border-radius:9px;background:#08090b;touch-action:none;user-select:none}.auto-grid-preview img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.auto-cut-line{position:absolute;z-index:3;margin:0;padding:0;border:0;background:rgba(245,230,66,.58);box-shadow:0 0 0 .5px rgba(0,0,0,.5);touch-action:none;cursor:grab}.auto-cut-line.dragging{background:#fff;cursor:grabbing}.auto-cut-x{top:0;bottom:0;width:var(--cut-gap-x,1px);min-width:0;transform:translateX(-50%)}.auto-cut-y{left:0;right:0;height:var(--cut-gap-y,1px);min-height:0;transform:translateY(-50%)}.auto-cut-x:after,.auto-cut-y:after{content:"";position:absolute}.auto-cut-x:after{left:-8px;top:0;bottom:0;width:19px}.auto-cut-y:after{top:-8px;left:0;right:0;height:19px}.auto-grid-help{margin:8px 0 0;font-size:10px;line-height:1.5;color:var(--studio-muted,#aeb3bc)}body.auto-cut-dragging{user-select:none}


/* keep the visible grid divider equal to the real split-gap thickness.
   Desktop/mobile button rules give every button a minimum height/padding, which
   made horizontal cut handles look like thick white bars. Override those rules
   here while keeping a larger invisible hit area via ::after. */
body.desktop-editor .auto-grid-preview .auto-cut-line,
.auto-grid-preview .auto-cut-line{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(245,230,66,.58)!important;
  box-shadow:0 0 0 .5px rgba(0,0,0,.5)!important;
  color:transparent!important;
  overflow:visible!important;
  line-height:0!important;
}
body.desktop-editor .auto-grid-preview .auto-cut-line.dragging,
.auto-grid-preview .auto-cut-line.dragging{
  background:rgba(245,230,66,.92)!important;
}
body.desktop-editor .auto-grid-preview .auto-cut-x,
.auto-grid-preview .auto-cut-x{
  top:0!important;
  bottom:0!important;
  height:auto!important;
  width:var(--cut-gap-x,1px)!important;
  transform:translateX(-50%)!important;
}
body.desktop-editor .auto-grid-preview .auto-cut-y,
.auto-grid-preview .auto-cut-y{
  left:0!important;
  right:0!important;
  width:auto!important;
  height:var(--cut-gap-y,1px)!important;
  transform:translateY(-50%)!important;
}
/* Invisible drag hit area: easy to grab, but it no longer changes the visible thickness. */
.auto-grid-preview .auto-cut-x::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:20px;
  transform:translateX(-50%);
  background:transparent;
}
.auto-grid-preview .auto-cut-y::after{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  right:0;
  height:20px;
  transform:translateY(-50%);
  background:transparent;
}

/* integrated narration silence-cut presets. */
.auto-silence{padding:11px 12px;border:1px solid var(--studio-border,#30343b);border-radius:11px;background:#111418}.auto-silence-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.auto-silence-head strong{font-size:12px}.auto-silence-head span{font-size:10px;color:var(--studio-muted,#aeb3bc)}.auto-silence-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.auto-silence-presets label{cursor:pointer}.auto-silence-presets input{position:absolute;opacity:0;pointer-events:none}.auto-silence-presets span{display:block;padding:8px 5px;border:1px solid #3b4149;border-radius:9px;background:var(--studio-input,#20242a);color:#fff;text-align:center;font-size:11px;font-weight:700}.auto-silence-presets input:checked+span{background:var(--studio-accent,#f5e642);border-color:var(--studio-accent,#f5e642);color:#101114}.auto-silence-info{margin:8px 0 0;color:var(--studio-muted,#aeb3bc);font-size:10px;line-height:1.45}


.auto-wrap-option{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--studio-border,#30343b);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer}.auto-wrap-option input{margin-top:3px;accent-color:var(--studio-accent,#f5e642)}.auto-wrap-option span{display:grid;gap:3px}.auto-wrap-option strong{font-size:12px;color:#fff}.auto-wrap-option small{font-size:10px;line-height:1.45;color:var(--studio-muted,#aeb3bc)}


.source-wrap-option{margin-top:10px}


/* allow individual scene images alongside grid images in auto setup. */
.auto-image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auto-source-block{margin-top:10px}.auto-source-title{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.auto-source-title strong{font-size:12px}.auto-single-block{padding-top:10px;border-top:1px solid var(--studio-border,#30343b)}.auto-single-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.auto-single-empty{grid-column:1/-1;margin:0;padding:14px;border:1px dashed var(--studio-border,#30343b);border-radius:10px;color:var(--studio-muted,#aeb3bc);text-align:center;font-size:11px}.auto-single-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid var(--studio-border,#30343b);border-radius:10px;background:#111418}.auto-single-item img{width:54px;height:54px;object-fit:cover;border-radius:7px;background:#08090b}.auto-single-item>div{min-width:0;display:grid;gap:3px}.auto-single-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-single-item span{font-size:9px;color:var(--studio-muted,#aeb3bc)}.auto-single-item .auto-grid-remove{font-size:18px}
@media(max-width:1000px){.auto-single-list{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* compact narration/BGM picker parity */
.auto-audio-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auto-audio-pick{display:grid;gap:5px;min-width:0}
.auto-audio-pick .button{width:100%}
.auto-audio-pick .auto-file-name{display:block;text-align:center;font-size:11px}


/* Quick Start script / narration+BGM layout */
.auto-column-title{display:block;margin-bottom:1px;color:#fff;font-size:13px;font-weight:800}
.auto-script-column,.auto-audio-column{align-content:start}
.auto-audio-column{display:grid;gap:10px}
.auto-audio-column .auto-audio-picks{grid-template-columns:1fr 1fr;gap:10px}
.auto-audio-column .auto-audio-pick .button{min-height:42px}
.auto-audio-column .auto-file-name{min-height:16px;text-align:center}
body.desktop-editor .auto-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
body.desktop-editor .auto-script-column textarea{min-height:142px}


@media(min-width:761px){
  body.desktop-editor #desktopProject .auto-setup:not(.is-open) .auto-setup-head{
    margin-bottom:-20px!important;
    border-bottom:0!important;
    border-radius:11px;
  }
}

.auto-media-mode-control{display:grid;grid-template-columns:140px minmax(0,320px);align-items:center;gap:10px;margin-bottom:12px;color:var(--studio-muted,#aeb3bc);font-size:12px}.auto-media-mode-control>span{font-weight:800;color:#fff}.auto-long-video-section{padding:12px;border:1px solid var(--studio-border,#30343b);border-radius:12px;background:#111418}.auto-long-video-pick{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:10px}.auto-long-video-pick .button{width:100%}.auto-long-video-start{display:grid;grid-template-columns:160px minmax(100px,180px);align-items:center;gap:10px;margin-top:12px;color:var(--studio-muted,#aeb3bc);font-size:11px}.auto-long-video-start input{width:100%}
@media(max-width:760px){.auto-media-mode-control,.auto-long-video-pick,.auto-long-video-start{grid-template-columns:1fr}.auto-media-mode-control{gap:6px}.auto-long-video-start{gap:5px}}