.spread-selector-wrapper{position:relative;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;width:100%}.spread-selector-wrapper label{font-weight:600;color:#f3edf8;font-size:.95rem;display:block;text-align:left}.spread-dropdown{position:relative;width:100%}.spread-dropdown-toggle{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#1f1f3a 0,#2a2a4a 100%);border:2px solid #b99cff;border-radius:8px;color:#f3edf8;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:.3s;text-align:left}.spread-dropdown-toggle:hover{background:linear-gradient(135deg,#2a2a4a 0,#3a3a5a 100%);border-color:#d4c5e2;box-shadow:0 0 20px rgba(185,156,255,.3)}.spread-dropdown-toggle:focus{outline:#b99cff solid 2px;outline-offset:2px}.spread-dropdown-toggle::after{content:'▼';font-size:.8rem;transition:transform .3s;margin-left:auto}.spread-dropdown.open .spread-dropdown-toggle::after{transform:rotate(180deg)}.spread-options-list{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;background:#0c0b14;border:2px solid transparent;border-top:none;border-radius:0 0 8px 8px;transition:max-height .3s,border-color .3s;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.5)}.spread-dropdown.open .spread-options-list{max-height:400px;overflow-y:auto;border-color:#b99cff}.spread-option-item{padding:1rem 1.25rem;border-bottom:1px solid #2a2a4a;cursor:pointer;transition:.2s;background:#0c0b14}.spread-option-item:last-child{border-bottom:none}.spread-option-item:hover{background:#1a1a2e;padding-left:1.5rem}.spread-option-item.selected,.spread-option-item[aria-selected=true]{background:linear-gradient(90deg,rgba(185,156,255,.2) 0,transparent 100%);border-left:4px solid #b99cff;padding-left:1.25rem}.spread-option{display:flex;flex-direction:column;gap:.5rem}.spread-option-header{display:flex;align-items:center;gap:.75rem}.spread-emoji{font-size:1.5rem;line-height:1}.spread-name{font-weight:600;color:#f3edf8;flex:1}.spread-card-count{font-size:.85rem;color:#b99cff;background:rgba(185,156,255,.1);padding:.25rem .75rem;border-radius:12px;white-space:nowrap}.spread-description{font-size:.9rem;color:#a8a8a8;line-height:1.4}.spread-preview-tooltip{position:fixed;background:#1a1a2e;border:2px solid #b99cff;border-radius:8px;padding:1rem;max-width:300px;z-index:2000;box-shadow:0 10px 40px rgba(0,0,0,.7);animation:.3s slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spread-preview-card{display:flex;gap:1rem;align-items:flex-start}.preview-emoji{font-size:2rem;line-height:1;flex-shrink:0}.preview-content{flex:1}.preview-content h4{margin:0 0 .5rem;color:#f3edf8;font-size:1rem}.preview-content p{margin:0 0 .75rem;color:#a8a8a8;font-size:.9rem;line-height:1.4}.preview-cards{display:inline-block;font-size:.85rem;color:#b99cff;background:rgba(185,156,255,.1);padding:.25rem .75rem;border-radius:12px}@media (max-width:768px){.spread-selector-wrapper{gap:.5rem}.spread-dropdown-toggle{padding:.875rem 1rem;font-size:.95rem}.spread-option-item{padding:.875rem 1rem}.spread-option-header{gap:.5rem}.spread-emoji{font-size:1.25rem}.spread-card-count{font-size:.75rem;padding:.2rem .6rem}.spread-preview-tooltip{max-width:280px;left:10px!important;right:10px!important}.preview-emoji{font-size:1.75rem}}@media (max-width:480px){.spread-dropdown-toggle{padding:.75rem .875rem;font-size:.9rem}.spread-option-item{padding:.75rem .875rem}.spread-option-header{flex-wrap:wrap}.spread-name{width:100%}.spread-emoji{font-size:1.1rem}.spread-description{font-size:.85rem}}.spread-dropdown-toggle:focus-visible{outline:#b99cff solid 3px;outline-offset:2px}.spread-option-item:focus-visible{outline:#b99cff solid 2px;outline-offset:-2px}.spread-option-item:focus{background:#1a1a2e}@media (prefers-contrast:more){.spread-dropdown-toggle{border-width:3px}.spread-option-item[aria-selected=true]{border-left-width:6px}}@media (prefers-reduced-motion:reduce){.spread-dropdown-toggle,.spread-option-item,.spread-options-list,.spread-preview-tooltip{transition:none}}.spread-options-list::-webkit-scrollbar{width:8px}.spread-options-list::-webkit-scrollbar-track{background:#1a1a2e;border-radius:4px}.spread-options-list::-webkit-scrollbar-thumb{background:#b99cff;border-radius:4px}.spread-options-list::-webkit-scrollbar-thumb:hover{background:#d4c5e2}