/* Only the montage creation form; inherited branding and task cards are preserved. */
#page-smart-montage.montage-compact { --montage-ink: #eeeae1; --montage-muted: #b4afbb; --montage-line: #35313c; }
#page-smart-montage.montage-compact .montage-compose-card { padding: 24px; }
#page-smart-montage.montage-compact .montage-compose-card .card-header { margin-bottom: 20px; }
#page-smart-montage.montage-compact .montage-compose-card :is(label, button, input, select, textarea, strong) { font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
#page-smart-montage.montage-compact .montage-compose-card .form-label { color: var(--montage-muted); font-size: 13px; margin-bottom: 9px; }
#page-smart-montage.montage-compact .montage-compose-card :is(.montage-control-hint, .montage-assist-note):not(.montage-upload-limit) { display: none !important; }
#page-smart-montage.montage-compact #montage-kind-control { box-shadow: none; margin-bottom: 20px; }
#page-smart-montage.montage-compact #montage-kind-control button { box-shadow: none; font-size: 14px; min-height: 42px; }
#page-smart-montage.montage-compact .montage-upload-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
#page-smart-montage.montage-compact .montage-upload-panel { min-width: 0; padding: 14px; border: 1px dashed #4e4558; border-radius: 12px; background: #0c0c10; transition: background-color .16s ease, border-color .16s ease; }
#page-smart-montage.montage-compact .montage-upload-panel.is-dragging { border-color: #d0a6ed; background: #251c30; }
#page-smart-montage.montage-compact .montage-upload-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; min-height: 28px; }
#page-smart-montage.montage-compact .montage-upload-heading strong { color: var(--montage-ink); font-size: 13px; font-weight: 600; }
#page-smart-montage.montage-compact .montage-upload-count { color: var(--montage-muted); font-size: 11px; white-space: nowrap; }
#page-smart-montage.montage-compact .montage-upload-add { margin-left: auto; border: 0; background: #27202f; color: #d8b9f4; border-radius: 6px !important; padding: 7px 9px; white-space: nowrap; font-size: 12px; cursor: pointer; }
#page-smart-montage.montage-compact .montage-upload-clear { border: 0; padding: 7px 4px; background: transparent; color: var(--montage-muted); font-size: 12px; cursor: pointer; }
#page-smart-montage.montage-compact .montage-upload-clear[hidden] { display: none; }
#page-smart-montage.montage-compact .montage-upload-content { min-height: 118px; max-height: 244px; overflow: auto; scrollbar-width: thin; }
#page-smart-montage.montage-compact .montage-upload-empty { width: 100%; min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 8px !important; background: transparent; color: var(--montage-muted); font-size: 12px; cursor: pointer; }
#page-smart-montage.montage-compact .montage-upload-symbol { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #4e4558; border-radius: 50%; color: #c7a0e7; }
#page-smart-montage.montage-compact .montage-upload-symbol svg { width: 19px; height: 19px; }
#page-smart-montage.montage-compact .montage-empty-select { border: 1px solid #4e4558; border-radius: 6px; padding: 7px 14px; color: var(--montage-ink); }
#page-smart-montage.montage-compact .montage-mini-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
#page-smart-montage.montage-compact .montage-mini-grid[hidden], #page-smart-montage.montage-compact #montage-file-list { display: none !important; }
#page-smart-montage.montage-compact .montage-mini-tile { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 7px; border: 1px solid #2d2933; border-radius: 8px; background: #131116; }
#page-smart-montage.montage-compact .montage-mini-still { position: relative; width: 52px; height: 42px; flex: 0 0 52px; overflow: hidden; border-radius: 5px; background: #201d26; }
#page-smart-montage.montage-compact .montage-mini-still img { display: block; width: 100%; height: 100%; object-fit: cover; }
#page-smart-montage.montage-compact .montage-mini-still img[hidden] { display: none; }
#page-smart-montage.montage-compact .montage-mini-placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: var(--montage-muted); font-size: 11px; }
#page-smart-montage.montage-compact .has-thumbnail .montage-mini-placeholder { display: none; }
#page-smart-montage.montage-compact .montage-mini-remove { flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 5px !important; background: transparent; color: var(--montage-muted); font-size: 19px; line-height: 1; cursor: pointer; }
#page-smart-montage.montage-compact .montage-mini-copy { flex: 1; min-width: 0; }
#page-smart-montage.montage-compact .montage-mini-name { display: block; font-size: 12px; line-height: 1.5; color: var(--montage-ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#page-smart-montage.montage-compact .montage-mini-size { display: block; margin-top: 3px; font-size: 11px; color: var(--montage-muted); }
#page-smart-montage.montage-compact .montage-mini-grid + .montage-mini-group,
#page-smart-montage.montage-compact .montage-mini-group + .montage-mini-group { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--montage-line); }
#page-smart-montage.montage-compact .montage-mini-group-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
#page-smart-montage.montage-compact .montage-mini-group-toggle { display: flex; gap: 8px; align-items: center; flex: 1; min-width: 0; padding: 4px 0; border: 0; background: transparent; color: #d7c1e8; font-size: 12px; cursor: pointer; text-align: left; }
#page-smart-montage.montage-compact .montage-mini-group-toggle > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#page-smart-montage.montage-compact .montage-mini-group-toggle small { color: var(--montage-muted); white-space: nowrap; }
#page-smart-montage.montage-compact .montage-mini-group-remove { border: 0; background: transparent; padding: 5px; color: var(--montage-muted); font-size: 11px; cursor: pointer; }
#page-smart-montage.montage-compact .montage-upload-limit { display: block; margin: 10px 0 0; color: var(--montage-muted); font-size: 11px; }
#page-smart-montage.montage-compact .montage-settings-grid { grid-template-columns: 110px 100px minmax(0, 1fr); margin-top: 24px; gap: 18px 16px; }
#page-smart-montage.montage-compact .montage-wide-setting, #page-smart-montage.montage-compact #montage-fast-strategy { grid-column: 1 / -1; min-width: 0; }
#page-smart-montage.montage-compact .montage-duration-setting { grid-column: 1; }
#page-smart-montage.montage-compact .montage-count-setting { grid-column: 2; grid-row: 1; }
#page-smart-montage.montage-compact .montage-ratio-setting { grid-column: 3; grid-row: 1; max-width: 220px; }
#page-smart-montage.montage-compact #montage-ratio { width: 100%; min-height: 42px; }
#page-smart-montage.montage-compact .montage-native-choice { display: none !important; }
#page-smart-montage.montage-compact .montage-choice-row { display: flex; flex-wrap: wrap; gap: 7px; }
#page-smart-montage.montage-compact .montage-choice { min-height: 38px; padding: 8px 13px; border: 1px solid var(--montage-line); border-radius: 7px !important; background: #111116; color: var(--montage-muted); font-size: 12px; white-space: nowrap; cursor: pointer; }
#page-smart-montage.montage-compact .montage-choice[aria-pressed="true"] { border-color: #927043; background: #2a2316; color: #f0d38a; }
#page-smart-montage.montage-compact .montage-extra-settings { margin-top: 22px; border-top: 1px solid var(--montage-line); border-bottom: 1px solid var(--montage-line); }
#page-smart-montage.montage-compact .montage-extra-settings > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 0; cursor: pointer; }
#page-smart-montage.montage-compact .montage-extra-settings > summary::-webkit-details-marker { display: none; }
#page-smart-montage.montage-compact .montage-extra-copy { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; min-width: 0; }
#page-smart-montage.montage-compact .montage-extra-copy strong { font-size: 13px; color: var(--montage-ink); font-weight: 600; }
#page-smart-montage.montage-compact .montage-extra-summary { color: var(--montage-muted); font-size: 12px; max-width: 34ch; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#page-smart-montage.montage-compact .montage-extra-action { color: #d4b1ed; font-size: 12px; white-space: nowrap; }
#page-smart-montage.montage-compact .montage-extra-action::after { content: ' ＋'; }
#page-smart-montage.montage-compact .montage-extra-settings[open] .montage-extra-action::after { content: ' −'; }
#page-smart-montage.montage-compact .montage-extra-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 16px; padding: 4px 0 20px; }
#page-smart-montage.montage-compact .montage-extra-grid .form-group { min-width: 0; margin-bottom: 0; }
#page-smart-montage.montage-compact .montage-extra-grid .form-select { width: 100%; min-height: 42px; font-size: 13px; }
#page-smart-montage.montage-compact .montage-extra-grid .form-hint[hidden] { display: none !important; }
#page-smart-montage.montage-compact .montage-script-group { margin-top: 20px; }
#page-smart-montage.montage-compact .montage-script-group .form-textarea { min-height: 88px; font-size: 13px; line-height: 1.7; }
#page-smart-montage.montage-compact .montage-script-group .form-textarea::placeholder { color: var(--montage-muted); }
#page-smart-montage.montage-compact .montage-start-btn { margin-top: 6px; min-height: 44px; box-shadow: none; }
#page-smart-montage.montage-compact :is(.montage-upload-add, .montage-upload-empty, .montage-choice):hover { border-color: #ae8ac9; color: #f1dfff; background: #25202d; }
#page-smart-montage.montage-compact :is(.montage-mini-remove, .montage-mini-group-remove):hover { color: #ffd3d3; background: #662e3a; }
#page-smart-montage.montage-compact :is(.montage-choice, .montage-upload-add, .montage-upload-empty, .montage-mini-remove, .montage-mini-group-remove, .montage-mini-group-toggle, summary):focus-visible { outline: 2px solid #d0a6ed; outline-offset: 3px; }
#page-smart-montage.montage-compact .montage-choice:disabled { opacity: .5; cursor: not-allowed; }
#page-smart-montage.montage-compact .montage-current.is-completed { --montage-progress-accent: #e7bd5b; border-color: rgba(231, 189, 91, .28); }
@media (max-width: 1500px) {
  #page-smart-montage.montage-compact .montage-extra-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  #page-smart-montage.montage-compact .montage-upload-grid { grid-template-columns: 1fr; }
  #page-smart-montage.montage-compact .montage-compose-card { padding: 16px; }
  #page-smart-montage.montage-compact .montage-extra-grid { grid-template-columns: 1fr; }
  #page-smart-montage.montage-compact .montage-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #page-smart-montage.montage-compact .montage-ratio-setting { grid-column: 1 / -1; grid-row: 2; }
}
@media (pointer: coarse) {
  #page-smart-montage.montage-compact :is(.montage-choice, .montage-upload-add, .montage-mini-group-toggle, .montage-mini-group-remove) { min-height: 44px; }
  #page-smart-montage.montage-compact .montage-mini-remove { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) { #page-smart-montage.montage-compact .montage-upload-panel { transition: none; } }