.genre-input{position:relative}.genre-input-box{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;padding:.45rem .6rem;border:1.5px solid var(--parchment-warm);border-radius:5px;background:#fff;cursor:text;transition:border-color .15s,box-shadow .15s}.genre-input-box:focus-within{border-color:var(--wood-warm);box-shadow:0 0 0 3px #8b4a221f}.genre-token{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-ui);font-size:.78rem;font-weight:600;padding:.22rem .3rem .22rem .6rem;border-radius:999px;background:var(--felt);color:#fff}.genre-token-x{border:none;background:#ffffff38;color:#fff;width:1.05rem;height:1.05rem;border-radius:50%;font-size:.85rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.genre-token-x:hover{background:#fff6}.genre-input-field{flex:1;min-width:9rem;border:none!important;outline:none;padding:.2rem 0!important;background:transparent!important;box-shadow:none!important;font-family:var(--font-ui);font-size:.9rem;color:var(--ink)}.genre-suggestions{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.25rem;list-style:none;background:#fff;border:1.5px solid var(--parchment-warm);border-radius:6px;box-shadow:0 8px 24px #2e16082e;max-height:14rem;overflow-y:auto}.genre-suggestion{padding:.45rem .6rem;border-radius:4px;font-family:var(--font-ui);font-size:.85rem;color:var(--ink-mid);cursor:pointer}.genre-suggestion.active{background:var(--parchment-mid);color:var(--ink)}.genre-error{font-family:var(--font-ui);font-size:.84rem;color:#a3301d;margin:.4rem 0 0}