/* Final montage settings: shared workflow surfaces and the approved illustrated choices. */
#detailView #projectMontageWorkspace {
  --montage-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 32%, var(--sia-line));
  --montage-card: linear-gradient(135deg, color-mix(in srgb, var(--sia-sidebar-active) 23%, var(--sia-surface)), var(--sia-surface));
  --montage-selected: linear-gradient(125deg, color-mix(in srgb, var(--sia-teal) 20%, var(--sia-surface)), color-mix(in srgb, var(--sia-teal-soft) 75%, var(--sia-surface)));
}
#detailView #projectMontageWorkspace .montage-workspace-head { padding:24px 28px; gap:20px; }
#detailView #projectMontageWorkspace .montage-title-group { display:flex; align-items:center; min-width:0; gap:16px; }
#detailView #projectMontageWorkspace .montage-title-icon,
#detailView #projectMontageWorkspace .montage-stat-icon { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; margin:0; color:var(--sia-sidebar-accent); background:var(--workflow-control-fill); border:1px solid var(--montage-edge); border-radius:15px; box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sia-teal) 15%,transparent); }
#detailView #projectMontageWorkspace :is(.montage-title-icon,.montage-stat-icon,.montage-field-glyph,.montage-format-icon,.montage-option-icon,.montage-option-check) svg,
#detailView #projectMontageWorkspace #openProjectSubtitleStyleModal svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
#detailView #projectMontageWorkspace .montage-overview { margin:20px 28px 16px; padding:0; gap:14px; border:0; background:transparent; grid-template-columns:repeat(3,minmax(0,1fr)); }
#detailView #projectMontageWorkspace .montage-stat { display:flex; align-items:center; gap:14px; min-width:0; min-height:96px; box-sizing:border-box; padding:16px; border:1px solid var(--montage-edge); border-radius:16px; background:var(--montage-card)!important; }
#detailView #projectMontageWorkspace .montage-stat-copy { min-width:0; }
#detailView #projectMontageWorkspace .montage-stat-copy>span { color:var(--sia-muted); font-size:12px; line-height:1.4; font-weight:650; margin:0 0 6px; }
#detailView #projectMontageWorkspace .montage-stat-copy>strong { font-size:22px; font-weight:800; line-height:1.2; overflow-wrap:anywhere; }
#detailView #projectMontageWorkspace .montage-notice { margin:0 28px 0; padding:14px 16px; border:1px solid var(--montage-edge); border-radius:14px; }
#detailView #projectMontageWorkspace .montage-quick-actions { padding:26px 28px 28px; }
#detailView #projectMontageWorkspace .montage-setup-head { margin-bottom:22px; }
#detailView #projectMontageWorkspace .montage-setup-grid { gap:16px; }
#detailView #projectMontageWorkspace .montage-setup-field { padding:20px; border-radius:18px; border-color:var(--montage-edge)!important; background:var(--montage-card)!important; box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sia-teal) 5%,transparent); }
#detailView #projectMontageWorkspace .montage-setup-label { gap:12px; margin-bottom:16px; font-size:15px; line-height:1.4; }
#detailView #projectMontageWorkspace .montage-setup-number { flex:0 0 32px; width:32px; height:32px; border:1px solid var(--montage-edge); color:var(--sia-sidebar-accent); background:var(--workflow-control-fill); font-size:14px; }
#detailView #projectMontageWorkspace .montage-field-glyph { margin-left:auto; display:flex; color:var(--sia-muted); flex-shrink:0; }
#detailView #projectMontageWorkspace .montage-field-glyph svg { width:22px; height:22px; }
#detailView #projectMontageWorkspace .montage-setup-help { margin-top:12px; font-size:12px; line-height:1.55; }
#detailView #projectMontageWorkspace .montage-setup-options { gap:10px; }
#detailView #projectMontageWorkspace .montage-setup-options button { position:relative; display:flex; gap:10px; justify-content:flex-start; min-height:56px; padding:12px 36px 12px 14px; border:1px solid var(--montage-edge); border-radius:12px; color:var(--sia-text); background:var(--workflow-control-fill); font-size:14px; font-weight:700; line-height:1.4; }
#detailView #projectMontageWorkspace .montage-setup-options button>span:not([class]) { min-width:0; overflow-wrap:anywhere; }
#detailView #projectMontageWorkspace .montage-setup-options button:hover:not(:disabled) { border-color:var(--sia-teal); }
#detailView #projectMontageWorkspace .montage-setup-options button:focus-visible { outline:2px solid var(--sia-teal); outline-offset:3px; box-shadow:none!important; }
#detailView #projectMontageWorkspace .montage-setup-options button[aria-pressed="true"] { color:var(--sia-heading)!important; border-color:var(--sia-teal)!important; background:var(--montage-selected)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sia-teal) 40%,transparent),0 0 16px color-mix(in srgb,var(--sia-teal) 8%,transparent)!important; }
#detailView #projectMontageWorkspace .montage-option-check { position:absolute; right:10px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:var(--sia-surface); background:var(--sia-teal-dark); opacity:0; pointer-events:none; }
#detailView #projectMontageWorkspace .montage-option-check svg { width:15px; height:15px; stroke-width:2.3; }
#detailView #projectMontageWorkspace [aria-pressed="true"]>.montage-option-check { opacity:1; }
#detailView #projectMontageWorkspace .montage-option-icon { display:grid; place-items:center; flex:0 0 26px; width:26px; color:var(--sia-sidebar-accent); }
#detailView #projectMontageWorkspace .montage-fade-symbol { display:block; width:24px; height:28px; border-radius:5px; background:linear-gradient(135deg,var(--sia-teal),color-mix(in srgb,var(--sia-teal) 12%,var(--sia-surface))); border:1px solid color-mix(in srgb,var(--sia-teal) 35%,var(--sia-line)); }
#detailView #projectMontageWorkspace .montage-setup-options.is-format { grid-template-columns:repeat(4,minmax(0,1fr)); }
#detailView #projectMontageWorkspace .is-format button { min-height:92px; padding:16px 6px 12px; flex-direction:column; justify-content:center; gap:9px; }
#detailView #projectMontageWorkspace .montage-format-icon { display:flex; color:var(--sia-sidebar-accent); }
#detailView #projectMontageWorkspace .montage-format-icon svg { width:29px; height:29px; }
#detailView #projectMontageWorkspace .is-format .montage-option-check { top:9px; right:8px; transform:none; width:18px; height:18px; }
#detailView #projectMontageWorkspace .montage-subtitle-summary { display:flex; flex-direction:row; gap:12px; padding:12px; margin-top:12px; border-radius:12px; border-color:var(--montage-edge); background:var(--sia-surface); }
#detailView #projectMontageWorkspace .montage-subtitle-summary[hidden] { display:none; }
#detailView #projectMontageWorkspace .montage-subtitle-sample { display:grid; place-items:center; width:40px; height:44px; flex:0 0 40px; padding:2px; border:1px solid var(--montage-edge); border-radius:10px; font-size:17px; font-weight:700; font-synthesis:none; }
#detailView #projectMontageWorkspace .montage-subtitle-summary-copy { flex:1; }
#detailView #projectMontageWorkspace .montage-subtitle-summary-copy strong { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
#detailView #projectMontageWorkspace .montage-subtitle-summary-copy span { font-size:11px; line-height:1.4; }
#detailView #projectMontageWorkspace #openProjectSubtitleStyleModal { display:flex; justify-content:center; align-items:center; gap:10px; padding:8px 12px; width:auto; min-height:42px; font-size:12px; border-radius:10px; white-space:normal; }
#detailView #projectMontageWorkspace #openProjectSubtitleStyleModal svg { width:16px; height:16px; flex-shrink:0; }
#detailView #projectMontageWorkspace .montage-setup-footer { gap:20px; margin-top:24px; padding-top:22px; }
@media(max-width:1100px) {
  #detailView #projectMontageWorkspace .montage-stat { gap:10px; padding:14px; }
  #detailView #projectMontageWorkspace .montage-stat-icon { width:42px; height:46px; flex-basis:42px; border-radius:12px; }
  #detailView #projectMontageWorkspace .montage-stat-copy>strong { font-size:20px; }
}
@media(max-width:800px) {
  #detailView #projectMontageWorkspace .montage-setup-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  #detailView #projectMontageWorkspace .montage-workspace-head { padding:20px 16px; }
  #detailView #projectMontageWorkspace .montage-title-group { align-items:flex-start; gap:12px; }
  #detailView #projectMontageWorkspace .montage-title-icon { width:44px; height:44px; flex-basis:44px; border-radius:12px; }
  #detailView #projectMontageWorkspace .montage-workspace-head h2 { font-size:23px; }
  #detailView #projectMontageWorkspace .montage-overview { margin:16px; grid-template-columns:1fr; gap:10px; }
  #detailView #projectMontageWorkspace .montage-stat { min-height:76px; gap:14px; }
  #detailView #projectMontageWorkspace .montage-notice { margin:0 16px; padding:12px; }
  #detailView #projectMontageWorkspace .montage-quick-actions { padding:22px 16px; }
  #detailView #projectMontageWorkspace .montage-setup-field { padding:16px; }
  #detailView #projectMontageWorkspace .montage-setup-options button { padding:10px 30px 10px 10px; gap:8px; font-size:13px; }
  #detailView #projectMontageWorkspace .montage-option-check { right:7px; width:17px; height:17px; }
  #detailView #projectMontageWorkspace .montage-option-icon { flex-basis:21px; width:21px; }
  #detailView #projectMontageWorkspace .montage-option-icon svg { width:21px; height:21px; }
  #detailView #projectMontageWorkspace .montage-setup-options.is-format { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  #detailView #projectMontageWorkspace .is-format button { padding:17px 4px 10px; min-height:84px; font-size:12px; }
  #detailView #projectMontageWorkspace .montage-subtitle-summary { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:10px; }
  #detailView #projectMontageWorkspace #openProjectSubtitleStyleModal { grid-column:1/-1; width:100%; }
}
@media(max-width:460px) {
  #detailView #projectMontageWorkspace .montage-setup-options.is-format { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #detailView #projectMontageWorkspace #projectMontageQuickSubtitles,
  #detailView #projectMontageWorkspace #projectMontageQuickTransition { grid-template-columns:1fr; }
}

#detailView #projectMontageWorkspace :is(#projectMontageQuickSubtitles,#projectMontageQuickTransition) button[aria-pressed="false"] { padding-right:14px; }