/* UltraMAX DEV - Classic experience modernisation v22
   All rules are scoped to Classic dark. No new handlers or changed data.
   Refined Dark/Light/System unaffected. Purple remains Classic's identity.
   Compact Step 2 preset list and Step 3 collection manager match Refined geometry.
*/
html[data-um-appearance="classic"] body:not(.light-mode) :is(#step-2,#step-3,#step-4) > .um-step-header { background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(164,119,223,.22)!important;border-radius:0!important;box-shadow:none!important;margin:8px 0 18px!important;padding:6px 2px 17px!important }
html[data-um-appearance="classic"] body:not(.light-mode) :is(#step-2,#step-3,#step-4) > .um-step-header h1 { font-size:clamp(25px,5vw,35px)!important;line-height:1.16!important;letter-spacing:-.025em!important;text-shadow:none!important;background:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) :is(#step-2,#step-3,#step-4) > .um-step-header .um-step-sub { line-height:1.5!important;max-width:680px!important;color:#bcb5ce!important;-webkit-text-fill-color:#bcb5ce!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 :is(.s2-play-stage,.s2-manage-zone,.s2-review-zone.s2-final-check) { background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:12px 0!important;padding:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-play-stage-head { background:transparent!important;border:0!important;border-bottom:1px solid rgba(164,119,223,.22)!important;margin-bottom:12px!important;padding:0 1px 12px!important;box-shadow:none!important;text-align:left!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience { display:block!important;width:100%!important;max-width:none!important;margin:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary-grid,.s2-preset-section-grid,.s2-preset-specialist-grid) { display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important;margin:0!important;width:100%!important;align-items:stretch!important;overflow:hidden!important;border:1px solid rgba(168,122,224,.25)!important;border-radius:15px!important;background:#181328!important;background-image:none!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset { display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;grid-template-rows:auto!important;min-height:106px!important;height:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important;border:0!important;border-bottom:1px solid rgba(168,122,224,.20)!important;border-radius:0!important;background:#181328!important;background-image:none!important;box-shadow:none!important;transform:none!important; }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset:last-child { border-bottom:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset:is(:hover,.s2-active) { background:#211935!important;background-image:none!important;box-shadow:inset 3px 0 0 #a06be6!important;transform:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip { grid-column:1!important;grid-row:1!important;width:110px!important;min-width:110px!important;height:100%!important;min-height:106px!important;max-height:170px!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#110d1c!important;box-shadow:none!important; }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip :is(img,.s2-preset-art-cell) { height:100%!important;object-fit:cover!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip::after { background:linear-gradient(90deg,transparent 70%,rgba(17,13,28,.23))!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body { grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:106px!important;height:auto!important;padding:10px 12px!important;gap:7px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;overflow:hidden!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-heading { display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-name { font-size:14px!important;font-weight:760!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;color:#f3effa!important;-webkit-text-fill-color:#f3effa!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-icon { width:31px!important;height:31px!important;flex:0 0 31px!important;background:#322146!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(175,133,232,.22)!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-desc { display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;min-height:0!important;margin:0!important;overflow:hidden!important;font-size:10px!important;line-height:1.4!important;color:#bcb5ce!important;-webkit-text-fill-color:#bcb5ce!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-meta { margin:0!important;justify-content:flex-start!important;gap:8px!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-tag,.s2-preset-count) { padding:3px 8px!important;border:1px solid rgba(168,122,224,.27)!important;border-radius:99px!important;background:#292039!important;color:#d4b9fa!important;-webkit-text-fill-color:#d4b9fa!important;font-size:10px!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 :is(.s2-preset-drawer,.s2-utility-drawer,.s2-tool-panel,.s2-catalog-manager-shell,.s2-home-manager-panel) { background:#181328!important;background-image:none!important;border:1px solid rgba(168,122,224,.24)!important;border-radius:13px!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-tools-body .s2-manage-grid { display:flex!important;flex-direction:column!important;gap:0!important;border:1px solid rgba(168,122,224,.20)!important;border-radius:13px!important;overflow:hidden!important;background:#181328!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-tools-body .s2-manage-grid > .s2-manage-item { margin:0!important;border:0!important;border-bottom:1px solid rgba(168,122,224,.20)!important;border-radius:0!important;background:#181328!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-tools-body .s2-manage-grid > .s2-manage-item:last-child { border-bottom:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-final-check .s2-final-count { border:1px solid rgba(168,122,224,.24)!important;border-radius:13px!important;background:#181328!important;background-image:none!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-review-heading :is(.s2-review-title,.s2-review-sub) { text-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 :is(.s2-step-summary-btn,.s2-step-preview-btn,.s2-nav-card) { background:#20192d!important;background-image:none!important;border:1px solid rgba(168,122,224,.28)!important;border-radius:12px!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-nav-card-next { background:#6843ab!important;background-image:none!important;border-color:#8362bc!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 :is(.s2-phase-break,.s2-ready-break) { opacity:.6!important;margin:16px 0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone { background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone-head { margin:0 0 12px!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone #collections-list { display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;gap:0!important;border:1px solid rgba(168,122,224,.28)!important;border-radius:15px!important;background:#181328!important;background-image:none!important;box-shadow:none!important;overflow:visible!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone #collections-list > article.collection-card { display:flex!important;flex-flow:row wrap!important;align-items:center!important;align-content:flex-start!important;justify-content:flex-start!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:76px!important;height:auto!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(168,122,224,.20)!important;border-radius:0!important;background:#181328!important;background-image:none!important;box-shadow:none!important;overflow:visible!important;box-sizing:border-box!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone #collections-list > article.collection-card:last-child { border-bottom:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone #collections-list > article.collection-card:has(.collection-order-menu[open]) { z-index:10010!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-drag-handle { position:absolute!important;top:38px!important;left:8px!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:17px!important;height:34px!important;padding:0!important;margin:0!important;z-index:6!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > button.collection-summary { position:relative!important;display:grid!important;flex:1 1 0!important;grid-template-columns:17px 44px minmax(0,1fr) 12px!important;align-items:center!important;gap:7px!important;min-width:0!important;max-width:none!important;width:auto!important;height:76px!important;min-height:76px!important;margin:0!important;padding:7px 0 7px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;overflow:hidden!important;text-align:left!important;box-sizing:border-box!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-drag-spacer { width:17px!important;min-width:17px!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-thumbnail { width:44px!important;min-width:44px!important;height:44px!important;object-fit:cover!important;object-position:center!important;border-radius:10px!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-summary-content { min-width:0!important;max-width:100%!important;overflow:hidden!important;gap:4px!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-title { display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:13px!important;font-weight:750!important;line-height:1.25!important;color:#f3effa!important;-webkit-text-fill-color:#f3effa!important;overflow-wrap:anywhere!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-meta { margin:0!important;white-space:normal!important;font-size:10px!important;line-height:1.32!important;color:#bbb2cf!important;-webkit-text-fill-color:#bbb2cf!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-chevron { width:12px!important;min-width:12px!important;height:28px!important;font-size:17px!important;color:#b6a3d1!important;-webkit-text-fill-color:#b6a3d1!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-quick-actions { position:relative!important;display:flex!important;flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:76px!important;min-height:0!important;align-items:center!important;justify-content:flex-end!important;align-self:center!important;gap:5px!important;padding:0 7px 0 0!important;margin:0!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;border:0!important;background:transparent!important;box-shadow:none!important;z-index:10!important;box-sizing:border-box!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-quick-actions :is(.collection-pin-toggle,.collection-order-menu > summary) { display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;margin:0!important;border:1px solid rgba(168,122,224,.28)!important;border-radius:9px!important;background:#282037!important;background-image:none!important;color:#d7c8ed!important;-webkit-text-fill-color:#d7c8ed!important;box-shadow:none!important;box-sizing:border-box!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-order-menu { display:block!important;position:relative!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:36px!important;max-height:36px!important;padding:0!important;margin:0!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-order-menu-popover { position:absolute!important;z-index:10011!important;right:0!important;top:40px!important;width:180px!important;border:1px solid rgba(168,122,224,.40)!important;border-radius:11px!important;background:#20182f!important;box-shadow:0 12px 30px rgba(0,0,0,.40)!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-body[hidden] { display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-body:not([hidden]) { display:flex!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:12px!important;border-top:1px solid rgba(168,122,224,.20)!important;background:#1c162b!important;box-sizing:border-box!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card:hover { background:#211a32!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-pin-toggle.is-pinned { background:#2a2141!important;border-color:#a078df!important;color:#edddff!important;-webkit-text-fill-color:#edddff!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 :is(.s3-workspace-panel,.s3-play-stage,.s3-presets-shell) { box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .coll-sticky-bar { position:relative!important;top:auto!important;margin-bottom:12px!important; }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .coll-search { background:#1e182d!important;border:1px solid rgba(168,122,224,.28)!important;border-radius:11px!important;color:#f0eafa!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-add-action { background:#3d285e!important;background-image:none!important;border:1px solid rgba(184,133,246,.35)!important;border-radius:10px!important;color:#f5eefe!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .collection-bottom-area { border:1px solid rgba(168,122,224,.24)!important;border-radius:14px!important;background:#181328!important;background-image:none!important;box-shadow:none!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .collection-bottom-actions > .step4-action-primary { background:#714ab5!important;background-image:none!important;border:1px solid #8865be!important;border-radius:11px!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important }
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .collection-bottom-actions > .step4-action:not(.step4-action-primary) { background:#282037!important;background-image:none!important;border:1px solid rgba(168,122,224,.28)!important;border-radius:11px!important;box-shadow:none!important;color:#eee6f9!important }
@media(max-width:480px){
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset{grid-template-columns:100px minmax(0,1fr)!important;}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip{width:100px!important;min-width:100px!important;}
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > button.collection-summary{grid-template-columns:14px 40px minmax(0,1fr) 10px!important;gap:6px!important;padding-left:7px!important;}
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card .collection-thumbnail{width:40px!important;min-width:40px!important;height:40px!important;}
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-drag-handle{left:6px!important;width:14px!important;}
html[data-um-appearance="classic"] body:not(.light-mode) #step-3 .s3-editor-zone .collection-card > .collection-quick-actions{flex:0 0 77px!important;width:77px!important;min-width:77px!important;max-width:77px!important;padding-right:5px!important;}
}